<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" href="/NASApp/NetAccessXX/olbweb/uk/en/common/dynamicCommon.css" type="text/css"/>
<link rel="stylesheet" href="/NASApp/NetAccessXX/olbweb/uk/en/mbna/mbna.css" type="text/css"/>
<link rel="stylesheet" href="/NASApp/NetAccessXX/olbweb/uk/en/common/jquery_css/jquery-ui-1.8.custom.css" type="text/css"/>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
if (typeof(lpCurrentBrand) == 'undefined') {
var lpCurrentBrand = 'mbna';
if (typeof(lpCurrentBrand) == '') {
var lpCurrentBrand = 'mbna';
}
//This variable is picked up by the LivePerson JavaScript
if (typeof(lpUnit) == 'undefined') {
var lpUnit = lpCurrentBrand + '-service';
}
}
/*]]>*/
</script>
<script src="/NASApp/NetAccessXX/olbweb/uk/en//mbna/js/liveperson/mtagconfig.js" type="text/Javascript">
<!---->
</script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
//Make sure that the javascript below is only ran once
if (typeof(initialiseMonitorFlag)=='undefined') {
var initialiseMonitorFlag = true;
lpAddVars('session','SessionBrand','mbna');
lpAddVars('page','Section','siteKeyConfirmScreen;Verify SiteKey');
lpAddVars('page','Product','');
lpAddVars('page','CurrentBrand','mbna');
}
/*]]>*/
</script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
window.name = "netAccessMain";
try
{
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
function topFrame(){
if (top != self) {top.location=self.location;}
}
/*]]>*/</script>
<script language="JavaScript" type="text/javascript">
function RTeKnowledge(url)
{
winHeight = 760;
winWidth = 640;
winTop = (screen.height/2) - (winHeight/2)
winLeft = (screen.width/2) - (winWidth/2)
features = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,height=' + winHeight + ',width=' + winWidth + ',top=' + winTop+',left=' + winLeft;
myWindow = window.open('https://' + url , 'eKnowledge', features);
}
</script>
<script language="javascript" type="text/javascript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/jquery-1.4.2.min.js">
<!---->
</script>
<script language="javascript" type="text/javascript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/jquery-ui-1.8.custom.dialog.min.js">
<!---->
</script>
<script language="javascript" type="text/javascript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/jquery-zoom-plugin.js">
<!---->
</script>
<script language="javascript" type="text/javascript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/swfobject.js">
<!---->
</script>
<script language="javascript" type="text/javascript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/inlineContextualHelp.js">
<!---->
</script>
<script type="text/javascript" language="JavaScript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/dob.js">/**/</script>
<script language="JavaScript" type="text/javascript">
if (document.images)
{
img1 = new Image();
img1.src = "https://www.services.cyota.co.uk/generic/images/efamily/stu/TravelCulture/000803_1081_3095_ostsRS.jpg";
}
</script>
<script type="text/javascript" language="javascript">
/*<![CDATA[*/
var timeoutPopupTimer;
var expiredTimeoutPopupTimer;
jQuery.noConflict();
jQuery(document).ready(function($) {
timeoutPopupTimer = setTimeout('showTimeoutPopup()', 300000);
});
function showTimeoutPopup() {
clearTimeout(timeoutPopupTimer);
jQuery('#timeoutPopup')
.dialog({
draggable:false,
resizable:false,
width: 335,
closeText:'',
title:'',
modal: true
})
.dialog('moveToTop');
jQuery('#timeoutPopup').parent().find('.ui-dialog-titlebar').hide();
jQuery('#timeoutPopup').dialog('moveToTop');
expiredTimeoutPopupTimer = setTimeout('showExpiredTimeoutPopup()', 300000);
document.location.hash = "#timeoutPopup";
}
function showExpiredTimeoutPopup() {
clearTimeout(expiredTimeoutPopupTimer); //changed by Paul (only added this comment) - this line of code seems to be useless why clear the timer that when it expired actually
// called this function, at this point both timers should have been actually triggered and therefore both should be stopped by now.
jQuery('#timeoutPopup').dialog('close');
jQuery('#expiredTimeoutPopup')
.dialog({
draggable:false,
resizable:false,
width: 335,
closeText:'',
title:'',
modal: true
})
.dialog('moveToTop');
jQuery('#expiredTimeoutPopup').parent().find('.ui-dialog-titlebar').hide();
jQuery('#expiredTimeoutPopup').dialog('moveToTop');
document.location.hash = "#expiredTimeoutPopup";
}
function hideTimeoutPopup() {
clearTimeout(expiredTimeoutPopupTimer);
jQuery('#timeoutPopup').dialog('close');
}
function hideExpiredTimeoutPopup() {
jQuery('#expiredTimeoutPopup').dialog('close');
}
function getMoreTimeUntilNextTimeout() {
jQuery.ajax({
url: "SessionExtenderServlet",
cache: false,
success: resetTimoutPopupTimer,
error: showTimeoutServerCommunicationError});
jQuery('#timeoutPopup').dialog('close');
jQuery('body').focus();
}
function resetTimoutPopupTimer() {
clearTimeout(timeoutPopupTimer); //should also clear the expiredTimeoutPopupTimer because if that has been triggered it will still show up
clearTimeout(expiredTimeoutPopupTimer); //added by Paul - original code did not clear he second timeout (it gets initialized when the first popup fires and if not cleared it still shows up after you click on Continue to prolong your session)
timeoutPopupTimer = setTimeout('showTimeoutPopup()', 300000);
}
function showTimeoutServerCommunicationError() {
alert("Server timeout!");
}
/*]]>*/</script>
<script type="text/javascript" language="javascript">
/*<![CDATA[*/
jQuery.noConflict();
jQuery(document).ready(function($) {
changeCancel();
});
function changeCancel() {
var buttonHTML;
var newButtonHTML = '<span class="bodyText">'+
'<a href="javascript:void(0);" onclick="cancelConfirmationPopup();">'+
'Cancel'+
'</a>'+
'</span>';
buttonHTML = jQuery('#cancelChange');
jQuery('SCRIPT',buttonHTML).remove();
jQuery('NOSCRIPT',buttonHTML).remove();
buttonHTML = jQuery('#cancelChange').html();
jQuery('#cancel').html(newButtonHTML);
jQuery('#cancelConfirmationButtonPlaceholder').html(buttonHTML);
jQuery('#cancelConfirmationButtonPlaceholder .styledButtonRight').html(jQuery('#newCancelButtonText').html());
}
function cancelConfirmationPopup() {
jQuery('#cancelConfirmationPopup')
.dialog({
draggable:false,
resizable:false,
width: 500,
closeText:'',
title:'',
modal: true
})
.dialog('moveToTop');
jQuery('.ui-dialog-titlebar').hide();
jQuery('#cancelConfirmationPopup').dialog('moveToTop');
}
function hideCancelConfirmationPopup() {
jQuery('#cancelConfirmationPopup').dialog('close');
}
/*]]>*/</script>
<!--[if IE 6]>
<script type="text/javascript" language="javascript">document.ie6pngFixBlankImageUrl = '/NASApp/NetAccessXX/olbweb/uk/en//common/blank1x1.gif';</script>
<script type="text/javascript" language="JavaScript" src="/NASApp/NetAccessXX/olbweb/uk/en//common/iepngfix_tilebg.js">/**/</script>
<script type="text/javascript" language="JavaScript" src="/NASApp/NetAccessXX/olbweb/uk/en//common/iepngfix.js">/**/</script>
<![endif]-->
<title>Verify SiteKey - MBNA Online Card Services</title>
</head>
<body xmlns="">
<!--[if IE]>
<div id="browserIe">
<![endif]-->
<!--[if IE 6]>
<div id="browserIe6">
<![endif]-->
<!--[if IE 7]>
<div id="browserIe7">
<![endif]-->
<!--[if IE 8]>
<div id="browserIe8">
<![endif]-->
<a xmlns="http://www.w3.org/1999/xhtml" name="top">
<!-- -->
</a>
<div class="auralText">
To protect your Online Card Services account, if your computer is inactive for more than 10 minutes your session will expire.
</div>
<a xmlns="http://www.w3.org/1999/xhtml" href="#level1header" title="Jump to main header" class="auralText"> Jump to main content</a>
<div id="brandingHeader">
<!---->
</div>
<div id="wrapper" style="width:756px;">
<div xmlns="http://www.w3.org/1999/xhtml" id="header" style="width:758px;">
<div id="topMenu">
<ul>
<li style="width:11em;"> </li>
<li>
<a target="_blank" href="InfoScreen?key=handslanding" id="helpSupportLinkID">Help & support</a>
</li>
<li>
<img src="/NASApp/NetAccessXX/olbweb/uk/en//mbna/images/global-menu-separator.gif" alt="" class="sep"/>
</li>
<li>
<a target="_blank" href="InfoScreen?key=contacts">Contact Us</a>
</li>
<li style="width:6.5em;">
<!---->
</li>
</ul>
<div class="divClear">
<!-- -->
</div>
</div>
<div id="brandingLogoContainer">
<div style="width:139px;height:91px;float:left;overflow:hidden;">
<a href="http://www.mbna.co.uk" target="_blank">
<img border="0" title="MBNA Bank of America" alt="MBNA Bank of America" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/images/mbna_logo.png" style="position:absolute;width:139px;height:91px;"/>
</a>
<!---->
</div>
<div class="divClear">
<!-- -->
</div>
</div>
<div class="divClear">
<!-- -->
</div>
<div id="cardButtons">
<div class="divClear">
<!-- -->
</div>
</div>
<div class="divClear">
<!-- -->
</div>
<div id="headerTextLine">
<div id="loggedInPersonData">
</div>
<div id="cardData" class="cardDataNoData">
</div>
<div class="divClear">
<!-- -->
</div>
</div>
<div class="divClear">
<!-- -->
</div>
<div id="mainNavigation">
<div id="blankNavigation">
<div id="mainNavigationLeftPlaceholder">
</div>
<div id="mainNavigationRightPlaceholder">
</div>
<div id="mainNavigationBlankCenter">
</div>
</div>
</div>
<div class="divClear">
<!---->
</div>
</div>
<div xmlns="http://www.w3.org/1999/xhtml" id="content" class="contentWithBorder">
<div id="contentData">
<div class="makeItWide">
<div style="margin-left:40px;margin-right:40px;">
<a name="level1header">
<!-- -->
</a>
<div class="functionName ">
<h1>Verify SiteKey</h1>
<hr id="functionNameHr"/>
<div class="divClear">
<!---->
</div>
</div>
<div>
<div>
<div>
<div>
<div class="siteKeyContent">
<form method="post" action="LoginProcess" AUTOCOMPLETE="off" name="siteKeyConfirmForm">
<p class="headline">
Do you recognise this picture and phrase?
</p>
<p class="sKeyConfirm">
This SiteKey should be the same memorable picture and phrase you chose
when you set up your Online Card Services account. If you're satisfied
it is, please enter your password below.
</p>
<div style="float: left;">
<div class="siteKeyImagePhraseContainer" style="float: left;">
<img class="siteKeyImage" src="https://www.services.cyota.co.uk/generic/images/efamily/stu/TravelCulture/000803_1081_3095_ostsRS.jpg" alt="SiteKey Image - image_4" title="SiteKey Image - image_4"/>
<br/>
<br/>
<span class="heading">windmill</span>
</div>
<span class="caption" style="margin-top: 235px; display: inline-block">
<script language="javascript" type="text/javascript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/siteKey.js">
<!---->
</script>
<noscript>
<a href="InfoScreen?key=helpLink&helpKey=incorrectSiteKey" class="siteKeyAreaLink" target="_blank" title="Not sure your SiteKey is correct?. Link opens new window." alt="Not sure your SiteKey is correct?. Link opens new window.">Not sure your SiteKey is correct?</a>
</noscript>
<script language="javascript" type="text/javascript">/*<![CDATA[*/document.write('<a href="#" class="siteKeyAreaLink" onclick="javascript:incorrectSiteKey();return false;" target="blank" title="Not sure your SiteKey is correct? Link opens new window." alt="Not sure your SiteKey is correct? Link opens new window.">Not sure your SiteKey is correct?</a>');/*]]>*/</script>
</span>
</div>
<div class="divClear">
<!-- -->
</div>
<p style="text-align: right" class="caption">Fields marked with an asterisk [<span class="requiredFieldOnlyColor">*</span>] are mandatory</p>
<p>If this is the SiteKey you chose, please enter your password here:</p>
<input type="hidden" name="processEventKey" value="SubmitCredentialsEvent"/>
<div class="siteKeyPassword">
<br/>
<label for="password" style="width: 100px; margin-right: 10px">
<span class="auralText"> required field </span>
<span class="requiredField">* </span>Password</label>
<input type="password" id="password" name="password" size="20" maxlength="20" class="inputField" value=""/>
<div class="divClear">
<!---->
</div>
<div class="caption" style="padding-bottom: 15px;padding-left:100px;position:relative;left:10px;">
<a href="ResetPasswordScreen" class="siteKeyAreaLink" title="Forgotten your password?" alt="Forgotten your password?">Forgotten your password?</a>
</div>
<div class="divClear">
<!-- -->
</div>
</div>
<script language="JavaScript" type="text/javascript">
function set_focus()
{
document.getElementById('password').focus();
}
set_focus();
</script>
<div class="siteKeyButtons">
<div style="clear: both; width: 100%; text-align: center; line-height: 2.5em;">
<noscript>
<input type="hidden" value="disabled" name="javascript"/>
</noscript>
<div class="skButtonAlign">
<div style="float: right">
<button name="" type="submit" class="styledButton right" id="">
<span class="styledButtonDynamicWidth">
<span class="styledButtonRight">Login</span>
</span>
</button>
</div>
<div style="float: left;">
<span class="bodyText">
<a href="WelcomeScreen?country=UK&language=en&group=AAAC">Cancel</a>
</span>
</div>
<div class="divClear">
<!-- -->
</div>
</div>
<div class="divClear">
<!-- -->
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="divClear">
<!-- -->
</div>
</div>
<div class="divClear">
<!---->
</div>
</div>
</div>
</div>
<div class="divClear">
<!---->
</div>
</div>
<div xmlns="http://www.w3.org/1999/xhtml" class="divClear">
<!---->
</div>
<div xmlns="http://www.w3.org/1999/xhtml" id="contentContainerBottomBorder">
<div id="contentContainerBottomBorderLeft">
<!---->
</div>
<div id="contentContainerBottomBorderRight">
<!---->
</div>
<div id="contentContainerBottomBorderCenter">
<!---->
</div>
<div class="divClear">
<!---->
</div>
</div>
<div xmlns="http://www.w3.org/1999/xhtml" class="divClear">
<!---->
</div>
<div xmlns="http://www.w3.org/1999/xhtml" class="divClear">
<!-- -->
</div>
<div id="footer">
<div id="footerLeft">
<p>© 2011 MBNA Europe Bank Limited</p>
</div>
<div id="footerRight">
<ul>
<li>
<a href="AccessibilityScreen?acctID=&loggedIn=false 					" class="footer" target="_blank">Accessibility<span class="auralText"> opens a new window</span>
</a>
</li>
<li>
<img src="/NASApp/NetAccessXX/olbweb/uk/en//mbna/images/footer-separator.gif" alt="" class="sep"/>
</li>
<li>
<a href="InfoScreen?key=terms&loggedIn=false" class="footer" target="_blank">Terms of Use<span class="auralText"> Opens new window</span>
</a>
</li>
<li>
<img src="/NASApp/NetAccessXX/olbweb/uk/en//mbna/images/footer-separator.gif" alt="" class="sep"/>
</li>
<li>
<a target="_blank" href="InfoScreen?key=privacy&loggedIn=false" class="footer">Privacy<span class="auralText"> Opens new window</span>
</a>
</li>
</ul>
</div>
<div class="divClear">
<!-- -->
</div>
</div>
</div>
<div style="display:none;">
<div id="timeoutPopup">
<p class="headline">We noticed you haven't been actively using our web site for a few minutes.</p>
<p>
To protect your account, if our Online Card Services is inactive for more than 10 minutes your session will expire. If you need more time, just click "Yes, Continue" below.
</p>
<div style="float:left;">
<a href="LogoutScreen" target="" id="" class="buttonStyledLink right">
<span class="styledButtonDynamicWidth">
<span class="styledButtonRight">
<span class="auralText">Logout<!----></span>No, LogOut<span class="auralText">
<!---->
</span>
</span>
</span>
</a>
</div>
<div style="float:right;">
<a href="#" target="" id="" class="buttonStyledLink right" onclick="getMoreTimeUntilNextTimeout();">
<span class="styledButtonDynamicWidth">
<span class="styledButtonRight">
<span class="auralText">Get more time<!----></span>Yes, Continue<span class="auralText">
<!---->
</span>
</span>
</span>
</a>
</div>
<div class="divClear">
<!-- -->
</div>
</div>
</div>
<div style="display:none;">
<div id="expiredTimeoutPopup">
<p class="headline">We're sorry. Your session was inactive for more than 10 minutes.
<br/>To protect your account information your session has ended.</p>
<p>
For security purposes, you'll need to login again.
</p>
<div style="text-align:center;">
<a href="LogoutScreen" target="" id="" class="buttonStyledLink right" onclick="hideExpiredTimeoutPopup();">
<span class="styledButtonDynamicWidth">
<span class="styledButtonRight">
<span class="auralText">Confirm session expiration<!----></span>Ok<span class="auralText">
<!---->
</span>
</span>
</span>
</a>
</div>
</div>
</div>
<div style="display:none;">
<div id="cancelConfirmationPopup" style="text-align: left;">
<div class="headline">Are you sure you want to cancel now?</div>
<p>
If you cancel the registration process now you'll lose
the SiteKey information you've already entered, however
you'll still be able to login to Online Card Services
with the username and password you've created.
</p>
<p>
Please remember the next time you login you'll be
required to complete the registration process.
</p>
<div style="float:right;">
<a href="javascript:hideCancelConfirmationPopup();" target="" id="" class="buttonStyledLink left">
<span class="styledButtonDynamicWidth">
<span class="styledButtonRight">
<span class="auralText">
<!---->
</span>I want to continue<span class="auralText">
<!---->
</span>
</span>
</span>
</a>
</div>
<div style="float:left;" id="cancelConfirmationButtonPlaceholder">
<!---->
</div>
<div style="display: none" id="newCancelButtonText">I want to cancel</div>
<div class="divClear">
<!---->
</div>
</div>
</div>
<!--[if IE]>
</div>
</div>
<![endif]-->
<input type="hidden" name="analyticPageName" id="analyticPageName" value="SitekeyConfirmScreen"/>
<input type="hidden" name="analyticBrand" id="analyticBrand" value="mbna"/>
<input type="hidden" name="analyticAffinity" id="analyticAffinity" value="mbna"/>
<SCRIPT language="JavaScript">var mbnaesPageID = ''; mbnaesPageID += 'SitekeyConfirmScreen';</SCRIPT>
<script language="JavaScript" type="text/javascript" src="/NASApp/NetAccessXX/olbweb/uk/en/mbna/js/sasAnalytics/SpeedTrapInsert.js">
<!---->
</script>
</body>
</html>