Ticket Selection - Dublin Coach

<!DOCTYPE html> <html lang="en-gb"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-47425290-1"></script> <script>window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-47425290-1'); </script>   <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="description" content="TM Booking Engine"> <title>Ticket Selection - Dublin Coach</title> <link rel="shortcut icon" href="/Resources/DublinCoach/Favicon.ico?Ver=1.12082" type="image/x-icon" /> <link rel="preload" href="/assets/global/plugins/font-awesome/css/font-awesome.min_TS_TM.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/global/plugins/font-awesome/css/font-awesome.min_TS_TM.css"></noscript> <link rel="preload" href="/assets/global/plugins/bootstrap/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/global/plugins/bootstrap/css/bootstrap.min.css"></noscript> <link rel="preload" href="/assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css "></noscript> <link rel="preload" href="/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min_TS.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min_TS.css"></noscript> <link rel="preload" href="/assets/global/plugins/bootstrap-toastr/toastr.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/global/plugins/bootstrap-toastr/toastr.min.css"></noscript> <link rel="preload" href="/assets/global/css/components-rounded_TM.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/global/css/components-rounded_TM.min.css"></noscript> <link rel="preload" href="/assets/global/css/plugins_TM.min.css?Ver=1.12008" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/global/css/plugins_TM.min.css?Ver=1.12008"></noscript> <link rel="preload" href="/assets/layouts/layout3/css/layout_TM.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/assets/layouts/layout3/css/layout_TM.min.css"></noscript> <link href="/assets/layouts/layout3/css/TMStyles_TS.css?Ver=1.12082" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" href="/contents/css/MainMaster_DS.css?Ver=1.12082" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/contents/css/MainMaster_DS.css?Ver=1.12082"></noscript> <link rel="preload" href="/contents/css/MainMaster_MS.css?Ver=1.12082" as="style" onload="this.onload=null;this.rel='stylesheet'" media="only screen and (max-width: 768px)"> <noscript><link rel="stylesheet" href="/contents/css/MainMaster_MS.css?Ver=1.12082" media="only screen and (max-width: 768px)"></noscript> <link rel="preload" href="/Resources/DublinCoach/TMFonts/TMFonts.min.css?Ver=1.12082" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/Resources/DublinCoach/TMFonts/TMFonts.min.css?Ver=1.12082"></noscript> <style type="text/css"> .dropdown-menu, .datepicker{font-family: Roboto !important;} .modal-backdrop.in {opacity: 1;} .dropdown-menu>li>a{font-weight: 600 !important;} .btn-default:hover,.btn-default:visited,.btn-default.focus, .btn-default:focus{background-color:#ffffff !important;} /*---------- BODY SECTION ----------*/ .TMBodyBGColor1{background-color: #ffffff !important;} .TMBodyFontColor1{color: #ffffff !important;} /*---------- PAGE SECTION ----------*/ .TMBGColor1 {background-color: #F8F8F8 !important; border-radius: 4px !important;} .TMBGColor2 {background-color: #428240 !important; border-radius: 4px !important;} .TMBGColor3 {background-color: #6d68c7 !important; border-radius: 4px !important;} .TMFontColor1 {color: #333333 !important;} .TMFontColor2 {color: #ffffff !important;} .TMFontColor3 {color: #ffffff !important;} /*---------- BUTTONS ----------*/ .TMButtonBGColor1 {background-color: #FFFFFF !important; border-radius: 4px !important;} .TMButtonBGColor2 {background-color: #64A033 !important; border-radius: 4px !important;} .TMButtonBGColor3 {background-color: #64A033 !important; border-radius: 4px !important;} .TMButtonBGColor4 {background-color: #EC883B !important; border-radius: px !important;} .TMButtonFontColor1 {color: #64A033 !important;} .TMButtonFontColor2 {color: #ffffff !important;} .TMButtonFontColor3 {color: #ffffff !important;} .TMButtonFontColor4 {color: #ffffff !important;} .TMButtonShadowColor1 {color: #61d67e !important;} .TMButtonShadowColor2 {color: #EC883B !important;} .TMButtonShadowColor3 {color: #EC883B !important;} .TMButtonShadowColor4 {color: #EC883B !important;} .Custarrow.right{border-top: 4px solid #EC883B !important;border-right: 4px solid #EC883B !important;} .Custarrow.left{border-top: 4px solid #EC883B !important;border-right: 4px solid #EC883B !important;} .TMButtonChangeBGColor1 {background-color: #EC883B !important;} .TMButtonChangeFontColor1 {color: #ffffff !important;} .TMButtonContinueBGColor1 {background-color: #EC883B !important; box-shadow: 0 3px 0 0 #EC883B !important;} .TMButtonContinueFontColor1 {color: #ffffff !important;} .TMButtonMdlLoginResetBGColor {background-color: #64A033 !important; border-radius: 4px !important;} .TMButtonMdlLoginResetFontColor {color: #ffffff !important;} .TMButtonMdlCnclResetBGColor {background-color: #64A033 !important; border-radius: 4px !important;} .TMButtonMdlCnclResetFontColor {color: #ffffff !important;} .TMButtonMdlCtnGuestBGColor {background-color: #64A033 !important; border-radius: 4px !important;} .TMButtonMdlCtnGuestFontColor {color: #ffffff !important;} .TMButtonMdlRegBGColor {background-color: #64A033 !important; border-radius: 4px !important;} .TMButtonMdlRegFontColor {color: #ffffff !important;} .TMButtonPaxRegBGColor {background-color: #64a033 !important; border-radius: 4px !important;} .TMButtonPaxRegFontColor {color: #ffffff !important;} .TMButtonPaxRegCancelBGColor {background-color: #64a033 !important; border-radius: 4px !important;} .TMButtonPaxRegCancelFontColor {color: #ffffff !important;} .TMBtnSaveChngPassBGColor {background-color: #EC883B !important; border-radius: 4px !important;} .TMBtnSaveChngPassFontColor {color: #ffffff !important;} .TMBtnCancelChngPassBGColor {background-color: #EC883B !important; border-radius: 4px !important;} .TMBtnCancelChngPassFontColor {color: #ffffff !important;} .TMButtonBuyTktSelBGColor {background-color: #EC883B !important; border-radius: 4px !important;} .TMButtonBuyTktSelFontColor {color: #ffffff !important;} .TMBoxActive > .RespMarginTop10 > .RspMarginTop0 > .TMButtonBuyTktSelBGColor {background-color: #ffffff !important; border-radius: 4px !important;} .TMBoxActive > .RespMarginTop10 > .RspMarginTop0 > .TMButtonBuyTktSelFontColor {color: #EC883B !important;} /*---------- ROWS ----------*/ .TMBoxNormal {background-color: #ffffff !important; color: #428240 !important;} .TMBoxActive {background-color: #428240 !important; color: #ffffff !important;} .TMBoxActive::before{border: solid 9px #EC883B !important;} .TMBoxActive::after{border: solid #FFFFFF !important;border-width: 0 2px 2px 0 !important} .TMBoxDisabled {background-color: #e8959a !important; color: #ffffff !important;} /*---------- ChangeOver CSS ----------*/ .OuterCirclePar>.InnerCirclePar, .OuterCircle>.InnerCircle{background-color: #ffffff !important; border: 3px solid #64A033 !important;} .OuterCirclePar>.InnerCirclePar::before, .OuterCircle>.InnerCircle::before{background-color: #64A033 !important;} /*---------- DropDown ----------*/ .TMDRPFontColor1 {color:#333333 !important;} .TMTXTFontColor1 {color:#333333 !important;} /*---------- Search Ticket Title Color ----------*/ .TMTitleFontColor {color:#42823f !important;} /*---------- DropDown ----------*/ .TMBodyFontFamily {font-family: Roboto !important;} /*---------- Loader Color ----------*/ .se-pre-con div {border: 8px solid #EC883B !important; border-color: #EC883B transparent transparent transparent !important;} .se-pre-con .LoaderText{color: #EC883B !important;} #SpnLoginText{color: #ffffff !important; background-color: #64A033 !important;padding: 10px 20px;border-radius: 40px;font-size: 18px;} .TextSkyBlue{color: #428240 !important;font-weight: 600 !important;} @media (min-width: 1024px) {#DivFrameHeader{min-height: 0px;}} </style> <link rel="preload" href="/Resources/DublinCoach/contents/css/RcsMainMaster.css?Ver=1.12082" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/Resources/DublinCoach/contents/css/RcsMainMaster.css?Ver=1.12082"></noscript> </head> <body class="TMBodyFontFamily page-container-bg-solid page-header-menu-fixed"> <div class="se-pre-con"><div></div><div></div><div></div><div></div><h2 class="LoaderText"></h2></div> <div class="page-wrapper NoPadding"> <div class="page-wrapper-row"> <div id="DivFrameHeader"></div> </div> <div class="page-wrapper-row full-height"> <div class="page-wrapper-middle TMBodyBGColor1"> <div class="page-container"> <div class="page-content-wrapper"> <div class="page-content MainBody" id="MainBody"> <div class="container"> <div class="page-content-inner"> <div class="row" id="DivMyBooking"> <div class="col-md-12 col-xs-12 NoPadding"> <div class="portlet light TMBGColor2 TMFontColor2 MarginBottom0"> <div class="row"> <div class="col-md-12 col-xs-12"> <div class="portlet-body form"> <div class="form-body NoPadding"> <div class="form-group row MarginBottom0"> <div class="col-md-12 col-xs-12"> <div class="Display-Notification" data-notification-index="2" style="display: none;"> <button class="close" data-close="alert"></button> <span class="SpnNotifyHeader"></span> <span class="SpnNotifyErrorMsg"></span> </div> </div> <div id="DivUserDetails"> <div class="col-md-4 col-xs-12"> </div> <input type="hidden" id="hdnEncryptDateTime" /> <div class="col-md-8 col-xs-12 text-right" id="DivCustLoginBtns"> <button type="button" class="btn RespMarginBottom10 TMButtonBGColor1 TMButtonFontColor1" id="MBtnLogin" onclick="MdlTMBookEngLogin();"><i class="fa fa-user MarginRight10"></i>Login</button> </div> <div class="col-md-8 col-xs-12 text-right hide" id="DivManageBooking"> <button type="button" class="btn RespMarginBottom10 TMButtonBGColor1 TMButtonFontColor1" style="margin-right:5px;" id="BtnMngBook" onclick="ManageBooking();">Manage Booking</button> <button type="button" class="btn RespMarginBottom10 TMButtonBGColor1 TMButtonFontColor1" style="margin-right:5px;" id="BtnChngPass" onclick="TMBookEngChangePass();">Change Password</button> <button type="button" class="btn RespMarginBottom10 TMButtonBGColor1 TMButtonFontColor1" id="BtnLogOut" onclick="TMBookEngLogout();"><i class="fa fa-sign-out tooltips" data-container="body" data-placement="top" data-original-title="Logout"></i> Logout</button> </div> </div> <div class="hide" id="DivChngPassDetails"> <div class="col-md-8 col-xs-12 text-right"> <div class="col-md-4 col-xs-12 RespMarginBottom10"> <input name="txtChngCurentPassword" type="password" class="form-control" id="txtChngCurentPassword" maxlength="50" placeholder="Current Password" autocomplete="CurentPassword" onblur="isRule(this, objPassword)" onkeyup="isRule(this, objPassword)" onkeypress="isRule(this, objPassword)" /> </div> <div class="col-md-4 col-xs-12 RespMarginBottom10"> <input name="txtChngNewPassword" type="password" class="form-control MarginBottom5" id="txtChngNewPassword" maxlength="50" placeholder="New Password" autocomplete="NewPassword" onblur="isRule(this, objPassword)" onkeyup="isRule(this, objPassword)" onkeypress="isRule(this, objPassword)" /> </div> <div class="col-md-4 col-xs-12 RespMarginBottom10"> <input name="txtChngConfirmPassword" type="password" class="form-control MarginBottom5" id="txtChngConfirmPassword" maxlength="50" placeholder="Confirm New Password" autocomplete="ConfirmPassword" onblur="isRule(this, objPassword)" onkeyup="isRule(this, objPassword)" onkeypress="isRule(this, objPassword)" /> </div> <div class="col-md-12 col-xs-12 text-left NoPadding"> <label class="control-label col-md-12 col-xs-12 TextLeft">Password strength: - Use at least 8 characters including 1 Uppercase character, 1 Numeric character, 1 Special character</label> </div> </div> <div class="col-md-4 col-xs-12 text-right RespTextCenter" id="DivSaveChngPassBtns"> <button type="button" class="btn TMBtnSaveChngPassBGColor TMBtnSaveChngPassFontColor" style="margin-right:5px;" id="BtnSaveChngPass" onclick="TMBookEngSaveChangePass();">Change</button> <button type="button" class="btn TMBtnCancelChngPassBGColor TMBtnCancelChngPassFontColor" id="BtnCancelChngPass" onclick="TMBookEngCancelChangePass();">Cancel</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <link rel="preload" href="/contents/css/TicketSelection_DS.css?Ver=1.12082" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/contents/css/TicketSelection_DS.css?Ver=1.12082"></noscript> <link rel="preload" href="/contents/css/TicketSelection_MS.css?Ver=1.12082" as="style" onload="this.onload=null;this.rel='stylesheet'" media="only screen and (max-width: 768px)"> <noscript><link rel="stylesheet" href="/contents/css/TicketSelection_MS.css?Ver=1.12082" media="only screen and (max-width: 768px)"></noscript> <link rel="preload" href="/Resources/DublinCoach/contents/css/RcsTicketSelection.css?Ver=1.12082" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/Resources/DublinCoach/contents/css/RcsTicketSelection.css?Ver=1.12082"></noscript> <div class="page-content-wrapper"> <div class="page-content" id="MainBody"> <div class="container"> <div class="page-content-inner"> <div class="row"> <div class="col-md-12 col-xs-12 NoPadding"> <div class="portlet light TMBGColor1 RspMarginBottom0 RespMarginTop10"> <div class="row"> <input type="hidden" id="hdnFromStopName" /> <input type="hidden" id="hdnToStopName" /> <input type="hidden" id="hdnTicketTypeId" /> <input type="hidden" id="hdnOutwardDate" /> <input type="hidden" id="hdnOutwardChangeOverDate" /> <input type="hidden" id="hdnOutwardTime" /> <input type="hidden" id="hdnReturnDate" /> <input type="hidden" id="hdnReturnChangeOverDate" /> <input type="hidden" id="hdnReturnTime" /> <input type="hidden" id="hdnOutwardQty" /> <input type="hidden" id="hdnIsWeeklyReserve" /> <input type="hidden" id="hdnWeeklyOutward" /> <input type="hidden" id="hdnWeeklyInward" /> <input type="hidden" id="hdnWeeklyOutwardDate" /> <input type="hidden" id="hdnWeeklyInwardDate" /> <input type="hidden" id="hdnPassStartDate" value="" /> <input type="hidden" id="hdnPassEndDate" value="" /> <input type="hidden" id="hdnPassEndDate" value="" /> <input type="hidden" id="hdnPaidNoOfSeats" value="" /> <input type="hidden" id="hdnIsChangeOver" value="0" /> <style type="text/css"> .DrpJrnyFrom .dropdown-toggle span,.DrpJrnyTo .dropdown-toggle span,.DrpTicketType .dropdown-toggle span{color:#333333 !important;font-weight:600;} .DrpJrnyFrom.bootstrap-select>.dropdown-toggle, .DrpJrnyTo.bootstrap-select>.dropdown-toggle, .DrpTicketType.bootstrap-select>.dropdown-toggle{background-color:#FFFFFF;border:1px solid #333333; padding-left:;} .DrpJrnyFrom.bootstrap-select>.dropdown-toggle:hover, .DrpJrnyTo.bootstrap-select>.dropdown-toggle:hover, .DrpTicketType.bootstrap-select>.dropdown-toggle:hover{background-color:#FFFFFF !important;border:1px solid #333333 !important;} .DrpJrnyFrom.bootstrap-select>.dropdown-toggle:focus, .DrpJrnyTo.bootstrap-select>.dropdown-toggle:focus, .DrpTicketType.bootstrap-select>.dropdown-toggle:focus{background-color:#FFFFFF !important;border:1px solid #333333 !important;} #txtDepartOn, #txtReturnOn, #LblPaxCount{color:#333333 !important;font-weight:600;background-color:#F2F2F2 !important;border:1px solid #333333 !important; padding-left:;} .SpnDateLbl{position: absolute;z-index: 11;top: 12px;font-weight:600;font-size:21px;padding-left: ;} .CustCalendarFrom{position: absolute;cursor: pointer;font-size: 22px;line-height: 48px;right: 5px; color:#64A033 !important;} .CustCalendarTo{position: absolute;cursor: pointer;font-size: 22px;line-height: 48px;right: 5px; color:#64A033 !important;} .LineOnSides {border-bottom: 2px solid #428240;} .TMBoxActive .LineOnSides {border-bottom: 2px solid #ffffff;} .TMBoxDisabled .LineOnSides {border-bottom: 2px solid #ffffff;} .LineOnSides span {background-color: #ffffff;} .TMBoxActive .LineOnSides span {background-color: #428240 !important;} .TMBoxDisabled .LineOnSides span {background-color: #e8959a !important;} @media (max-width: 768px) { .DrpTicketType .dropdown-toggle span{color:#333333 !important;font-weight:600;} .CustCalendarFrom{position: absolute;cursor: pointer;font-size: 22px;line-height: 48px;right: 11px; color:#64A033 !important;} .CustCalendarTo{position: absolute;cursor: pointer;font-size: 22px;line-height: 48px;right: 27px; color:#64A033 !important;} } @media (max-width: 480px) { .DrpTicketType .dropdown-toggle span{color:#333333 !important;font-weight:600;} .CustCalendarFrom{position: absolute;cursor: pointer;font-size: 22px;line-height: 48px;right: 11px; color:#64A033 !important;} .CustCalendarTo{position: absolute;cursor: pointer;font-size: 22px;line-height: 48px;right: 27px; color:#64A033 !important;} } </style> <div style="display:none;" id="DivSrchResults"> <div class="col-md-12 col-xs-12 NoPadding"> <div class="col-md-10 col-xs-12"> <label class="control-label TextLeft TMFontColor1 FontSize20 RspFontSize18" id="LblChngJrText"></label> </div> <div class="col-md-2 col-xs-12"> <button id="BtnChangeJr" onclick="ChangeJr();" type="submit" class="btn btn-lg TMButtonChangeBGColor1 TMButtonChangeFontColor1 pull-right" style="letter-spacing:2px;">Change<span class="MarginLeft10"><i class="fa fa-edit"></i></span></button> </div> </div> </div> <div id="DivSrchFilters"> <div class="col-md-4 col-xs-12"> <div class="portlet-title"> <div class="caption TMTitleFontColor FontSize26 RspFontSize18">Your Journey</div> </div> <div class="portlet-body form"> <div class="form-body RspNoPad"> <div class="form-group row"> <label class="col-md-4 col-xs-12 control-label TextLeft TMFontColor1 Hiddenxs">From:</label> <div class="col-md-8 col-xs-12"> <select class="bs-select form-control DrpJrnyFrom" data-html="true" data-container="body" data-live-search="true" data-size="8" data-ddl-title="From" name="DrpJrnyFrom" id="DrpJrnyFrom"> <option value="0" class="TMBGColor2 TMFontColor2"> Travel From </option> <option value="Abbeyfeale">Abbeyfeale</option> <option value="Adare">Adare</option> <option value="Annacotty Limerick">Annacotty Limerick</option> <option value="Arthurs Quay Limerick">Arthurs Quay Limerick</option> <option value="Ballybrittas">Ballybrittas</option> <option value="Bunratty">Bunratty</option> <option value="Cork - Andersons Quay">Cork - Andersons Quay</option> <option value="Dublin Airport">Dublin Airport</option> <option value="Dublin City - Burgh Quay">Dublin City - Burgh Quay</option> <option value="Dundrum">Dundrum</option> <option value="Dundrum Main Street">Dundrum Main Street</option> <option value="Dundrum Wyckham Way">Dundrum Wyckham Way</option> <option value="Dungarvan">Dungarvan</option> <option value="Ennis">Ennis</option> <option value="Junction 14 Mayfield">Junction 14 Mayfield</option> <option value="Kildare Town">Kildare Town</option> <option value="Kildare Village">Kildare Village</option> <option value="Kilkenny - McDonagh Jct">Kilkenny - McDonagh Jct</option> <option value="Kilkenny - Ormond Road">Kilkenny - Ormond Road</option> <option value="Killarney">Killarney</option> <option value="Kilminchy">Kilminchy</option> <option value="Monasterevin">Monasterevin</option> <option value="Montague Hotel">Montague Hotel</option> <option value="Naas - Cemetery">Naas - Cemetery</option> <option value="Naas - Co Co Offices">Naas - Co Co Offices</option> <option value="Naas - Fire Station">Naas - Fire Station</option> <option value="Naas - Post Office">Naas - Post Office</option> <option value="Naas - Roseville Estate">Naas - Roseville Estate</option> <option value="Naas - Sheehy Motors">Naas - Sheehy Motors</option> <option value="Naas - Storm Cinema Dub Rd">Naas - Storm Cinema Dub Rd</option> <option value="Naas - Tara Court">Naas - Tara Court</option> <option value="Newbridge - BOI">Newbridge - BOI</option> <option value="Newbridge - Dub Rd Convent">Newbridge - Dub Rd Convent</option> <option value="Newbridge - Maples">Newbridge - Maples</option> <option value="Newbridge - Red House">Newbridge - Red House</option> <option value="Newbridge - Riverbank">Newbridge - Riverbank</option> <option value="Newbridge - Tesco">Newbridge - Tesco</option> <option value="Newcastlewest">Newcastlewest</option> <option value="Portarlington">Portarlington</option> <option value="Portlaoise">Portlaoise</option> <option value="Portlaoise Hospital">Portlaoise Hospital</option> <option value="Red Cow LUAS">Red Cow LUAS</option> <option value="Tralee">Tralee</option> <option value="University of Limerick">University of Limerick</option> <option value="Waterford City">Waterford City</option> <option value="Waterford IT">Waterford IT</option> </select> </div> <span class="" title="Swap Journey" onclick="SwapJourney();"> <i class="fa fa-exchange fa-rotate-90 SwapJourney TMButtonBGColor1 TMButtonFontColor1"></i> </span> </div> <div class="form-group row"> <label class="col-md-4 col-xs-12 control-label TextLeft TMFontColor1 Hiddenxs">To:</label> <div class="col-md-8 col-xs-12"> <select class="bs-select form-control DrpJrnyTo" data-html="true" data-container="body" data-live-search="true" data-size="8" data-ddl-title="To" name="DrpJrnyTo" id="DrpJrnyTo"> <option value="0" class="TMBGColor2 TMFontColor2"> Travel To </option> </select> </div> </div> <div class="form-group row"> <label class="col-md-4 col-xs-12 control-label TextLeft TMFontColor1 Hiddenxs">Ticket Type:</label> <div class="col-md-8 col-xs-12"> <select class="bs-select form-control DrpTicketType" data-html="true" data-container="body" data-live-search="true" data-size="8" data-ddl-title="Ticket" name="DrpTicketType" id="DrpTicketType"> <option value="-1" class="TMBGColor2 TMFontColor2"> Ticket Type </option> </select> </div> </div> </div> </div> </div> <div class="col-md-4 col-xs-12 RespClmn CustBorderLeft CustBorderRight"> <div class="portlet-title Hiddenxs"> <div class="caption TMTitleFontColor FontSize26 RspFontSize18">Date & Time</div> </div> <div class="portlet-body form"> <div class="form-body RspNoPad"> <div class="form-group row"> <label class="col-md-5 col-xs-12 control-label TextLeft TMFontColor1">Depart On (1):</label> <div class="col-md-7 col-xs-12"> <input name="txtDepartOn" class="form-control form-control-inline date-picker" placeholder="Depart On (1)" readonly="readonly" size="16" type="text" data-date-start-date="0d" data-date-format="dd M yyyy" id="txtDepartOn" value="Departure Date"> </div> </div> <div class="hide" id="DivReturnSelection"> <div class="form-group row"> <label class="col-md-5 col-xs-12 control-label TextLeft TMFontColor1">Return On:</label> <div class="col-md-7 col-xs-12"> <input name="txtReturnOn" class="form-control form-control-inline date-picker" placeholder="Return On" readonly="readonly" size="16" type="text" data-date-start-date="0d" data-date-format="dd M yyyy" id="txtReturnOn" value="Return Date"> </div> </div> </div> <div class="form-group row"> <label class="col-md-12 col-xs-12 control-label TextLeft TMFontColor1 FontSize12">1. Bus times from this time onwards will be displayed when you select Search. </br>2. A maximum of 2 children under 12 years, if accompanied by a paying adult, travel free. Additional children under 12yrs will travel at normal fare.</br>4. Seat reservation is only valid on presentation of Free Travel Pass.</label> </div> </div> </div> </div> <div class="col-md-4 col-xs-12"> <div class="portlet-title Hiddenxs"> <div class="caption TMTitleFontColor FontSize26 RspFontSize18">Tickets</div> </div> <div class="portlet-body form"> <div class="form-body RspNoPad"> <style type="text/css"> .clsMinus { float: left !important; padding: 7.3px; width: 30px !important; cursor: pointer; text-align: center; border-radius: 10px 0px 0px 10px !important; } .clsMinusRound { float: left !important; padding: 8.1px; cursor: pointer; width: 30px !important; height: 30px !important; border-radius: 50% !important; background-color: #EC883B !important; color: #ffffff !important; margin-right: 5px; border: 1px solid #EC883B !important; line-height: 8.1px !important; } .clsPlus { float: left !important; padding: 7.3px; width: 30px !important; cursor: pointer; text-align: center; border-radius: 0px 10px 10px 0px !important; } .clsPlusRound { float: left !important; padding: 8.1px; cursor: pointer; width: 30px !important; height: 30px !important; border-radius: 50% !important; background-color: #64A033 !important; color: #FFFFFF !important; margin-left: 5px; border: 1px solid #64A033 !important; line-height: 8.1px !important; } .ddlTouchSpin { float: left !important; width: 50px !important; } .ddlTouchSpinRound { float: left !important; width: 30px !important; } .ddlTouchSpin .btn { border-radius: 0px !important; } .ddlTouchSpinRound .btn { border: none !important; padding: 5px 0 !important; vertical-align: middle !important; } .ddlTouchSpin .btn .filter-option, .ddlTouchSpinRound .btn .filter-option { text-align: center !important; } .ddlTouchSpin .dropdown-toggle { padding-right: 10px !important; } .clsPlusRoundActive {background-color: #FFFFFF !important; color: #64A033 !important; border: 1px solid #64A033 !important;} </style> <div class="col-md-12 col-xs-12 RspNoPad DivPaxCount ADULT hide"> <div class="form-group row"> <label class="col-md-7 col-xs-7 control-label TextLeft TMFontColor1">No. of Adults:</label> <div class="col-md-5 col-xs-5 CustOuterDivPaxType"> <div class="clsMinus TMButtonBGColor2"><i class="fa fa-minus TMButtonFontColor2"></i></div> <select class="bs-select form-control ddlTouchSpin DrpJrnyNoOfADULT paxCount" data-container="body" data-live-search="true" data-paxgrp="1" data-size="8" data-canbecompanion="1" data-iscompanionrequired="0" name="DrpJrnyNoOfADULT" id="DrpJrnyNoOfADULT"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> </select> <div class="clsPlus TMButtonBGColor2"><i class="fa fa-plus TMButtonFontColor2"></i></div> </div> </div> </div> <div class="col-md-12 col-xs-12 RspNoPad DivPaxCount CHILD hide"> <div class="form-group row"> <label class="col-md-7 col-xs-7 control-label TextLeft TMFontColor1">No. of Accompanied child (2):</label> <div class="col-md-5 col-xs-5 CustOuterDivPaxType"> <div class="clsMinus TMButtonBGColor2"><i class="fa fa-minus TMButtonFontColor2"></i></div> <select class="bs-select form-control ddlTouchSpin DrpJrnyNoOfCHILD paxCount" data-container="body" data-live-search="true" data-paxgrp="1" data-size="8" data-canbecompanion="0" data-iscompanionrequired="1" name="DrpJrnyNoOfCHILD" id="DrpJrnyNoOfCHILD"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <div class="clsPlus TMButtonBGColor2"><i class="fa fa-plus TMButtonFontColor2"></i></div> </div> </div> </div> <div class="col-md-12 col-xs-12 RspNoPad DivPaxCount YAC hide"> <div class="form-group row"> <label class="col-md-7 col-xs-7 control-label TextLeft TMFontColor1">Young Adult/Student (3):</label> <div class="col-md-5 col-xs-5 CustOuterDivPaxType"> <div class="clsMinus TMButtonBGColor2"><i class="fa fa-minus TMButtonFontColor2"></i></div> <select class="bs-select form-control ddlTouchSpin DrpJrnyNoOfYAC paxCount" data-container="body" data-live-search="true" data-paxgrp="3" data-size="8" data-canbecompanion="0" data-iscompanionrequired="0" name="DrpJrnyNoOfYAC" id="DrpJrnyNoOfYAC"> <option value="0">0</option> <option value="1">1</option> </select> <div class="clsPlus TMButtonBGColor2"><i class="fa fa-plus TMButtonFontColor2"></i></div> </div> </div> </div> <div class="col-md-12 col-xs-12 RspNoPad DivPaxCount STUDENT hide"> <div class="form-group row"> <label class="col-md-7 col-xs-7 control-label TextLeft TMFontColor1">No. of Students **</label> <div class="col-md-5 col-xs-5 CustOuterDivPaxType"> <div class="clsMinus TMButtonBGColor2"><i class="fa fa-minus TMButtonFontColor2"></i></div> <select class="bs-select form-control ddlTouchSpin DrpJrnyNoOfSTUDENT paxCount" data-container="body" data-live-search="true" data-paxgrp="1" data-size="8" data-canbecompanion="0" data-iscompanionrequired="0" name="DrpJrnyNoOfSTUDENT" id="DrpJrnyNoOfSTUDENT"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <div class="clsPlus TMButtonBGColor2"><i class="fa fa-plus TMButtonFontColor2"></i></div> </div> </div> </div> <div class="col-md-12 col-xs-12 RspNoPad DivPaxCount FAMILY hide"> <div class="form-group row"> <label class="col-md-7 col-xs-7 control-label TextLeft TMFontColor1">Family (2 adults & 2 children):</label> <div class="col-md-5 col-xs-5 CustOuterDivPaxType"> <div class="clsMinus TMButtonBGColor2"><i class="fa fa-minus TMButtonFontColor2"></i></div> <select class="bs-select form-control ddlTouchSpin DrpJrnyNoOfFAMILY paxCount" data-container="body" data-live-search="true" data-paxgrp="1" data-size="8" data-canbecompanion="0" data-iscompanionrequired="0" name="DrpJrnyNoOfFAMILY" id="DrpJrnyNoOfFAMILY"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <div class="clsPlus TMButtonBGColor2"><i class="fa fa-plus TMButtonFontColor2"></i></div> </div> </div> </div> <div class="col-md-12 col-xs-12 RspNoPad DivPaxCount SEATRESERVATION hide"> <div class="form-group row"> <label class="col-md-7 col-xs-7 control-label TextLeft TMFontColor1">Seat Reservation (4): <br> <span class="SpnSubTktText">(For Free Travel Pass Holders)</span></label> <div class="col-md-5 col-xs-5 CustOuterDivPaxType"> <div class="clsMinus TMButtonBGColor2"><i class="fa fa-minus TMButtonFontColor2"></i></div> <select class="bs-select form-control ddlTouchSpin DrpJrnyNoOfSEATRESERVATION paxCount" data-container="body" data-live-search="true" data-paxgrp="2" data-size="8" data-canbecompanion="0" data-iscompanionrequired="0" name="DrpJrnyNoOfSEATRESERVATION" id="DrpJrnyNoOfSEATRESERVATION"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <div class="clsPlus TMButtonBGColor2"><i class="fa fa-plus TMButtonFontColor2"></i></div> </div> </div> </div> <div class="col-md-12 col-xs-12 RspNoPad DivPaxCount CHILD310 hide"> <div class="form-group row"> <label class="col-md-7 col-xs-7 control-label TextLeft TMFontColor1">310 Child</label> <div class="col-md-5 col-xs-5 CustOuterDivPaxType"> <div class="clsMinus TMButtonBGColor2"><i class="fa fa-minus TMButtonFontColor2"></i></div> <select class="bs-select form-control ddlTouchSpin DrpJrnyNoOfCHILD310 paxCount" data-container="body" data-live-search="true" data-paxgrp="1" data-size="8" data-canbecompanion="0" data-iscompanionrequired="0" name="DrpJrnyNoOfCHILD310" id="DrpJrnyNoOfCHILD310"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <div class="clsPlus TMButtonBGColor2"><i class="fa fa-plus TMButtonFontColor2"></i></div> </div> </div> </div> <div class="col-md-12 col-xs-12 RspNoPad"> <div class="form-group row"> <label class="col-md-12 col-xs-12 control-label TextLeft TMFontColor1 FontSize12 CHILD hide"></label> <label class="col-md-12 col-xs-12 control-label TextLeft TMFontColor1 FontSize12 STUDENT hide">** Valid Student ID will be required for all student tickets</label> <label class="col-md-12 col-xs-12 control-label TextLeft TMFontColor1 FontSize12 CONCESSION hide"># For "Free Pass Holders" a €1 booking fee is charged per ticket to guarantee your seat when booked online, for more info visit<br><a href='https://westcorkconnect.ie/free-travel/' target='_blank' class='TextWhite'><u>Free Travel FAQs</u></a><br>"Adult Free Pass Holder" is not a valid ticket for travel and must be accompanied by a free travel pass for inspection.</label> <label class="col-md-12 col-xs-12 control-label TextLeft TMFontColor1 FontSize12 YAC hide">3. Valid Young Adult Leap Card or Student Leap Card required for purchase. Card must be presented for inspection to driver on-boarding.</label> <label class="col-md-12 col-xs-12 control-label TextLeft TMFontColor1 FontSize12 SEATRESERVATION hide"></label> </div> </div> </div> </div> </div> <div class="col-md-12 col-xs-12"> <div class="form-actions text-right Padding10 CustBorderTop"> <button id="BtnSearch" type="submit" class="btn btn-lg Width150 TMButtonBGColor2 TMButtonFontColor2" style="letter-spacing:2px;">Search<span class="MarginLeft10"><i class="fa fa-chevron-right"></i></span></button> </div> </div> </div> <script src="/assets/global/plugins/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> var _Clear_Default_Depart_Date = ''; if (_Clear_Default_Depart_Date == "Y") { if ($('#txtDepartOn').val() == "" || $('#txtDepartOn').val() == "Departure Date") { $("#txtDepartOn").parent().find("span.SpnDateLbl").addClass("hide"); } //if ($('#txtReturnOn').val() == "" || $('#txtReturnOn').val() == "Return Date") { // $("#txtReturnOn").parent().find("span.SpnDateLbl").addClass("hide"); //} setTimeout(function () { $("#txtDepartOn").change(function () { $("#txtDepartOn").parent().find("span.SpnDateLbl").removeClass("hide"); $("#txtDepartOn").css('padding-left', '100px'); }); //$("#txtReturnOn").change(function () { // $("#txtReturnOn").parent().find("span.SpnDateLbl").removeClass("hide"); // $("#txtReturnOn").css('padding-left', '100px'); //}); }, 500); } </script> <div class="col-md-12 col-xs-12"> <div class="Display-Notification" id="Display-Notification" data-notification-index="3" style="display: none;"> <button class="close" data-close="alert"></button> <span class="SpnNotifyHeader"></span> <span class="SpnNotifyErrorMsg"></span> </div> </div> </div> </div> </div> </div> <div class="row" id="JrnyInfoResult"> <div class="col-md-12 col-xs-12 NoPadding"> <div class="portlet light"> <div class="row"> <div class="col-md-12 col-xs-12 NoPadding"> <div class="portlet-title TextCenter TMBGColor2 TMFontColor2"> <div class="caption Padding20 FontSize26 RspFontSize18"> Select your journey details above. </div> </div> </div> </div> </div> </div> </div> <div class="row hide" id="AllJrnyResult"> <div class="col-md-12 col-xs-12 NoPadding" id="ScrollSection"> <div class="portlet light" style="background:none;"> <div class="hide" id="divResultPart1"> <div class="row hide"> <div class="col-md-12 col-xs-12"> <label class="control-label TextLeft"><span id="spnSearchJourneyTitle" class="FontSize26 RspFontSize18 FontWeight600"></span></label> </div> </div> <div class="row"> <div class="col-md-4 col-xs-12 TextCenter Padding20 RspPadding10 TMBGColor1 TMFontColor1" style="border-radius:0 !important;"> <label class="control-label FontWeight600 FontSize20 RspFontSize18">1. Your Ticket Selection</label> </div> <div class="col-md-4 col-xs-12 TextCenter TMBGColor2 TMFontColor2 Padding20 RspPadding10 HiddenPaxInfo" style="border-radius:0 !important;"> <label class="control-label FontWeight600 FontSize20 RspFontSize18">2. Passenger Information</label> </div> <div class="col-md-4 col-xs-12 TextCenter TMBGColor2 TMFontColor2 Padding20 RspPadding10 HiddenPayStatus" style="border-radius:0 !important;"> <label class="control-label FontWeight600 FontSize20 RspFontSize18">3. Payment Status</label> </div> </div> </div> <div class="row"> <div class="col-md-8 col-xs-12 NoPadding RespClmn"> <div class="row MarginTop20 RespMarginTop10 hide" id="SingleJrny"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="PartialSingleJrny"> </div> </div> </div> <div class="row MarginTop20 RespMarginTop10 hide" id="SingleJrnyOutwardChangeover"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="OutwardChangeoverDetailsPartial"> </div> </div> </div> <div class="row MarginTop20 RespMarginTop10 hide" id="ReturnJrny"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="PartialReturnJrny"> </div> </div> </div> <div class="row MarginTop20 RespMarginTop10 hide" id="ReturnJrnyInwardChangeover"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="InwardChangeoverDetailsPartial"> </div> </div> </div> <div class="row MarginTop20 RespMarginTop10 hide" id="WeeklyJrny"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="PartialWeeklyJrny"> </div> </div> </div> <div class="row MarginTop20 RespMarginTop10 hide" id="WeeklyJrnyChangeover"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="WeeklyChangeoverDetailsPartial"> </div> </div> </div> <div class="row MarginTop20 RespMarginTop10 hide" id="WeeklyJrnyReservation"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="WeeklyReservationDetailsPartial"> </div> </div> </div> <div id="divReserve"> <div class="MarginTop50 RespMarginTop10 col-md-12 col-xs-12 NoPadding hide" id="DivSeatReservation"> <div class="form-group row "> <div class="col-md-12 col-xs-12"> <div class="col-md-6 col-xs-12 NoPadding"> <input type="radio" id="RdbReservationYes" name="RdbReservationType" onclick="ShowHideSeatReserve(1);"> <label for="RdbReservationYes" class="CustRadio FontSize18 FontWeight600">With Seat Reservation</label> <label id="LblWithSeatReserveNote">In order to reserve your seat all journeys must be selected in advance. You can amend your travel days and times up to 3 hours before your scheduled departure time using the Manage Your Booking option. Ticket is valid for 7 days from the first selected travel date.</label> </div> <div class="col-md-6 col-xs-12 NoPadding"> <input type="radio" id="RdbReservationNo" name="RdbReservationType" checked="checked" onclick="ShowHideSeatReserve(0);"> <label for="RdbReservationNo" class="CustRadio FontSize18 FontWeight600">Without Seat Reservation</label> <label id="LblWithoutSeatReserveNote">Please note that the seats can't be reserved later if you choose 'Without Seat Reservation option.</label> </div> </div> </div> <div id="DivBookReserve" class="row" style="display:none;"> <div class="col-md-12 col-xs-12"> <div class="HRScrollCustSeatResrv" id="GetWithSeatReservList"> </div> </div> </div> <div id="DivNoBookReserve" class="row"> <div class="form-group"> <div class="col-md-12 col-xs-12"> <label class="col-md-12 col-xs-12 control-label TextCenter FontSize20 FontWeight600 Padding20 TMBGColor2 TMFontColor2" id="LblWithoutReservText"> You will not be guaranteed your seat for a certain time but you will have flexible travel. </label> </div> </div> </div> </div> <div class="row MarginTop10 RespMarginTop10 hide" id="AddReservation"> <div class="col-md-12 col-xs-12"> <div class="HRScroll" id="AddReservationDetailsPartial"> </div> </div> </div> </div> </div> <div class="col-md-4 col-xs-12 PaddingRight0 PaddingTop10 RespPaddingTop10 RespClmn hide" id="divBookingSummary"> <div class="bg-grey-mint TextWhite Padding10 BorderRadius4"> <div class="row"> <div class="col-md-12 col-xs-12"> <label class="control-label TextLeft FontSize25 RspFontSize20" id="lblBookingSummary">Booking Summary</label> </div> <div class="col-md-12 col-xs-12" id="MainDivOutBookSummary"> <label class="control-label TextLeft FontSize20 RspFontSize14">Outgoing</label> <div class="col-md-12 col-xs-12 bg-white BorderRadius4 font-grey-mint Padding10"> <div id="OutBlankInfo"> <span class="FontWeight600">Please select an Outgoing journey to continue</span> </div> <div class="hide" id="OutBookSummary1"> <div class="FontWeight600"> <span id="SpnFromOutStg1"></span> <span id="SpnToOutStg1"></span> </div> <div class="MarginTop10 MarginBottom10"></div> <div class="FontWeight600"> <div class="col-md-9 col-xs-12 NoPadding"> <div class="col-md-5 col-xs-5 NoPadding"> <span class="SpnOutStgTimeD1 notranslate FontSize30"></span><br /> <span class="SpnOutStgDateD1"></span> </div> <div class="col-md-2 col-xs-2 NoPadding TextCenter"> <i class="fa fa-chevron-right MarginLeft5 MarginRight5 fa-1p3x MarginTop20"></i> </div> <div class="col-md-5 col-xs-5 NoPadding TextRight"> <span class="SpnOutStgTimeA1 FontSize30"></span><br /> <span class="SpnOutStgDateA1"></span> </div> </div> <div class="col-md-3 col-xs-12 NoPadding TextRight MarginTop40 RespTextLeft RspFontSize20 RespMarginTop10"> <span id="SpnOutStgDuration1"></span><br /> </div> </div> </div> <div class="hide ClearBoth PaddingTop10" id="OutBookSummary2"> <div class="FontWeight600 PaddingTop10 CustBorderTopBlue"> <span id="SpnFromOutStg2"></span> <span id="SpnToOutStg2"></span> </div> <div class="MarginTop10 MarginBottom10"></div> <div class="FontWeight600"> <div class="col-md-9 col-xs-12 NoPadding"> <div class="col-md-5 col-xs-5 NoPadding"> <span class="SpnOutStgTimeD2 FontSize30"></span><br /> <span class="SpnOutStgDateD2"></span> </div> <div class="col-md-2 col-xs-2 NoPadding TextCenter"> <i class="fa fa-chevron-right MarginLeft5 MarginRight5 fa-1p3x MarginTop20"></i> </div> <div class="col-md-5 col-xs-5 NoPadding TextRight"> <span class="SpnOutStgTimeA2 FontSize30"></span><br /> <span class="SpnOutStgDateA2"></span> </div> </div> <div class="col-md-3 col-xs-12 NoPadding TextRight MarginTop40 RespTextLeft RspFontSize20 RespMarginTop10"> <span id="SpnOutStgDuration2"></span><br /> </div> </div> </div> </div> </div> <div class="col-md-12 col-xs-12 MarginTop20 hide" id="MainDivRtnBookSummary"> <label class="control-label TextLeft FontSize20 RspFontSize14">Return</label> <div class="col-md-12 col-xs-12 bg-white BorderRadius4 font-grey-mint Padding10"> <div id="ReturnBlankInfo"> <span class="FontWeight600">Please select a Return journey to continue</span> </div> <div id="OutBookSummary3"> <div class="FontWeight600"> <span id="SpnFromOutStg3"></span> <span id="SpnToOutStg3"></span> </div> <div class="MarginTop10 MarginBottom10"></div> <div class="FontWeight600"> <div class="col-md-9 col-xs-12 NoPadding"> <div class="col-md-5 col-xs-5 NoPadding"> <span class="SpnOutStgTimeD3 FontSize30"></span><br /> <span class="SpnOutStgDateD3"></span> </div> <div class="col-md-2 col-xs-2 NoPadding TextCenter"> <i class="fa fa-chevron-right MarginLeft5 MarginRight5 fa-1p3x MarginTop20"></i> </div> <div class="col-md-5 col-xs-5 NoPadding TextRight"> <span class="SpnOutStgTimeA3 FontSize30"></span><br /> <span class="SpnOutStgDateA3"></span> </div> </div> <div class="col-md-3 col-xs-12 NoPadding TextRight MarginTop40 RespTextLeft RspFontSize20 RespMarginTop10"> <span id="SpnOutStgDuration3"></span><br /> </div> </div> </div> <div class="hide ClearBoth PaddingTop10" id="OutBookSummary4"> <div class="FontWeight600 PaddingTop10 CustBorderTopBlue"> <span id="SpnFromOutStg4"></span> <span id="SpnToOutStg4"></span> </div> <div class="MarginTop10 MarginBottom10"></div> <div class="FontWeight600"> <div class="col-md-9 col-xs-12 NoPadding"> <div class="col-md-5 col-xs-5 NoPadding"> <span class="SpnOutStgTimeD4 FontSize30"></span><br /> <span class="SpnOutStgDateD4"></span> </div> <div class="col-md-2 col-xs-2 NoPadding TextCenter"> <i class="fa fa-chevron-right MarginLeft5 MarginRight5 fa-1p3x MarginTop20"></i> </div> <div class="col-md-5 col-xs-5 NoPadding TextRight"> <span class="SpnOutStgTimeA4 FontSize30"></span><br /> <span class="SpnOutStgDateA4"></span> </div> </div> <div class="col-md-3 col-xs-12 NoPadding TextRight MarginTop40 RespTextLeft RspFontSize20 RespMarginTop10"> <span id="SpnOutStgDuration4"></span><br /> </div> </div> </div> </div> </div> <div class="hide" id="MainDivTenJrBookSmry"> <div class="col-md-12 col-xs-12 MarginTop10" id="DivOutTenJrBookSmry"> <label class="control-label TextLeft FontSize20 RspFontSize14"><span class="OrangeFont NoPadding">Outbound</span></label> <div class="col-md-12 col-xs-12 bg-white BorderRadius4 font-grey-mint Padding10"> <div class="FontWeight600"> <span id="SpnTenJrFromOutStg"></span> <span id="SpnTenJrToOutStg"><i class="fa fa-chevron-right MarginLeft5 MarginRight5"></i></span> </div> </div> </div> <div class="col-md-12 col-xs-12 MarginTop10" id="DivRtnTenJrBookSmry"> <label class="control-label TextLeft FontSize20 RspFontSize14"><span class="OrangeFont NoPadding">Return</span></label> <div class="col-md-12 col-xs-12 bg-white BorderRadius4 font-grey-mint Padding10"> <div class="FontWeight600"> <span id="SpnTenJrFromRtnStg"></span> <span id="SpnTenJrToRtnStg"><i class="fa fa-chevron-right MarginLeft5 MarginRight5"></i></span> </div> </div> </div> </div> <div class="col-md-12 col-xs-12 MarginTop20"> <button id="btnContinue" type="submit" class="btn btn-lg Width100P TMButtonContinueBGColor1 TMButtonContinueFontColor1" style="font-weight: 600; letter-spacing:2px;">Continue<span class="MarginLeft10"><i class="fa fa-chevron-right"></i></span></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/assets/global/plugins/jquery.min.js" type="text/javascript"></script> <script src="/contents/js/TicketSelection.js?Ver=1.12082" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function () { //alert(getOS()); //if (getOS() == 'iOS') { // alert('ys... im am on iPhone'); //} //if (getOS() == 'Android') { // //window.location.replace("https://play.google.com/store/apps/details?id=com.tm.dublincoach"); // //window.location.replace("intent://play.google.com/#Intent;scheme=app;package=com.tm.dublincoach;end"); // //window.location.replace("intent://instagram.com/#Intent;scheme=https;package=com.instagram.android;end"); // window.location.replace("https://jjkavanagh.page.link/SplashScreen"); //} }); var ClrCustDrpTitle = "#42823f"; var _Hide_Search_Labels = "N"; var _Show_Search_Icons = "N"; var PageURL_GetToStopDetail = '/BookTicket/GetToStopList'; var PageURL_GetTicketTypeDetail = '/BookTicket/GetTicketTypeList'; var PageURL_GetPassengerType = '/BookTicket/GetPassengerType'; var PageURL_GetOutwardSearchResult = '/BookTicket/GetOutwardSearchResult'; var PageURL_GetInwardSearchResult = '/BookTicket/GetInwardSearchResult'; var PageURL_EncodeUrl = '/BookTicket/EncodeUrl'; var PageURL_GetWeeklySearchResult = '/BookTicket/GetWeeklyJourney'; var PageURL_SaveTicketBooking = '/BookTicket/SaveTicketBooking'; var PageURL_FindSearchResult = '/BookTicket/FindSearchResult' var SearchLayoutCode = '0'; var ResultLayoutCode = '1'; var CompactMode = '1'; var _Layover_Duration_Min = '5'; var P_Text = 'Searching Journey…'; var disableSpecificDates = '[25-12-2024]'; var IsAllowWeeklyReservation = 'Y'; var _ErrorMsg1 = 'Child passengers must be accompanied by a paying adult.'; var Reservation_Before_Booking = ''; var _Clear_Default_Depart_Date = ''; var IsAutoOff = '' var _ErrMsg_YAC1 = 'YAC cannot be purchased along with any other tickets.'; var IsWeeklyReservation_Mandatory = 'N'; var Reservation_Minimum_Journey_Count = '10' var Reservation_Same_Day_Mandatory = 'N' /*START - FOR TEMPLATE 1 DESIGN*/ $('.clsPlus, .clsPlusRound').click(function () { var val = $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').val(); val = parseInt(val) + 1; if (val <= $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').children('option:last').val()) { $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').val(val); $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').selectpicker('refresh'); $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').trigger("change"); } if (val > 0) { $(this).addClass('clsPlusRoundActive'); } else { $(this).removeClass('clsPlusRoundActive'); } SumTicket(); }); $('.clsMinus, .clsMinusRound').click(function () { var val = $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').val(); val = parseInt(val) - 1; if (val >= 0) { $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').val(val); $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').selectpicker('refresh'); $(this).parent().find('.ddlTouchSpin, .ddlTouchSpinRound').trigger("change"); } if (val == 0) { $(this).siblings('.clsPlusRound').removeClass('clsPlusRoundActive'); } SumTicket(); }); $('#LblPaxCount').click(function (e) { $('#DivPaxList').slideToggle(); e.stopPropagation(); }); $(document).click(function (e) { if (!$(e.target).is('#DivPaxList *')) { $('#DivPaxList').hide(); } }); /*END - FOR TEMPLATE 1 DESIGN*/ function getOS() { var uA = navigator.userAgent || navigator.vendor || window.opera; if ((/iPad|iPhone|iPod/.test(uA) && !window.MSStream) || (uA.includes('Mac') && 'ontouchend' in document)) return 'iOS'; var i, os = ['Windows', 'Android', 'Unix', 'Mac', 'Linux', 'BlackBerry']; for (i = 0; i < os.length; i++) if (new RegExp(os[i], 'i').test(uA)) return os[i]; } </script> </div> </div> </div> <div class="page-wrapper-row"> <div id="DivFrameFooter"> </div> </div> </div> <div class="modal fade" id="MdlTMBookEngLogin" tabindex="-1" role="basic" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-dialog-centered ContentCenter" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="col-md-4 col-xs-12 NoPadding TextCenter RespMarginBottom10"> <img src="/Resources/DublinCoach/Logo.png?Ver=1.12082" alt="CompLogo" class="ClsLgnLogo" /> </div> <div class="col-md-4 col-xs-12 NoPadding hidden-xs"> </div> <div class="col-md-4 col-xs-12 NoPadding"> <h3 class="modal-title TextRight MarginTop10 RespTextCenter FontSize22 RspFontSize18"> <strong> <span id="SpnLoginText"> Sign In/Register </span> </strong> </h3> </div> </div> <div class="modal-body"> <div class="row"> <div class="col-md-12 col-xs-12"> <div class="portlet light MarginBottom0"> <div class="portlet-body form"> <div class="col-md-12 col-xs-12 NoPadding"> <div class="Display-Notification" data-notification-index="1" style="display: none;"> <button class="close" data-close="alert"></button> <span class="SpnNotifyHeader"></span> <span class="SpnNotifyErrorMsg"></span> </div> </div> <div class="form-body NoPadding"> <div class="hide"> <div class="form-group row"> <div class="col-md-9 col-xs-12"> You have exceeded maximum invalid attempts. We have blocked your login access for now. <br>Please try again after 15 minutes. </div> </div> </div> <div id="DivTMBookEngLogin" class=""> <div class="form-group row"> <label class="col-md-3 col-xs-12 control-label TextLeft">E-Mail ID:<span class="required">*</span></label> <div class="col-md-9 col-xs-12"> <input name="txtLoginEMail" type="text" class="form-control" id="txtLoginEMail" maxlength="50" placeholder="E-Mail ID" /> </div> </div> <div class="form-group row"> <label class="col-md-3 col-xs-12 control-label TextLeft">Password:<span class="required">*</span></label> <div class="col-md-9 col-xs-12"> <input name="txtLoginPassword" type="password" class="form-control" id="txtLoginPassword" maxlength="50" placeholder="Password" autocomplete="LoginPassword" /> </div> </div> <div id="DivLoginBtns"> <div class="col-md-8 col-xs-12 NoPadding"> <div class="col-lg-12 col-xs-12 NoPadding"> <div class="divMain MarginTop10 hide" id="divRecaptcha"> <div class="divinputText"> <div class="g-recaptcha" data-callback="MyrecaptchaCallback" data-sitekey="6LeS4MkZAAAAAARkLVdREsRq69eyV9JoAcEg_-pn"></div> </div> </div> <a href="javascript:void(0);" class="dropdown-toggle NoPadding pull-left" onclick="SecForgotPass();"> <span class="col-md-12 col-xs-12 LabelColor NoPadding FontSize12">Forgot Password</span> </a> </div> </div> <div class="col-md-4 col-xs-12 NoPadding"> <button type="button" class="btn btn-lg TMButtonMdlLoginResetBGColor TMButtonMdlLoginResetFontColor pull-right" id="BtnLogin" onclick="SaveTMBookEngLogin();">     Login     </button> <a href="javascript:void(0);" class=" NoPadding pull-right hide" id="ForgotPassRight" onclick="SecForgotPass();"> <span class="col-md-12 col-xs-12 LabelColor NoPadding FontSize12">Forgot Password</span> </a> </div> </div> </div> <div class="hide" id="DivTMBookEngForgotPass"> <div class="form-group row"> <label class="col-md-3 col-xs-12 control-label TextLeft">E-Mail ID:<span class="required">*</span></label> <div class="col-md-9 col-xs-12"> <input name="txtForgotEMail" type="text" class="form-control" id="txtForgotEMail" maxlength="50" placeholder="Registered E-Mail ID" /> </div> </div> <div class="pull-right hide" id="DivForgotPassBtns"> <button type="button" class="btn btn-lg TMButtonMdlLoginResetBGColor TMButtonMdlLoginResetFontColor" id="BtnForgotPass" onclick="SaveTMBookEngForgotPass();">Reset</button> <button type="button" class="btn btn-lg TMButtonMdlCnclResetBGColor TMButtonMdlCnclResetFontColor" id="BtnCancelForgotPass" onclick="CancelTMBookEngForgotPass();"> Cancel </button> </div> </div> <div class="col-md-12 col-xs-12 NoPadding MarginTop30 MarginBottom30 TextCenter"> <label class="fancy lblOR NoMargin"> <span><strong>OR</strong></span> </label> </div> <div id="DivTMBookEngGuest" class="MarginBottom20"> <div class="row"> <div class="col-md-12 col-xs-12 TextCenter"> <button type="button" class="btn btn-lg TMButtonMdlCtnGuestBGColor TMButtonMdlCtnGuestFontColor" data-dismiss="modal" id="BtnGuest" onclick="ClearTMBookEngLogin();">     Continue as Guest     </button> </div> </div> </div> <div class="col-md-12 col-xs-12 NoPadding MarginTop30 MarginBottom30 TextCenter "> <label class="fancy lblOR NoMargin"> <span><strong>OR</strong></span> </label> </div> <div id="DivTMBookEngRegPax" class="MarginBottom20"> <div class="row"> <div class="col-md-12 col-xs-12"> <h3 class="NoPadding TextCenter FontWeight600 MarginTop0">Not registered yet ?</h3> </div> <div class="col-md-12 col-xs-12 TextCenter"> <a href="/Account/PassengerRegistration" target="_blank" id="BtnLgnSubmitRegistration" class="btn btn-lg Width200 TMButtonMdlRegBGColor TMButtonMdlRegFontColor">    Register Now    </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <input type="hidden" id="hdnUserName" value="" /> <input type="hidden" id="hdnMasterstrcdn" value="" /> <input type="hidden" id="hdnEncryptMasterstrcdn" value="" /> </div> </div> </div> <div class="modal fade" id="MdlTMBookEngEMailTkt" tabindex="-1" role="basic" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-dialog-centered ContentCenter" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="col-md-4 col-xs-12 NoPadding TextCenter RespMarginBottom10"> <img src="/Resources/DublinCoach/Logo.png?Ver=1.12082" alt="CompLogo" class="ClsLgnLogo" /> </div> <div class="col-md-4 col-xs-12 NoPadding hidden-xs"> </div> <div class="col-md-4 col-xs-12 NoPadding"> <h3 class="modal-title TextRight MarginTop10 RespTextCenter FontSize22 RspFontSize18"> <strong> <span id="SpnLoginText"> Email Tickets </span> </strong> </h3> </div> </div> <div class="modal-body"> <div class="row"> <div class="col-md-12 col-xs-12"> <div class="portlet light MarginBottom0"> <div class="portlet-body form"> <div class="col-md-12 col-xs-12 NoPadding"> <div class="Display-Notification" data-notification-index="5" style="display: none;"> <button class="close" data-close="alert"></button> <span class="SpnNotifyHeader"></span> <span class="SpnNotifyErrorMsg"></span> </div> </div> <div class="form-body NoPadding"> <div id="DivTMBookEngLogin"> <div class="form-group row"> <label class="col-md-3 col-xs-12 control-label TextLeft">E-Mail ID:<span class="required">*</span></label> <div class="col-md-9 col-xs-12"> <input name="txtEMailTkt" type="text" class="form-control" id="txtEMailTkt" maxlength="50" placeholder="E-Mail ID" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-lg TMButtonBGColor2 TMButtonFontColor2" id="BtnSendEMailTkt" onclick="SendTMBookEngEMailTkt();">    Send Now    </button> <button type="button" class="btn btn-lg TMButtonBGColor2 TMButtonFontColor2" data-dismiss="modal" id="BtnCloseEMailTkt" onclick="ClearTMBookEngEMailTkt();">Close</button> </div> </div> </div> </div> <div class="modal fade" id="DivConfirmationBox" tabindex="-1" role="basic" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog ContentCenter"> <div class="modal-content"> <div class="modal-header PaddingBottom0"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title"><strong><span id="DivConfirmationBox_Header"></span></strong></h4> </div> <div class="modal-body MarginTop30"> <div class="row"> <div class="col-md-12 text-center"> <i class="" id="DivConfirmationBox_Icon"></i> <h3 class="bold" id="DivConfirmationBox_MsgText"></h3> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn TMButtonBGColor2 TMButtonFontColor2" data-dismiss="modal" id="DivConfirmationBox_Close" onclick="HideConfirmModal();"></button> <button type="button" class="btn TMButtonBGColor2 TMButtonFontColor2" id="DivConfirmationBox_Confirm"></button> </div> </div> </div> </div> <div class="modal fade" id="DivInfoBox" tabindex="-1" role="basic" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog ContentCenter"> <div class="modal-content"> <div class="modal-header PaddingBottom0"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title"><strong><span id="DivInfoBox_Header"></span></strong></h4> </div> <div class="modal-body MarginTop30"> <div class="row"> <div class="col-md-12 text-center"> <i class="" id="DivInfoBox_Icon"></i> <h3 class="bold" id="DivInfoBox_MsgText"></h3> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn TMButtonBGColor2 TMButtonFontColor2" data-dismiss="modal" id="DivInfoBox_Close" onclick="HideDivInfoModal();"></button> </div> </div> </div> </div> <div class="modal fade" id="ModalAlert" tabindex="-1" role="basic" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header PaddingBottom0"> <h3 class="modal-title"><strong>Error</strong></h3> </div> <div class="modal-body"> <div class="row"> <div class="col-md-12 col-xs-12"> <div class="col-md-12 col-xs-12 LineHeight2"> <i class="fa fa-warning fa-2x font-yellow-gold MarginRight10 VerticalAlignMiddle"></i> <span id="errtitle"></span> </div> </div> <div class="col-md-11 col-xs-11 col-md-offset-1 col-xs-offset-1"> <span id="errtext" class="col-md-12 col-xs-12"></span> </div> </div> </div> <div class="modal-footer"> <button type="button" id="btnCloseModal" class="btn TMButtonBGColor2 TMButtonFontColor2 FontSize18" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script src="/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="/assets/global/plugins/bootstrap-select/js/bootstrap-select-DrpImg.min.js" type="text/javascript"></script> <script src="/assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script> <script src="/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script> <script src="/assets/global/plugins/bootstrap-toastr/toastr.min.js" type="text/javascript"></script> <script src="/assets/global/plugins/bootstrap-pwstrength/pwstrength-bootstrap.min.js" type="text/javascript"></script> <script src="/assets/global/scripts/app.min.js" type="text/javascript"></script> <script src="/assets/pages/scripts/components-bootstrap-select.min.js" type="text/javascript"></script> <script src="/assets/pages/scripts/components-select2.min.js" type="text/javascript"></script> <script src="/assets/layouts/layout3/scripts/layout.min.js" type="text/javascript"></script> <script src="/assets/layouts/layout3/scripts/TMScripts.js?Ver=1.12082" type="text/javascript"></script> <script src="/contents/js/MainMaster.js?Ver=1.12082" type="text/javascript"></script> <script type="text/javascript"> //document.addEventListener('touchstart', HTMLBodyElement, {passive: true}); var Var_Favicon = '/Resources/DublinCoach/Favicon.ico?Ver=1.12082'; var Var_Logo = '/Resources/DublinCoach/Logo.png?Ver=1.12082'; var Var_Header = '/Resources/DublinCoach/HeaderPage.html?Ver=1.12082'; var Var_Footer = '/Resources/DublinCoach/FooterPage.html?Ver=1.12082'; var Var_OutBus = '/Resources/DublinCoach/BusRightWhite.png?Ver=1.12082'; var Var_InBus = '/Resources/DublinCoach/BusLeftWhite.png?Ver=1.12082'; var IsAgentUser = false; var EncryptCredentials = ''; var PageURL_UserLogin = '/Account/UserLogin'; var PageURL_ChangePassword = '/Account/ChangePassword'; var PageURL_ForgotPassword = '/Account/ForgotPassword'; var PageURL_ManageBooking = '/ManageBooking/MyBooking'; var PageURL_SetScreen_Width = '/Account/SetScreenWidth'; var _Set_Screen_Size = ''; var Screen_Width = window.innerWidth; var _IsShowHideLogin = ''; var _IsL = ''; $("#DivFrameHeader").load('/Resources/DublinCoach/HeaderPage.html?Ver=1.12082'); $("#DivFrameFooter").load('/Resources/DublinCoach/FooterPage.html?Ver=1.12082'); var TokenHeaderValue = 'ZBVaR6DJJFeJe2_p767QG87OVKkC5bhDbP-kkFaKGZkKsT7T4hnF9HNKYjcoaPtNC1bH5HeDgRNKR6bp6-rJEpMeMs4vvMSPb07BgcRhJ8E1:reCJIf-GvdpxWKRHkpFV415_lFJnNGZYzHRxXKMNTC7aTrDYlwszGppG-bkgPttRzQ5FSzDXB8KkNWiojiniBgUIbVJf7vDNsurvXVDr_oA1'; $(window).resize(function () { _CallSetScreenSize('resize'); }); jQuery(document).ready(function () { _CallSetScreenSize('ready'); if (EncryptCredentials == undefined || EncryptCredentials == '' || EncryptCredentials == null) { $('#DivManageBooking').addClass('hide'); } else { $('#DivCustLoginBtns').addClass('hide'); $('#DivManageBooking').removeClass('hide'); } }); function _CallSetScreenSize(typ) { if (_Set_Screen_Size != "1") { $.ajax({ url: '/Account/SetScreenWidth', data: { 'screen_width': Screen_Width }, type: 'POST', success: function (resp) { if (resp.Status == "OK") { window.location.href = window.location.href; } } }); } } /*START - MODAL ALIGN MIDDLE OF SCREEN*/ //function alignModal() { // var modalDialog = $(this).find(".modal-dialog"); // modalDialog.css("margin-top", Math.max(0, ($(window).height() - modalDialog.height()) / 2)); //} //$(".modal").on("shown.bs.modal", alignModal); //$(window).on("resize", function () { // $(".modal:visible").each(alignModal); //}); /*END - MODAL ALIGN MIDDLE OF SCREEN*/ </script> </body> </html>

CINXE.COM

Ticket Selection - Dublin Coach