COVID-19 Update Click here to visit our dedicated page for further information on the COVID-19 situation, including vouchers, cancellations, refunds and sailing changes.

Stena Line

Stena Line

Stena Line jest jednym z największych na świecie przewoźników promowych. Operator oferuje szereg częstych, szybkich i konwencjonalnych usług promowych w całej Wielkiej Brytanii, Irlandii, Holandii, Skandynawii i na Morzu Bałtyckim.

Stena Lina obsługuje liczne trasy promowe i każdego roku przewozi ponad 14 milionów ludzi.

Stena Line stale rozwija sieć połączeń promowych, oferując swoim klientom niepowtarzalny komfort na pokładach swoich statków.

Z directferries.pl można znaleźć Stena Line rozkłady jazdy, taryfy i zakupic Stena Line bilety promowe. W stosownych przypadkach będzie mozna również porównac Stena Line z innymi firmami promowymi.

Stena Line - trasy i porty

Zobacz trasy na mapie
Zobacz listę tras

Kliknij aby zobaczyć mapę

Na pokładzie Stena Line

Stena

Stena Jutlandica

Stena

Stena

Stena

Stena Scandinavica

Stena

Stena

Stena

Stena Britannica

Stena

Mecklenburg

Mecklenburg Vorpommern

Stena

Stena

Stena

Superfast

Stena

Stena Adventurer

Skåne

Stena

Stena Germanica

Stena

Superfast

Stena

Stena Hollandica

Stena

Stena

Stena Line

Wszystkie trasy Stena Line

Anglia < > Holandia
- Harwich do Hoek van Holland / Hoek van Holland do Harwich
  - 16 przeprawy w tygodniu
  - 6 godz 45 min
  - Uzyskaj cenę
Anglia < > Północna Irlandia
- Belfast do Liverpool Birkenhead / Liverpool Birkenhead do Belfast
  - 16 przeprawy w tygodniu
  - 8 godz
  - Uzyskaj cenę
Dania < > Szwecja
- Frederikshavn do Göteborg / Göteborg do Frederikshavn
  - 7 Przeprawy Dziennie
  - 3 godz 15 min
  - Uzyskaj cenę
- Grenaa do Halmstad / Halmstad do Grenaa
  - 16 przeprawy w tygodniu
  - 4 godz 35 min
  - Uzyskaj cenę
- Grenaa do Varberg / Varberg do Grenaa
  - 14 przeprawy w tygodniu
  - 4 godz 15 min
  - Uzyskaj cenę
Finlandia < > Szwecja
- Hanko do Nynäshamn / Nynäshamn do Hanko
  - 8 przeprawy w tygodniu
  - 13 godz
  - Uzyskaj cenę
Francja < > Irlandia
- Cherbourg do Rosslare / Rosslare do Cherbourg
  - 2 przeprawy w tygodniu
  - 15 godz 30 min
  - Uzyskaj cenę
Irlandia < > Walia
- Dublin do Holyhead / Holyhead do Dublin
  - 4 Przeprawy Dziennie
  - 3 godz 30 min
  - Uzyskaj cenę
- Fishguard do Rosslare / Rosslare do Fishguard
  - 14 przeprawy w tygodniu
  - 2 godz 30 min
  - Uzyskaj cenę
Lotwa < > Niemcy
- Liepaja do Travemunde / Travemunde do Liepaja
  - 5 przeprawy w tygodniu
  - 20 godz 30 min
  - Uzyskaj cenę
Lotwa < > Szwecja
- Nynäshamn do Ventspils / Ventspils do Nynäshamn
  - 11 przeprawy w tygodniu
  - 8 godz 30 min
  - Uzyskaj cenę
Niemcy < > Szwecja
- Göteborg do Kilonia / Kilonia do Göteborg
  - 8 przeprawy w tygodniu
  - 14 godz 30 min
  - Uzyskaj cenę
- Rostock do Trelleborg / Trelleborg do Rostock
  - 3 Przeprawy Dziennie
  - 6 godz
  - Uzyskaj cenę
Polska < > Szwecja
- Gdynia do Karlskrona / Karlskrona do Gdynia
  - 3 Przeprawy Dziennie
  - 10 godz 16 min
  - Uzyskaj cenę
Północna Irlandia < > Szkocja
- Belfast do Cairnryan / Cairnryan do Belfast
  - 5 Przeprawy Dziennie
  - 2 godz 22 min
  - Uzyskaj cenę

Stena Line opinie klientów

"Harwic"

Polecam obsluga na wysokim poziomie

Przeczytaj Więcej Zwiń
"Opinia "

Podróż samochodem

Przeczytaj Więcej Zwiń
"Super statek"

Bardzo dobra

Przeczytaj Więcej Zwiń
"Plynelismy"

Nasza

Przeczytaj Więcej Zwiń

Alternatywne firmy i trasy

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } * html .ui-helper-clearfix { height: 1% } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget { font-size: 11px } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaa; background: 50% 50% repeat-x #fff; color: #000 } .ui-widget-content a { color: #000 } .ui-widget-header { border: 1px solid #2c7ca9; background: 50% 50% repeat-x #64b6e6; color: #fff; font-weight: 700 } .ui-widget-header a { color: #222 } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: 50% 50% repeat-x #eee; font-weight: 400; color: #444; outline: 0 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444; text-decoration: none; outline: 0 } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover { border: 1px solid #8af; background: 50% 50% repeat-x #fff; font-weight: 400; color: #333; outline: 0 } .ui-state-hover a, .ui-state-hover a:hover { color: #333; text-decoration: none; outline: 0 } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #036; background: 50% 50% repeat-x #0064b4; font-weight: 400; color: #fff; outline: 0 } .ui-datepicker-calendar .ui-state-default, .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: 700 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: 0; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #fcefa1; background: 50% 50% repeat-x #ffc; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636 } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-icon { width: 16px; height: 16px } .ui-icon-circle-triangle-e { background-position: -10px -1943px } .ui-icon-circle-triangle-w { background-position: -25px -1943px } .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 25 } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { float: left; font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker-current { display: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100% } .ui-datepicker-calendar a.ui-state-default { border-color: #fff } .ui-datepicker-calendar a.ui-state-active { border-color: #036 } .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { border-color: #fff; background-color: #fff; font-weight: 400 } .ui-datepicker-calendar a.ui-state-hover { border-color: #fcefa1; background: #ffc; color: #444 } @media(max-width:992px) { .ui-datepicker { width: auto !important } .ui-datepicker-buttonpane { display: none } .ui-datepicker td a, .ui-datepicker td span { padding: 7px } } .loadmask { z-index: 100; position: absolute; top: 0; left: 0; -moz-opacity: .5; opacity: .7; background-color: #fff; width: 100%; height: 100%; zoom: 1 } .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border: 1px solid #6593cf; background: #c3daf9; padding: 2px } .loadmask-msg div { padding: 5px 10px 5px 25px; background: #fbfbfb url(https://static.directferries.co.uk/image/fs/loading.gif) no-repeat 5px 5px; line-height: 16px; border: 1px solid #a3bad9; color: #222; font: normal 11px tahoma,arial,helvetica,sans-serif; cursor: wait } .masked { overflow: hidden !important } .masked-relative { position: relative !important } .masked-hidden { visibility: hidden !important } .fs .advSer a { font-weight: 700; color: #fff; font-size: 13px } .fs .formPopup, .rSer .formPopup { background: url(https://static.directferries.co.uk/image/fs/arrow.png) no-repeat top left } .fs .frmHol { font-size: 13px } .wc label { background-position: -16px -1988px } .errDiv { background-color: #f2dede; color: #d00; font-weight: 700; font-size: 13px; background-image: url(https://static.directferries.co.uk/image/fs/error.png); background-repeat: no-repeat; background-position: 7px 10px; padding: 10px 10px 10px 30px } .petGrp .input-group-btn { font-size: 14px } .petGrp label { font-weight: 400 } .petGrp .btn-default { color: #333; background-color: #fff; font-weight: 400; border-color: #ccc } .petGrp .btn-default:hover { background-color: #e6e6e6; color: #333 } .input-group-btn:first-child > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-btn:last-child > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .disabled, .petGrp .btn-default.disabled { background-color: #eee; background-image: none; border-color: #ccc; color: #ccc } .fsBtn .disabled { background-color: #ea5b28; border: 1px solid transparent; color: #fff } @media screen and (min-width:0\0) { .disabled, .petGrp .btn-default.disabled { color: #6d6d6d } } @media \0screen\,screen\9 { .disabled, .petGrp .btn-default.disabled { color: #baa0bc } } .fsPop { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: .6; z-index: 5000 } .fsWrapPop { position: relative; width: 100%; z-index: 6000 } #curBtn { background-position: right -948px } .fsDone { margin-bottom: 15px; float: right } .rating, .sRating { background-image: url(https://static.directferries.co.uk/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 } .feeRating { background-image: url(https://static.directferries.co.uk/image/sprites/stars-feefo.png); background-repeat: no-repeat; width: 95px; height: 18px; display: inline-block; margin-left: 6px } .f45 { background-position: -1px -25px } .banner { background: url(https://static.directferries.co.uk/image/backgrounds/main.jpg) no-repeat center center; background-size: cover; margin-bottom: 15px } .noBanner { margin-bottom: 15px } .subNav > ul > li a:hover { text-decoration: none } .accomm, .onBoard, .social { margin-bottom: 15px } .accomm h3, .onBoard h3, .social h3 { margin-bottom: 0; padding: 10px 0 10px 40px } .onBoard h3 { background-position: -7px -514px } .accomm h3 { background-position: -7px -1886px } .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: center 0 } .twitter { background-position: center -73px } .google { background-position: center -146px } .youtube { background-position: center -219px } .signUp { background-position: center -292px } .download { background-position: center -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 } .at { background-position: 4px -548px } .be { background-position: 4px -243px } .ch { background-position: 4px -398px } .cn { background-position: 4px -649px } .cz { background-position: 4px -460px } .de { background-position: 4px -88px } .dk { background-position: 4px -181px } .es { background-position: 4px -212px } .fi { background-position: 4px -274px } .fr { background-position: 4px -57px } .gr { background-position: 4px -491px } .jp { background-position: 4px -672px } .it { background-position: 4px -367px } .ie { background-position: 4px -26px } .nl { background-position: 4px -119px } .no { background-position: 4px -429px } .pl { background-position: 4px -337px } .pt { background-position: 4px -305px } .ru { background-position: 4px -601px } .se { background-position: 4px -150px } .sk { background-position: 4px -522px } .tr { background-position: 4px -574px } .ua { background-position: 4px -626px } .us { background-position: 4px -695px } .au { background-position: 4px -718px } .qa { background-position: 4px -741px } .ma { background-position: 4px -764px } .tn { background-position: 4px -786px } .ca { background-position: 4px -808px } .kr { background-position: 4px -830px } .uk { background-position: 4px 5px } .cat { background-position: 4px -852px } .id { background-position: 4px -874px } footer .cards { text-align: center; padding: 0 15px } footer .cards i { background-image: url(https://static.directferries.co.uk/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 } .carousel { z-index: 0 } .dropdown > li > a:hover { text-decoration: none } .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 } .mapImg { display: table; width: 100%; background: url(https://static.directferries.co.uk/image/map.jpg) no-repeat center center } .mapImg:hover, .mapImg:hover .mapOly { text-decoration: underline; cursor: pointer } .mapOly { display: table-cell; vertical-align: middle; text-align: center } .mapOly span { background: #fff url(https://static.directferries.co.uk/image/map-view.png) no-repeat 7px 9px; color: #0070a0; padding: 7px 7px 7px 27px; border-radius: 5px; line-height: 15px } .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 > div > div { margin-bottom: 30px } .intTxt { border-bottom: 2px solid #64b6e6; margin-bottom: 15px; padding-bottom: 10px; width: 100% } .intTxt img { margin: 0 0 10px 0; display: block; max-width: 100% } .intTxt .form-control { width: auto; margin-bottom: 10px } .intTxt .form-select label { color: #193354 } .intTxt .form-select .form-control { width: 100% } @media(max-width: 768px) { .opInt .rImg { width: auto } .fs .vSpace { display: none } .fs #curLbl { display: block; margin-bottom: 10px } } .oBox { background: #ea5b28; padding: 15px 15px 10px } .oBox * { color: #fff } .oBox .btn { background-color: #fff; background-position: right -1233px; color: #ea5b28; font-size: 12px; line-height: 1.5; padding: 2px 18px 2px 10px } .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 { padding-bottom: 5px; padding-right: 20px; cursor: pointer; background-position: right -1050px; margin: 0 } .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:active, .bBox .btn:focus, .bBox .btn:hover, .bBox .btn:visited { 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 { width: 100%; margin: -10px 0 0; padding: 0 } .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 } .rouGrp > div { padding: 0 0 10px } .rouGrpOps { width: 100%; border-bottom: 1px solid #64b6e6; margin: -10px 0 5px; padding: 0 0 5px } .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 } .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 .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 .exMar { margin-bottom: 15px } .opList .det p { margin: 0 } .opList .det h4 { font-weight: 700; font-size: 14px; display: inline-block; color: #193354; margin: 15px 0 0 } .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 > 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 .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; display: block } @media(max-width:600px) { .dests .xs6 { width: 100% } } .alts > div > ul > li > div, .alts > ul > li > div { border-bottom: 1px solid #64b6e6 } .alts .altImg { width: 100px } .alts .altImg img { max-width: 100%; max-height: 30px; display: block; margin: 0 auto } @media(max-width:600px) { .alts > .ulTbl > li > div { padding: 7px 0 } .alts .altImg img { max-height: 25px } } .opRoutes #map_canvas { height: 350px } .opRoutes h5 { display: block; font-weight: 700; color: #193354; font-size: 14px; cursor: pointer; background-color: #e6e6e6; background-position: 98% -1478px; margin-bottom: 5px; padding: 9px 28px 10px 10px } .opRoutes h5.up { background-position: 98% -1397px } .opRoutes .accordion .rtTbl li:last-child { border-bottom: none; padding-bottom: 0 } .opRoutes .accordion > ul li:last-child > div { border-bottom: 1px solid #64b6e6 } .hreview > div { border-bottom: 1px solid #64b6e6; margin-bottom: 10px; padding: 10px 0 0 !important } .ulTbl li.hreview div.more { padding: 0; margin-top: -5px } .rvMore { border-bottom: 1px solid #64b6e6; display: block; background-position: right -1183px; padding: 10px 15px 10px 0 } .lessLink, .moreLink { color: #0070a0; cursor: pointer; display: inline-block; margin-bottom: 10px } .lessLink { display: none } .lessLink:hover, .moreLink:hover { text-decoration: underline } .hreview .stars { width: 85px; vertical-align: top } .hreview .rating, .hreview .sRating { 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(https://static.directferries.co.uk/image/sprites/stars-rateit.png) 0 -2px; height: 16px; outline: 0 } .rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0 } .rateit .rateit-hover { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .rateit .rateit-selected { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .noRting { background: 0 0; display: none } .opShips .h2, .opShips h2 { margin: 0 } .opShips .row { margin-left: -7px; margin-right: -7px } .opShips .sm4, .opShips .xs6 { 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: .9; position: absolute; float: left; width: 100%; bottom: 0; color: #fff; font-size: 13px } .opShips .ovlyOp { background-color: #0070a0; opacity: .9; position: absolute; top: 5px; right: 5px; color: #fff; font-size: 13px; padding: 2px 5px } .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 } .highcharts { background: #e0f1fa; padding: 15px 15px 10px } .dests .det p, .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; overflow: hidden; padding: 0 0 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; float: right } .article .nsInt, .nsLst .nsInt { font-size: 12px; margin-top: -10px } .nsLnk ul, .nsiLnk ul { margin: -7px 0 0 } .nsLnk ul li, .nsiLnk ul li { border-bottom: 1px solid #e6e6e6; position: relative; padding: 7px 0 } .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 } .fbShare span { background-color: #3a589a; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .fbShare:hover span { background-color: #627aaf } .twShare span { background-color: #00abf0; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .twShare:hover span { background-color: #3cc1f4 } .gooShare span { background-color: #df4a32; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .gooShare:hover span { background-color: #e66e5d } .email { margin-right: 4px } .email:hover, .print:hover { opacity: .8 } .article { border-bottom: 2px solid #64b6e6; padding-bottom: 8px; margin-bottom: 20px !important } .article h1 { font-size: 20px } .article img, .avios img, .md img { margin-bottom: 10px } .offers .rvMore { margin-top: -15px } .avios .btn { margin: 10px 0 } .soLnk ul { margin-top: -5px } .soLnk ul li { border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .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; font-size: 14px; margin: 0; padding: 15px 25px 15px 0 } .mobAcords .down { cursor: pointer; background-position: right -1477px; font-size: 14px; margin: 0; padding: 10px 25px 5px 0 } .mobAcords .up { background-position: right -1395px } .alts h4, .cntUs h2 { cursor: pointer; background-position: right -1470px; position: relative; margin: 0; padding: 15px 25px 15px 22px } .alts h4 { padding: 15px 25px 15px 0; border-bottom: 1px solid #64b6e6 } .faq h4.up { background-position: right -1391px } .alts h4.up, .cntUs h2.up { background-position: right -1388px } .cntUs h2 span { background-image: url(https://static.directferries.co.uk/image/sprites/flags.png?v=2); background-repeat: no-repeat; width: 25px; height: 20px; position: absolute; left: -4px } .cntUs ul li ul { margin-bottom: 10px } .addy h4 { margin: 0; border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .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 { cursor: pointer; font-size: 14px; font-weight: 400; color: #0070a0; background-position: right -1269px; margin: 0; padding: 10px 18px 10px 0 } .rtPtLst .accordion ul li h5.up { background-position: right -1334px } .rtPtLst .accordion ul li p { display: none; margin: 0 0 10px } .portOr { display: block; line-height: 30px; text-align: center } .portMapCtr { margin: 0 -15px } .dblArrw { background-position: -3px -663px; width: 26px; height: 30px; margin: 0 auto } .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; background-position: -40px -1194px; padding: 0 5px 0 10px } .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 } .c2cLnk { display: block; text-align: center } @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 > li { display: table; width: 100% } .c2cTbl > li > div { display: table-cell; vertical-align: top } .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 } } .c2cTbl .sa, .rtTbl ul > li.sa { background-position: -1px -704px; padding-left: 20px; padding-right: 5px } .c2cTbl .du, .rtTbl ul > li.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 } .ctSum > ul:after, .ctSum > ul:before { content: " "; display: table; clear: both } .ctSum > ul { border-bottom: 1px solid #64b6e6; padding-bottom: 10px; margin-bottom: 10px } .ctSum h2 { margin-top: -10px } .ctSum ul { margin-top: -8px } .ctSum ul > li { width: 100%; float: left; background-image: none; padding: 3px 0 3px 0; line-height: 20px } .ctSum ul > li img { margin-right: 5px; margin-top: -1px; border: solid 1px #e6e6e6 } .content > div > div.regionMap { margin-bottom: 0 } .regionMap label { color: #193354 } .regionMap .mHide { display: none } footer { background: #64b6e6; color: #fff; padding: 15px 0 } footer a { color: #fff; display: block } footer a:hover { color: #fff } footer .signUp { background: #0070a0; margin-bottom: 15px; padding: 15px } footer .accordion { text-align: center; clear: both; padding: 0 15px 15px } footer .accordion .sm3 { padding: 0 } footer .accordion h4 { color: #fff; font-weight: 400; font-size: 14px; cursor: pointer; background-position: right -951px; display: inline-block; margin-bottom: 0; padding: 5px 20px 5px 0 } footer .accordion h4.up { background-position: right -904px } footer .accordion .sm3 div { display: none; margin: 5px 0 10px } footer .accordion .sm3 a { padding: 2px 0 } footer .copy { text-align: center; font-size: 12px; padding: 0 15px } footer .err, footer .suc { display: none; margin: 10px 0 0; padding: 5px 10px } .suc { background-color: #dff0d8; color: #333 } .err { background-color: #f2dede; color: #333 } @media(min-width:769px) { .bImg { display: block; width: auto; margin: 0 auto 10px } .reDirect a, .reDirect a:hover { display: inline } .fsWrap { margin-top: -1px } .fs .padRht { padding-right: 5px } .fs .padLft { padding-left: 5px } footer .signUp { background: #0070a0; padding: 15px 5px } footer .accordion ul { margin: 5px 0 0 } footer .err, footer .suc { margin: 10px 10px 0 } .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; text-align: center; padding: 0 10px } .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 img { display: block; margin: 0 auto 10px } .intTxt .rowH { display: table-row } .intTxt .colH { display: table-cell; float: none } .intTxt .colT { vertical-align: top } .intTxt .colM { vertical-align: middle } .shIcns { text-align: right } .opTbl { display: table } .opTbl > li { display: table-row } .opTbl > li > div { display: table-cell; vertical-align: middle; margin-bottom: 10px; border-bottom: 1px solid #64b6e6; height: 54px; padding: 10px 0 } .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 { width: 150px; padding: 10px 20px 10px 0 } .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 } .portLst > ul > li > ul > li { width: 33% } .conNav .call { background-position: 0 -1855px; padding-right: 7px; display: block } .ctSum ul > li { width: 33.3333% } .regionMap .mHide { display: block } } @media(min-width:992px) { .railSailSlider { padding-right: 30px; padding-top: 15px; height: 300px } .fsWrap .padRht { padding-right: 0 } .hIntBox { margin: 0 } .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 } .accommI, .onBoardI { display: block } .social { padding-left: 30px; border-left: 1px solid #64b6e6 } .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% } .conNav .trvAl { background-position: 0 -1818px; padding-right: 7px; display: block } .conNav li a { font-size: 14px } .conNav .lang > a { padding-right: 18px } .conNav .lang > a > span { padding-left: 26px } .conNav .lang > a > span b { display: inline } .ctSum ul > li { width: 25% } } @media(max-width: 768px) { .subNav .mMenu { float: right } .subNav .mMenu span { background-color: #64b6e6; padding-right: 35px; position: relative } .subNav .mMenu span i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -954px } .subNav .mMenu span.up i { background-position: right -906px } .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 } .mobAcords { margin-top: -15px; margin-bottom: 15px } .mobAcords.main { margin-top: -30px } .mobAcords.ind { margin-top: -30px } .mobAcords.ind .soLnk { border-bottom: 2px solid #64b6e6 } .mobAcords.ind .soLnk .down { padding-bottom: 10px } .mobAcords .nsLnk, .mobAcords .soLnk { margin: 0 } .mobAcords .nsLnk { border-bottom: 2px solid #64b6e6 } .mobAcords .nsLnk .down { padding-bottom: 10px } .mobAcords .nsLnk ul li:last-child { border: none } .fs .advSer { margin-bottom: 5px } } @media(min-width:992px) and (max-width:1200px) { .carouselIn > .item img { margin-left: -22px } } .rSer .formCon { padding-top: 5px } .rSer .formPopup { background-image: none; padding-top: 0; margin-top: 3px; border-top: 1px solid #eee; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) } .rSer .formCon, .rSer .popupTitle { border-color: #eee } .rSer .popupClose { top: 5px } .rSer .ulTbl { min-width: 380px } .rSer .ulTbl li div { border-bottom: 1px solid #64b6e6; vertical-align: top; font-size: 13px } .rSer .ulTbl li:first-child div { border-top: none; padding-top: 0 } .rSer .btn { color: #fff; font-size: 12px; background-position: right -1102px; margin-top: 4px } .rSerRou, .rSerRou2 { font-weight: 700; color: #193354; font-size: 14px } .rSerRou2 { padding-top: 5px } .rSerOp { color: #0070a0 } .rSerTer { font-size: 11px; padding: 5px 0 6px; display: block } .rSerLnk:hover { background-color: #e0f1fa } .rSerPri { text-align: right; font-weight: 700; color: #193354 } .rSerPri span { font-size: 14px; display: block } .rSerCon li, .subNav ul li .rSerCon li { display: block } .rSerCon .rSerRem a, .rSerPri .rSerVal { font-size: 11px; font-weight: 400; color: #0070a0 } .rSerMcon { background: #64b6e6; display: none } .rSerMcon .ulTbl li div { border-bottom: 1px solid #fff; vertical-align: top; font-size: 12px; padding: 4px 14px } .rSerMcon .ulTbl li div:first-child { padding-right: 0 } .rSerMcon .ulTbl li div:last-child { padding-left: 0 } .rSerMcon .ulTbl li:first-child div { border-top: 1px solid #fff } .rSerMcon .rSerPri, .rSerMcon .rSerRou, .rSerMcon .rSerRou2 { font-size: 13px; color: #fff } .rSerMcon .rSerOp, .rSerMcon .rSerRem a, .rSerMcon .rSerVal { color: #333 } .rSerMcon .rSerRem a:hover { background-color: transparent; text-decoration: underline } .rSerMcon .rSerVal { line-height: 18px } .rSerMcon .btn { margin-top: 4px } .rSerMcon .btn:hover { background-position: right -1103px; background-color: #dc5829 } .rSerMcon .rSerTer { border-bottom: 1px solid #fff; padding: 5px 14px 6px } .rSerM { position: relative } .rSerM i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -955px } .rSerM.up i { background-position: right -907px } .rSerNo { padding: 0 0 8px 0; display: block } .rSerMcon .rSerNo { padding: 0 14px } #backgroundPopup, #backgroundPopupBE { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; z-index: 9000 !important } .popUp { width: 75%; max-width: 600px; z-index: 10000 !important; position: absolute; background-color: #fff; border: 3px solid #0070a0; padding: 2px } .popUp .header { background-color: #0070a0; color: #fff; text-align: left; padding-left: 10px; font-size: 14px; line-height: 30px; font-weight: 400; margin: 0 } .popUp .content { padding: 8px 10px 10px 10px; clear: both; max-height: 500px; -webkit-overflow-scrolling: touch; overflow: auto } .popUp .content p { margin-bottom: 10px } .popUp .closeBtn { background-position: -10px -2020px; height: 28px; width: 30px; position: absolute; right: -16px; top: -13px; cursor: pointer } @media(min-width:769px) { .popUp { width: 50% } } .ab-con--wrapper article.ab-con.two { display: none } .HyperLinkTextColor:hover { color: #fff } body { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif }