
		
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
			<script src="/index.cfm?action=util.getLanguageData"></script>
			<script> 
				var fieldListJson = data;
				var language ='ENG';
			</script>
			
			
	<title> Transport for Wales Delay Repay Claim Form</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="imagetoolbar" content="false" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta name="robots" content="NONE" />
	<meta name="robots" content="NOINDEX, NOFOLLOW" />

			
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-84920432-12', 'auto');
	  ga('send', 'pageview');

	</script>

			
    <script data-cfasync="false" type="text/javascript" src="assets/js/jquery.min.js?version=1.4.I"></script>
    <script data-cfasync="false" type="text/javascript" src="assets/js/bootstrap.min.js?version=1.4.I"></script>
    <script data-cfasync="false" type="text/javascript" src="assets/js/bootstrap-datepicker.min.js?version=1.4.I"></script>
    <script data-cfasync="false" type="text/javascript" src="assets/js/bootstrap-timepicker.min.js?version=1.4.I"></script>
    <script data-cfasync="false" type="text/javascript" src="assets/js/1.9_jquery.validate.min.js?version=1.4.I"></script>
    <script data-cfasync="false" type="text/javascript" src="assets/js/additional-methods.min.js?version=1.4.I"></script>
    <script data-cfasync="false" type="text/javascript" src="assets/js/bootbox.min.js?version=1.4.I"></script>
    
    
    <script src="assets/javascripts/picker.js"></script>
    <script src="assets/javascripts/picker.date.js"></script>
    <script src="assets/javascripts/picker.time.js"></script>
    <script src="assets/javascripts/moment.js"></script>
    <script src="assets/javascripts/moment-precise-range.js"></script>
    <script src="assets/javascripts/fontawesome-all.min.js"></script>
    <script src="assets/javascripts/image-preview.js"></script>
    <script src="assets/js/spin.js"></script> 
    <script src="assets/js/spin.min.js"></script> 
    
      
        <script src="assets/minified/javascripts/personaldetail-toggle.js?v=1.4.I"></script> 
            <script src="assets/minified/javascripts/journeydetail-toggle.js?v=1.4.I"></script> 
            <script src="assets/minified/javascripts/ticketdetail-toggle.js?v=1.4.I"></script> 
            <script src="assets/minified/javascripts/compensationtype-toggle.js?v=1.4.I"></script> 
            <script src="assets/minified/javascripts/finalchecks-toggle.js?v=1.4.I"></script>
        
    
    <script src="assets/javascripts/notify.js?v=1.4.I"></script>
    <script src="assets/javascripts/csrfAlert.js?v=1.4.I"></script>
    <script src="assets/javascripts/demo-compiled.js?v=1.4.I"></script>
     

<script>(function(n,t,i,r){var u,f;n[i]=n[i]||{},n[i].initial={accountCode:"TRAVE11199",host:"TRAVE11199.pcapredict.com"},n[i].on=n[i].on||function(){(n[i].onq=n[i].onq||[]).push(arguments)},u=t.createElement("script"),u.async=!0,u.src=r,f=t.getElementsByTagName("script")[0],f.parentNode.insertBefore(u,f)})(window,document,"pca","//TRAVE11199.pcapredict.com/js/sensor.js")</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-84920432-12', 'auto');
  ga('send', 'pageview');
$( document ).ready(function() {
	try {
		pca.on("data", function(source, key, address, variations) {
			if (source === "address") {
				for (var i = 0; i < pca.platform.productList[key].PLATFORM_CAPTUREPLUS.bindings[0].fields.length; i++) {
				var pcaField = document.getElementById(pca.platform.productList[key].PLATFORM_CAPTUREPLUS.bindings[0].fields[i].element);
				if (pcaField) {
					pca.fire(pcaField, "change");
				};
				};
			};
		});
		}
	catch(err) {
		console.log('PCA Error');
	}
});
</script>
<script>
    
</script>
			
			
			<link rel="shortcut icon" type="image/png" href="wabfavicon.ico"/>
			<link href="assets/minified/css/WABCustomerPortal_New.css?v=1.4.I" media="screen" rel="stylesheet" type="text/css" />
		
		
	<link href="assets/css/spinner.css" media="screen" rel="stylesheet" type="text/css">

<style>
	/* for CSRF alert */
	.alert-minimalist {
		background-color: #ff3f3f;
		color: white;
		border-color: rgba(149, 149, 149, 0.3);
		border-radius: 3px;
		color: rgb(149, 149, 149);
		padding: 10px;
	}
	.alert-minimalist > [data-notify="icon"] {
		color: white;
		height: 50px;
		margin-right: 12px;
	}
	.alert-minimalist > [data-notify="title"] {
		color: white;
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.alert-minimalist > [data-notify="message"] {
		color: white;
		font-family: Calibri;
		font-size: 15px;;
	}
	a {
		position: relative;
	}
</style>
			
			<script src="assets/js/jquery-confirm.min.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
			
			<link rel="stylesheet" href="assets/css/jquery-ui.css">
<script>
	//<![CDATA[ 
	function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all");
	//]]> 
</script>
<script>
	//<![CDATA[ 
	function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("assets/css/jquery-confirm.min.css");
	//]]> 
</script>
			<link rel="stylesheet" type="text/css" href="assets/css/overrides.css?version=1.4.I">
		</head>
		
		<body>
			
			  <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
				
				
  <link href="assets/css/languageswitcher.css?v=41C15D73-F4F1-45A2-B7376C05F8958A09" media="screen" rel="stylesheet" type="text/css" >

  <div class="language_switch_wrapper">
    <form id="switch" action="/index.cfm?action=util.changeLanguage" method='post' class="switch">
      <div class="switch__wrapper">
        <input name="languageSelected" id="cymraeg" type="radio" value='WAL'  >
        <input name="languageSelected" id="english" type="radio" value='ENG' checked='checked' >
        <div class="switch__options">
          <label class="switch--option" for="cymraeg">Cymraeg</label>
          <div class="switch__slider"></div>  
          <label class="switch--option" for="english">English</label> 
        </div>
      </div>
    </form>
  </div>

  <script>
  $('.switch__slider').on('click', function(){
    $('.language_switch_wrapper').find('input[type="radio"]').not(':checked').prop("checked", true);
    $('.switch').change();
  });
  $('.switch').on('change', function(){
    var $el = $(this),
        $input = $el.find('input:checked'),
        $selected = $input.data('option');
    $('.currently_selected').text($selected);
        $('#switch').submit();
  });

  </script>


	<header role="banner" class="global-header" class="" style="position: relative;">
		
			<a href="http://delayrepay.tfwrail.wales">
				<img id="logo" src="assets/images/AW_logo.png" alt="logo"/>
			</a>
			
		
	</header>
	

<style>
	#login-sidebar li:hover {
		cursor: pointer;
		background-color: #ccc;
	}
</style>

				
				<main id="content" role="main">
					<div class="grid-row">
						<div class="column-one-half">
							<div class="content-wrapper">
								
									
<style>
	/*.alert {
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 4px;
	}*/
	.alert-ErrorMessage {
		background-color: red !important;
		padding-bottom: 20px !important;
	}
	.alert-ErrorMessage > p {
		opacity: 1 !important;
		color: white !important;
		margin: 00px !important;
	}
	
	.alert-warn {
		color: #434e55;
		background-color: #FFCD00;
		border-color: #FFCD00;
		padding: 15px 15px 0px 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 4px;
	}
</style>

	
									<script>(function(n,t,i,r){var u,f;n[i]=n[i]||{},n[i].initial={accountCode:"TRAVE11199",host:"TRAVE11199.pcapredict.com"},n[i].on=n[i].on||function(){(n[i].onq=n[i].onq||[]).push(arguments)},u=t.createElement("script"),u.async=!0,u.src=r,f=t.getElementsByTagName("script")[0],f.parentNode.insertBefore(u,f)})(window,document,"pca","//TRAVE11199.pcapredict.com/js/sensor.js")</script>
<style>
	.modal-backdrop{
		z-index:0;
	}
</style>


        <div id="customeralertPopUp" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
              <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <div style="margin:15px;">
                          
                        </div>
                    </div>
                    <div class="modal-footer alertmessage-footer">
                      <button type="button" class="button" data-dismiss="modal">Okay</button>
                    </div>
                </div>
            </div>
        </div>
    
	<div class="page-header">
		<h1>Welcome to the Transport for Wales Delay Repay Form</h1>
	</div>
	<div class="col-sm-12">
		<div class="button-wrapper">
			<a href="/index.cfm?action=claimhistory.trackClaim" class="button hollow button-home">Check my claim status</a>
			<a href="/index.cfm?action=myclaims.add" class="button button-home">Start a new claim</a>
		</div>
		<div class="button-wrapper">
			<a href="/index.cfm?action=claimhistory.trackClaim" class="button hollow button-home">Appeal a Claim Decision</a>
			<a href="/index.cfm?action=myclaims.showfaq" class="button hollow button-home">FAQ</a>
		</div>
		
			<div class="container" style="margin-top:25px;padding:0px 20px;margin-left: 3.3%;">
				<section>
					<h6 style="text-align:center">Do you have a season ticket with us? Why not take advantage of a Delay Repay Account to save you time and effort when making regular claims?</h6>
					<div class="button-wrapper" style="margin-top: 2rem;margin-bottom:20px;">
						<a href="index.cfm?action=login.login" class="button hollow button-home" style="margin-left: -12px;"><b>Season Ticket Holders</b><br>My Delay Repay Account</a>
					</div>
					<h6>Benefits of creating an account</h6><ul style="width:100%;margin-left:15px;"><li>Quicker and easier to make Delay Repay claims.</li><li>Your personal details will always be prefilled.</li><li>Record your season ticket and skip having to add each time.</li><li>Save your preferred compensation method.</li><li>View all your Delay Repay claims in one place.</li></ul>
				</section>			
			</div>
		
	</div>


							</div>
						</div>
					</div>
				</main>
			
				
	<footer class="global-footer" class="footer" role="contentinfo">
	     &copy; Copyright 2020 Travel Compensation Services Ltd | Version- 1.4.I i-0770355d3219132e6
	     
	</footer>


				<div class="marketing-image"></div>
			
				
<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
	<link rel="stylesheet" type="text/css" href="assets/css/dark-bottom.css?v=1.4.I" />
	<script src="assets/js/cookieconsent.min.js?v=1.4.I"></script>
	
	<script>
	var cookieURL = 
											
													
																	"https://tfwrail.wales/cookie-policy"
															
													
		// delete old cookies
		var delete_cookie = function(name) {
			document.cookie = name + '=;expires=Tue, 11 Sep 2018 12:26:01 GMT;';
		};
		delete_cookie('cookieconsent_dismissed');
		
		window.addEventListener("load", function(){
			window.cookieconsent.initialise({
			  "palette": {
				 "popup": {
					"background": "#222222",
					"text": "#fff"
				},
				"button": {
				  "background": "#f1d600"
				}
			  },
			  "content": {
				"header": "",
				"message": "We use cookies on this site to enhance your user experience.<br> By clicking any link on this page you are giving your consent for us to set cookies.",
				"dismiss": "Ok, I agree",
				"link": "No, view privacy policy",
				"href": cookieURL
			  }
			})
		});
	</script>
<!-- End Cookie Consent plugin -->


			</body>
	</html>
	

<script>
	$('#largerText').click(function(){
		var fontSize =  $("body").css('font-size');
		var h1fontSize =  $("h1").css('font-size');
		var pfontSize =  $("p").css('font-size');
		if(h1fontSize >= '32px' && h1fontSize <= '39px'){
			$("h1").css("font-size", (parseInt($("h1").css("fontSize")) + 1 + "px"));
		}
		if(pfontSize >= '14px' && pfontSize <= '22px'){
			$("p").css("font-size", (parseInt($("p").css("fontSize")) + 1 + "px"));
		}
		if (fontSize >= '16px' && fontSize <= '22px'){
			$("body, input, select, textarea, button, a, label, legend").css("font-size", (parseInt($("body").css("fontSize")) + 1 + "px"));
			$('#largerText').css("font-size", ("16px"));
			$('#smallerText').css("font-size", ("16px"));
			$('#smallerText').prop('disabled', false);
		}		
	});
	$('#smallerText').click(function(){	
		var fontSize =  $("body").css('font-size');
		var h1fontSize =  $("h1").css('font-size');
		var pfontSize =  $("p").css('font-size');
		if(h1fontSize > '32px'){
			$("h1").css("font-size", (parseInt($("h1").css("fontSize")) - 1 + "px"));
		}
		if(pfontSize > '14px'){
			$("p").css("font-size", (parseInt($("p").css("fontSize")) - 1 + "px"));
		}		
		if (fontSize > '16px'){
			$("body, input, select, textarea, button, a, label, legend").css("font-size", (parseInt($("body").css("fontSize")) - 1 + "px"));
			$('#smallerText').css("font-size", ("16px"));
			$('#largerText').css("font-size", ("16px"));
		}
	});
</script>
<script src="assets/javascripts/backbuttonlogout.js?version=#application.versionNumber#"></script>