CINXE.COM
Item selection [2025 Surrey 22-25 Membership] - Surrey County Cricket Club
<!DOCTYPE html> <html lang="en" class="pos_B2C" dir="ltr"> <head> <script type="text/javascript"> !function(){try{var getViewportDescription=function(){try{var viewport=document.body.getBoundingClientRect(),description=[];for(var key in viewport)description.push(key+": "+viewport[key]);return description.join(", ")}catch(e){return"--"}},postErrorMsg=function(message){var request=new XMLHttpRequest;request.open("POST","/ajax/error/javascript",!0),request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),request.setRequestHeader("X-Requested-With","XMLHttpRequest");var content=[];for(var key in message)content.push(key+"="+encodeURIComponent(message[key]));request.send(content.join("&"))},indexOf=Array.prototype.indexOf,getPosition=function(domElement){var id=domElement.id;if(id)return"#"+id;if(domElement==document.body)return"body";var parent=domElement.parentNode;return parent?getPosition(parent)+"["+indexOf.call(parent.childNodes,domElement)+"]":domElement.nodeName+"."+domElement.className.replace(/\s+/g,".")},clicks=[],startDate=Date.now();try{document.addEventListener("click",function(event){try{event=event||window.event;var target=event.target||event.srcElement,viewport=document.body.getBoundingClientRect(),track=["x:"+(event.clientX-viewport.left),"y:"+(event.clientY-viewport.top),"time:"+(Date.now()-startDate)],position=getPosition(target);position&&track.push("element: "+position),clicks.unshift(track.join(", ")),clicks.length>20&&(clicks.length=20)}catch(e){}})}catch(e){}var errorCount=0,onErrorCb=function(msg,file,line,column,error){if(errorCount++,5>errorCount){var message={};message.error=msg,message.file=file+" (Line "+line+" / Column "+column+" )",message.href=window.location.href,error&&error.stack&&(message.stack=error.stack),message.platform=window.navigator.platform,message.viewport=getViewportDescription(),setTimeout(function(){clicks.length&&(message.clicks=clicks.join("\n ")),postErrorMsg(message)},10)}if(existingCb)try{existingCb.apply(this,arguments)}catch(e){}},existingCb=null,attachErrorListener=function(){var old=window.onError;old&&old!=onErrorCb&&(existingCb=old),window.onerror=onErrorCb};attachErrorListener(),setTimeout(attachErrorListener,2e3)}catch(e){}}(); </script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl; j.type = 'text/javascript'; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TXR2GWR'); </script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { if (!window.dataLayer) { dataLayer = []; } // Custom dimension to know if we access the page from a simple browser or a native application dataLayer.push({ 'applicationType' : 'TnJS' }); }); </script> <meta property="og:title" content="2025 Surrey 22-25 Membership" /> <meta property="og:image" content="https://s3.eu-west-2.amazonaws.com/pub.sccc.p46-s3.secutix.com/images/catalog/product/med/1be05c52-3edb-43bb-93a1-5e60c3e6a9f9.png" /> <meta property="og:type" content="product" /> <meta property="og:description" content=" Access to all domestic cricket at The Kia Oval for 22-25 year olds With a Surrey 22-25 Membership, you will get access to every Surrey County Cricket Club match-day including the Vitality Blast, Vitality County Championship, One Day Cup* and Surrey Women matches. A Surrey 22-25 Membership also includes access to The Hundred fixtures at The Kia Oval. For 2025 you will have exclusive Members' prices and the option to purchase up to two Men's Test Match, two Men's ODI and two Women's T20I tickets outside of the Members' Pavilion. A Surrey 22-25 Membership is available from &pound;124 and for a full list of Surrey 22-25 Membership benefits, please click here .&nbsp; For Memberships purchased from Friday 28th February. Members will receive a digital Membership card only. If you would prefer to still receive a physical card, please email membership@surreycricket.com. Please not that requesting a physical card after the above date may incur a cost. Please note that a Surrey Membership is non-transferable and for the sole use of the named Member and that when you purchase a Surrey Membership you automatically agree to our Supporters&rsquo; Code of Conduct 2024 Members who pay for their Membership via Direct Debit do not need to do anything to renew for the 2025 season, as their Membership automatically renews. Payment for the Membership will be taken in January 2025, as per the Direct Debit, however, Members will still have access to the priority window for international tickets. *Surrey fixtures that are held at Guildford Cricket Club are ticketed events. Members will need to book a dedicated Member-ticket to attend. No access will be granted solely with a Membership card. " /> <meta name="description" content=" Access to all domestic cricket at The Kia Oval for 22-25 year olds With a Surrey 22-25 Membership, you will get access to every Surrey County Cricket Club match-day including the Vitality Blast, Vitality County Championship, One Day Cup* and Surrey Women matches. A Surrey 22-25 Membership also includes access to The Hundred fixtures at The Kia Oval. For 2025 you will have exclusive Members' prices and the option to purchase up to two Men's Test Match, two Men's ODI and two Women's T20I tickets outside of the Members' Pavilion. A Surrey 22-25 Membership is available from &pound;124 and for a full list of Surrey 22-25 Membership benefits, please click here .&nbsp; For Memberships purchased from Friday 28th February. Members will receive a digital Membership card only. If you would prefer to still receive a physical card, please email membership@surreycricket.com. Please not that requesting a physical card after the above date may incur a cost. Please note that a Surrey Membership is non-transferable and for the sole use of the named Member and that when you purchase a Surrey Membership you automatically agree to our Supporters&rsquo; Code of Conduct 2024 Members who pay for their Membership via Direct Debit do not need to do anything to renew for the 2025 season, as their Membership automatically renews. Payment for the Membership will be taken in January 2025, as per the Direct Debit, however, Members will still have access to the priority window for international tickets. *Surrey fixtures that are held at Guildford Cricket Club are ticketed events. Members will need to book a dedicated Member-ticket to attend. No access will be granted solely with a Membership card. " /> <title>Item selection [2025 Surrey 22-25 Membership] - Surrey County Cricket Club</title> <script type="text/javascript"> <!-- to hide script contents from old browsers var displayDialogEffects = false; var displayFancyboxInNewTab = false; var contextPath = ""; var dialogCloseText = '\"Close\"'; var dateShortPattern = 'dd.mm.yy'; var visitInLabel = 'Visits in {0}'; var openInNewWindowLabel = 'open in a new window'; var buyerTitleSellingTo = 'Selling to'; var buyerTitleChange = 'Change purchaser'; var compactCheckoutViewShow = 'View details'; var compactCheckoutViewHide = 'Hide details'; var defaultMaxItemQuantity = 50; var checkoutCountdownThresholdSeconds = 120; var priceSeparator = ','; var seasonTicketPerformanceMediumDatePattern = 'dd.mm.yy'; var crossSellDialogTitle = 'Linked Products'; var crossSellDialogCancel = 'Cancel'; var crossSellDialogRemove = 'Ok, remove'; var quoteTitle = 'Quote'; var isIOS = 'false'; var noticeCapsLockOnMess = 'Note : Your CapsLock key is currently turned on'; const accessibilityCurrentSelected = 'current selection'; const datepickerSelectedDay = 'selected day'; const filterApplied = 'Filter applied'; const legendFree = 'Available tickets' const legendLimited = 'Limited availability' const legendFull = 'Sold out' const advantageAccessibilityText = 'with special rates' const currentMonth = 'Current Month' const seatMapWithAccessibility = true; const previousMonth = 'Previous Month'; const nextMonth = 'Next Month'; const isNewTicketShop = !!false; var amountFormat = '{currencySymbol} {amountIntPart}{decimalSeparator}{amountMantissa}'; var zeroCentLabel = '00'; var amountDecimalSeaparator = '.'; var currencyCode = 'GBP'; var currencySymbol = '拢'; var currencyMinimumAmount = 10; var currencyFractionDigit = 2; var secutixAmountDecimalSize = 3; var datePickerConfig = { singularText: 'performance', pluralText: 'performances', dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], dayNamesShort: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], dateFormat: 'dd.mm.yy', legendFree: 'Available tickets', legendLimited: 'Limited availability', legendFull: 'Sold out', legendAdvantage: 'Advantage', legendToday: 'Today', legendRate: '{0} tariff', dateFormatLong: 'DD, d MM yy' }; var validationErrors = { nonInt: 'The voucher amount should be a positive, whole number with no pence.', numeric: 'Please enter a numeric value', range: 'Please enter a value between {0} and {1}', rangeMin: 'Please enter a minimum of {0}', rangeMax: 'Please enter a maximum of {1}', textTooLong: 'The message you entered is too long', mandatory: 'Please complete all of the below mandatory fields in order to complete your account set-up.', email: 'The email address you entered is incorrect or already used.', fullName: 'Please complete your name.', requestExceedLimit: 'You are not authorized to request more tickets than the initial quantity in your pre-request.' }; var SecuTixConfig = { institCode: 'SCCC', salesChannelCode: 'B2C', currentLang: 'en', urls: { account: '/account', cart: '/cart/shoppingCart', continueShopping: 'https://tickets.surreycricket.com/', logout: '/account/logout', langs: { 'en': '?productId=10228835099549&lang=en' } } }; var SecuTixLabels = { countdown: { hours : 'hours', minutes : 'minutes', seconds : 'seconds', and : 'and' } }; //end hiding contents from old browsers --> </script> <!--[if lte IE 9]> <link rel="stylesheet" type="text/css" media="all" href="/light_custom/lightTheme/lightCustomizationielte9-1.css" id="themeielte9-1_css" /> <link rel="stylesheet" type="text/css" media="all" href="/light_custom/lightTheme/lightCustomizationielte9-2.css" id="themeielte9-2_css" /> <![endif]--> <!--[if !IE]> --> <link rel="stylesheet" type="text/css" media="all" href="/light_custom/lightTheme/lightCustomization.css" id="theme_css" /> <!-- <![endif]--> <link rel="stylesheet" type="text/css" media="all" href="/custom/SCCC_B2C/custom.css" id="theme_css_custom" /> <style type="text/css"> <!-- body.ie_lte_8 .main_content > .content_element > .content, body.ie_lte_8 .main_content_group > .content_element > .content, body.ie_lte_8 .secondary_content > .content_element > .content, body.ie_lte_8 .secondary_content_group > .content_element > .content, body.ie_lte_8 #secondary_content_seasonticket .step .bullet, body.ie_lte_8 #main_content_seasonticket_help .step .bullet, body.ie_lte_8 #main_content_container img, body.ie_lte_8 #secondary_content_container img, body.ie_lte_8 #dialog_box_content img, body.ie_lte_8 .product .product_image_container, body.ie_lte_8 .message, body.ie_lte_8 .steps_bar .current .symbol, body.ie_lte_8 #main_content_registration .social .separator .text, body.ie_lte_8 .advantage .catchword, body.ie_lte_8 #main_content_registration .social .separator .text, body.ie_lte_9 .main_content > .content_title > .title, body.ie_lte_9 .secondary_content > .content_title > .title, body.ie_lte_9 .main_content_group > .content_title > .title, body.ie_lte_9 .secondary_content_group > .content_title > .title, body.ie_lte_9 .tabs > .content_title > .title, body.ie_lte_9 .button a, body.ie_lte_9 #account .item_cart a, body.ie_lte_9 #menu_item_5 a, body.ie_lte_9 .pagination .page a, body.ie_lte_9 #secondary_content_seasonticket .step h2, body.ie_lte_9 #main_content_seasonticket_help .step h2, body.ie_lte_9 .alternative_button a .icon, body.ie_lte_9 #secondary_content_countdown .icon, body.ie_lte_9 #seat-map-views .view_link_container.selected { behavior: url("/resources/themes/base/PIE.htc"); } --> </style> <style type="text/css"> <!-- body.ie_lte_8 .message.success .icon { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/success.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/success.png', sizingMethod='scale')"; } body.ie_lte_8 .message.info .icon, body.ie_lte_8 .message.wait .icon { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/info.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/info.png', sizingMethod='scale')"; } body.ie_lte_8 .message.warning .icon { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/warning.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/warning.png', sizingMethod='scale')"; height: 43px; } body.ie_lte_8 .message.error .icon { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/error.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/base/images/messages-colored/error.png', sizingMethod='scale')"; } --> </style> <link rel="shortcut icon" href="/light_custom/lightTheme/favicon.png" type="image/vnd.microsoft.icon" /> <script type="text/javascript"> var contextPath = ''; </script> <!--[if lte IE 8]> <script src="/resources/js/lib/es5-shim.min.js"></script> <script src="/resources/js/lib/es5-sham.min.js"></script> <![endif]--> <script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-migrate-3.4.0.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script> <script>window.jQuery || document.write('<script src="/resources/js/lib/jquery.min.js"><\/script>')</script> <script>window.jQuery.Widget || document.write('<script src="/resources/js/lib/jquery-ui.min.js"><\/script>')</script> <script type="text/javascript" src="/resources/libs.js"></script> <script type="text/javascript" src="/resources/stx2js-all.js"></script> <script> if (tools && tools.dialog) { tools.dialog._LABEL_CLOSE_DIALOG = 'Close dialog'; } </script> <link rel="canonical" href="https://tickets.surreycricket.com/selection/membership?productId=10228835099549&lang=en" /> <link rel="alternate" hreflang="x-default" href="https://tickets.surreycricket.com/selection/membership?productId=10228835099549" /> <link rel="alternate" hreflang="en" href="https://tickets.surreycricket.com/selection/membership?lang=en&productId=10228835099549" /> <script type="text/javascript"> <!-- Init accessibility --> if (document.addEventListener) { document.addEventListener('DOMContentLoaded', function () { if( SecuTixAPI) { SecuTixAPI.initAccessibilityMode() } }); } </script> <!--[if !IE]> --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimal-ui"> <!-- <![endif]--> </head> <!--[if IE 8]><body class="ie ie8 ie_lte_8 ie_lte_9" ><![endif]--> <!--[if IE 9]><body class="ie ie9 ie_lte_9 rwd equilibirum-theme" ><![endif]--> <!--[if !IE]> --><body class="rwd equilibirum-theme " onunload="" ><!-- <![endif]--> <script type="text/javascript"> $(document).ready(function(){ if (!window.dataLayer) { dataLayer = []; } }); </script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TXR2GWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script type="text/javascript"> if (localStorage.getItem("dataLUP") != null) { localStorage.removeItem("dataLUP"); } </script> <div id="unsupported_browser"> We are sorry but your browser is not supported by this website. For security reasons, the payment of your purchases is not possible. We suggest you change browsers to improve the purchase process. <p><a href="#" class="close">Close</a></p> </div> <!-- Detect if Edge version is upper 17.xxx in seat map page --> <div id="unsupported_edgeVersionUpper17"> You may experience problems when displaying the seat map with your current browser; please use another browser. <p><a href="#" class="close">Close</a></p> </div> <script type="text/javascript"> $(function(){unsupportedBrowser.init();}); </script> <div id="page_selection_item" class="page_container"> <a href="/hidden/restricted" class="hidden accessibility-visually-hidden" style="display: none"></a> <div id="page"> <a class="skip_link" href="#content_container"> Skip to content </a> <header> <div class="isolated-container"> <iframe src="/api/1/resources/custom/en/header.html" class="isolated-iframe" id="isolated_header_iframe"></iframe> </div> <script> util.dom.initIsolated($("#isolated_header_iframe"), "header"); </script> </header> <h1 class=" accessibility-visually-hidden">Item selection [2025 Surrey 22-25 Membership] - Surrey County Cricket Club</h1> <div class="product_description_header product_10228835099549"> <section class="content_bloc main_content_group product_right_img_header" id="product_header" > <h2 class="hidden fallback_main_title accessibility-visually-hidden">2025 Surrey 22-25 Membership</h2> <div class="content_title "> <div class="title ignoreAccessibilityTitle flex_title"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">2025 Surrey 22-25 Membership</span></h2> </div> <span class="customSectionRight"></span> </div> </div> <div class="content_element " > <div class="content "> <section id="prod_10228835099549" class=" product_right_img product_MEMBERSHIP product_season_2025 truncated" data-product-type="MEMBERSHIP"> <span class="product_image_container product-image-scale-1"> <img data-original="https://s3.eu-west-2.amazonaws.com/pub.sccc.p46-s3.secutix.com/images/catalog/product/large/1be05c52-3edb-43bb-93a1-5e60c3e6a9f9.png" class="lazy product_image " alt="" /> </span> <div class="content product-with-logo"> <div id="content_product_info_content_10228835099549" class="content_product_info"> <div class="location_topic"> <div class="icon_container" aria-hidden="true"> <div class="icon"></div> <div class="symbol"></div> </div> <div class="clear"></div> </div> <div id="prod_title_10228835099549" class="product_title_container "> <p class="semantic-no-styling-no-display title ignoreAccessibilityTitle "> 2025 Surrey 22-25 Membership</p> </div> <p class="semantic-no-styling-no-display performance_info"> </p> <div class="description"> <p> <p><strong>Access to all domestic cricket at The Kia Oval for 22-25 year olds</strong></p> <p>With a Surrey 22-25 Membership, you will get access to every Surrey County Cricket Club match-day including the Vitality Blast, Vitality County Championship, One Day Cup* and Surrey Women matches. A Surrey 22-25 Membership also includes access to The Hundred fixtures at The Kia Oval.</p> <p>For 2025 you will have exclusive Members' prices and the option to purchase up to two Men's Test Match, two Men's ODI and two Women's T20I tickets outside of the Members' Pavilion.</p> <p>A Surrey 22-25 Membership is available from £124 and for a full list of Surrey 22-25 Membership benefits, please click <a href="https://www.kiaoval.com/membership/" target="_blank" rel="noopener">here</a>. </p> <p>For Memberships purchased from Friday 28th February. Members will receive a digital Membership card only. If you would prefer to still receive a physical card, please email membership@surreycricket.com. Please not that requesting a physical card after the above date may incur a cost.</p> <p>Please note that a Surrey Membership is non-transferable and for the sole use of the named Member and that when you purchase a Surrey Membership you automatically agree to our <a href="https://www.kiaoval.com/supporter-code-of-conduct/"><u>Supporters’ Code of Conduct</u></a></p> <p><i>2024 Members who pay for their Membership via Direct Debit do not need to do anything to renew for the 2025 season, as their Membership automatically renews. Payment for the Membership will be taken in January 2025, as per the Direct Debit, however, Members will still have access to the priority window for international tickets.</i></p> <p>*Surrey fixtures that are held at Guildford Cricket Club are ticketed events. Members will need to book a dedicated Member-ticket to attend. No access will be granted solely with a Membership card.</p> </p> </div> </div> </div> <div class="clear"></div> </section> <div class="truncatable_buttons_container"> <span class="alternative_button show_more" ><a id="showMore_10228835099549" onClick="functions.toggleProductDescriptionDetails($(this));return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="symbol"></span><span class="text">More</span></a> </span> <span class="alternative_button show_less" ><a id="showLess_10228835099549" onClick="functions.toggleProductDescriptionDetails($(this));return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="symbol"></span><span class="text">Less</span></a> </span> </div> <div class="clear"></div> </div> </div> </section> </div> <div class="hidden" id="notAvailableForScreenReader"> This element can"t use with screen readers </div> <div id="content_container"> <div id="content"> <div id="third_content_container"></div> <div id="main_content_container" class=""> <div class="breadcrumb " id="breadcrumb_content_top"> <span class="separator separator_prefix"></span> <ul class="semantic-no-styling horizontal-list"> <li> <span class="item home"> <a href="https://tickets.surreycricket.com/"></a> </span> <span class="separator"></span> </li> <li> <span class="item"> <a href="/list/otherProducts">Membership</a> </span> <span class="separator"></span> </li> <li> <span class="item current">2025 Surrey 22-25 Membership</span> </li> </ul> </div> <div id="message_container" class="main_content hidden"> <div class="content_title"> <div id="message_title" class="title"> </div> </div> <div class="content_element"> <div class="content"> <div id="message_content"> </div> <div class="clear"></div> </div> </div> </div> <div class="main_content_group main_content_notification hidden" id="notification"> <div class="content_element"> <div class="content "> <section class="message error "> <p class="semantic-no-styling title"> Unfortunately there has been an error </p> <div class="content" role="alert" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Please select the number of memberships you wish to purchase. </p> </div> </section> <div class="clear"></div> </div> </div> </div> <div class="main_content_group main_content_notification hidden" id="availabilityError"> <div class="content_element"> <div class="content "> <section class="message info "> <p class="semantic-no-styling title"> Please note! </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Unfortunately, the item you have selected is no longer available. </p> </div> </section> <div class="clear"></div> </div> </div> </div> <div class="main_content_group main_content_notification hidden" id="notification_product_restricted_to_advantage_holder"> <div class="content_element"> <div class="content "> <section class="message error "> <p class="semantic-no-styling title"> Unfortunately there has been an error </p> <div class="content" role="alert" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Unable to complete request: the purchase of this product is restricted to advantage holders. </p> </div> </section> <div class="clear"></div> </div> </div> </div> <script type="text/javascript"> var conditionalRatesData = []; var crossSeatCategoryRates = {}; conditionalRatesMessage.init({ showCommercialBanner: 'false', commercialMsg: '', conditionalRatesDataParam: conditionalRatesData, crossSeatCategoryRates: crossSeatCategoryRates, preselectMaxQuantityAcrossCategories: false, productType: '', messages: { proportionalMaxQuantityWithSeatCatSingle: 'You can only choose maximum {0} item at tariff {1} of the seat category {2}.', proportionalMaxQuantityWithSeatCatPlural: 'You can only choose maximum {0} items at tariff {1} of the seat category {2}.', proportionalMaxQuantityWithoutSeatCatSingle: 'You can only choose maximum {0} item at tariff {1}.', proportionalMaxQuantityWithoutSeatCatPlural: 'You can only choose maximum {0} items at tariff {1}.' } }); </script> <form id="MembershipFormModel" action="/selection/membership/submit" method="post"> <input id="crossSellFormModel.crossSellBaseProductId" name="crossSellFormModel.crossSellBaseProductId" type="hidden" value=""/> <input id="crossSellFormModel.reservationIdx" name="crossSellFormModel.reservationIdx" type="hidden" value=""/> <input id="crossSellFormModel.crossSellId" name="crossSellFormModel.crossSellId" type="hidden" value=""/> <input id="crossSellFormModel.baseProductOperationIds" name="crossSellFormModel.baseProductOperationIds" type="hidden" value=""/> <script type="text/javascript" id="reset_form"> $(function(){functions.resetEnclosingForm('#reset_form', false);}); </script> <section class="content_bloc main_content collapsible " id="membership_holders_content" > <input type="checkbox" tabindex="-1" class="collapsibleDummyCheckbox" aria-hidden="true"/> <h2 class="hidden fallback_main_title accessibility-visually-hidden">Select Your Payment Method</h2> <div class="content_title collapsible_header"> <div class="title ignoreAccessibilityTitle flex_title"> <div class="collapsibleLabel"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">Select Your Payment Method</span></h2> <h2 class="collapsible_title hidden"><span class="main_title add_keyboard_support" role="button" tabindex="0" aria-expanded="true" aria-controls="collapsiblePanel_membership_holders_content">Select Your Payment Method</span></h2> <div class="subtitle"><section class="message instruction "> <p class="semantic-no-styling title"> Instruction </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Please indicate the number of Memberships that you would like to purchase at each tariff. Please note that only Membership per person is permitted. <Display:none> <br /> </p> </div> </section></div> </div> </div> <span class="customSectionRight"></span> </div> </div> <div id="collapsiblePanel_membership_holders_content" class="content_element collapsible_element" > <div class="content "> <div class="clear"></div> <input id="productId" name="productId" type="hidden" value="10228835099549" value="10228835099549"/> <input id="itemId" name="itemId" type="hidden" value="10228835099650" value=""/> <script type="text/javascript" src="/resources/js/lib/mustache.min.js" ></script> <script type="text/m-template" id="degressiveRateTariffTpl"> {{#isSingleRate}} <span class="price_level_tariff {{#price.advantage}}with_advantage{{/price.advantage}} {{^price.advantage}}without_advantage{{/price.advantage}}"> {{#price.priceLevelId}} <span class="membership_icon"></span> {{/price.priceLevelId}} <span class="{{#hasPriceLevelCode}} audience_subcat {{/hasPriceLevelCode}} ">{{price.audienceSubCategory.name}}</span> {{#hasPriceLevelCode}} <span class="price_lvl">{{price.priceLevelCode}}</span> {{/hasPriceLevelCode}} {{#price.advantage}} <div class="advantage_name">{{price.advantage.name}}</div> {{/price.advantage}} </span> {{/isSingleRate}} {{^isSingleRate}} <select class="vp_flat_rate_combo" onchange="degressiveRates.onMatchingDegressiveRatesComboChange(this, '{{key}}');"> {{#matchingRates}} <option value="{{audienceSubCategory.id}}" {{#advantage}}class="with_advantage"{{/advantage}} {{^advantage}}class="without_advantage"{{/advantage}}> {{audienceSubCategory.name}} {{#priceLevelCode}} / {{priceLevelCode}} {{/priceLevelCode}} {{#advantage}} - {{advantage.name}} {{/advantage}} </option> {{/matchingRates}} </select> {{/isSingleRate}} </script> <div class="table_container"> <table> <thead> <tr> <th class="tariff "> Tariff </th> <th class="quantity" id="membershipQuantity"> Quantity </th> <th class="unit_price"> Price </th> <th class="subtotal"> Total </th> </tr> </thead> <tbody> <tr class="group_start" data-conditionalrateid="__10228834813689"> <th class="tariff semantic-no-styling "> <span class="price_level_tariff audience-subcat-name"> Direct Debit - 拢10 Discount </span> <div class="audience-subcat-desc"> <p><i><span style="font-size: 8pt;">New Members benefit from a £10 discount when purchasing a 2025 Membership by Direct Debit.</span></i></p> </div> <script type="text/javascript"> $('.audience-subcat-desc').tipsy({className: 'tipsy-advantage tipsy-hover tipsy-aud-subcat', opacity: 1, gravity: 's', html: true, trigger: 'hover', title: function() { return $(this).html().replace(/\n/g, "<br />") + "<div class='clear'></div>"; } }); $('.audience-subcat-desc').removeAttr('tabindex'); tools.makeTooltipAccessible('.audience-subcat-desc'); </script> </th> <td class="quantity "> <input type="hidden" id="membershipFormDatas[0].audienceSubCategoryId" name="membershipFormDatas[0].audienceSubCategoryId" value="10228834813689"> <input type="hidden" id="membershipFormDatas[0].priceLevelId" name="membershipFormDatas[0].priceLevelId" value=""> <input id="membershipFormDatas[0].quantity" name="membershipFormDatas[0].quantity" aria-labelledby="membershipQuantity" type="number" onblur=" functions.updatePrices(0)" value="0"/> <script type="text/javascript"> $(document).ready(function(){ $("[name='membershipFormDatas[0].quantity']").data("minQuantity", 1); $("[name='membershipFormDatas[0].quantity']").bind('keypress keyup', function(e) { var keyCode = e.keyCode || e.which; if (keyCode === 13) { e.preventDefault(); return false; } }); if (tools.isFirefox()) { $("[name='membershipFormDatas[0].quantity']").on('click', function () { $(this).focus(); }); } }); </script> </td> <td class="unit_price"> <span class="amount amount_GBP " data-amount="134000" id="0_amount" ><span class="currency currency_symbol">拢</span> <span class="int_part">134</span><span class="decimal_separator zeroCentMantissa">.</span><span class="mantissa zeroCentMantissa">00</span></span><script type="text/javascript">$(function(){ $('#0_amount').data('amount',134000); });</script> </td> <td class="subtotal"> <span class="amount amount_GBP " data-amount="0" ><span class="currency currency_symbol">拢</span> <span class="int_part">0</span><span class="decimal_separator zeroCentMantissa">.</span><span class="mantissa zeroCentMantissa">00</span></span> </td> </tr> <tr class="group_end" data-conditionalrateid="__10228858055633"> <th class="tariff semantic-no-styling "> <span class="price_level_tariff audience-subcat-name"> Credit / Debit Card </span> <div class="audience-subcat-desc"> <p>Select this rate to by your Membership fee by Credit / Debit Card</p> </div> <script type="text/javascript"> $('.audience-subcat-desc').tipsy({className: 'tipsy-advantage tipsy-hover tipsy-aud-subcat', opacity: 1, gravity: 's', html: true, trigger: 'hover', title: function() { return $(this).html().replace(/\n/g, "<br />") + "<div class='clear'></div>"; } }); $('.audience-subcat-desc').removeAttr('tabindex'); tools.makeTooltipAccessible('.audience-subcat-desc'); </script> </th> <td class="quantity "> <input type="hidden" id="membershipFormDatas[1].audienceSubCategoryId" name="membershipFormDatas[1].audienceSubCategoryId" value="10228858055633"> <input type="hidden" id="membershipFormDatas[1].priceLevelId" name="membershipFormDatas[1].priceLevelId" value=""> <input id="membershipFormDatas[1].quantity" name="membershipFormDatas[1].quantity" aria-labelledby="membershipQuantity" type="number" onblur=" functions.updatePrices(0)" value="0"/> <script type="text/javascript"> $(document).ready(function(){ $("[name='membershipFormDatas[1].quantity']").data("minQuantity", 1); $("[name='membershipFormDatas[1].quantity']").bind('keypress keyup', function(e) { var keyCode = e.keyCode || e.which; if (keyCode === 13) { e.preventDefault(); return false; } }); if (tools.isFirefox()) { $("[name='membershipFormDatas[1].quantity']").on('click', function () { $(this).focus(); }); } }); </script> </td> <td class="unit_price"> <span class="amount amount_GBP " data-amount="144000" id="1_amount" ><span class="currency currency_symbol">拢</span> <span class="int_part">144</span><span class="decimal_separator zeroCentMantissa">.</span><span class="mantissa zeroCentMantissa">00</span></span><script type="text/javascript">$(function(){ $('#1_amount').data('amount',144000); });</script> </td> <td class="subtotal"> <span class="amount amount_GBP " data-amount="0" ><span class="currency currency_symbol">拢</span> <span class="int_part">0</span><span class="decimal_separator zeroCentMantissa">.</span><span class="mantissa zeroCentMantissa">00</span></span> </td> </tr> <tr class="subtotal with_submit_button"> <script type="text/javascript"> var selectedProductSingular = 'Membership'; var selectedProductPlural = 'memberships'; </script> <td colspan="4" class="stx_tfooter reservation_amount" data-amount="0"> <span class="amount_text reservation_text"> Total Cost </span> <div class="reservation_selected_quantity"> <span class="quantity"></span> </div> <span class="amount amount_GBP " data-amount="0" ><span class="currency currency_symbol">拢</span> <span class="int_part">0</span><span class="decimal_separator zeroCentMantissa">.</span><span class="mantissa zeroCentMantissa">00</span></span> <div class="stx_tfooter_buttons_container"> <span class="button pull-right" id="addToCartButtonContainer" ><a id="book" onClick="functions.validateQuantities(true, null, $(this));return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">BUY NOW</span></a> </span> </div> </td> </tr> <tr id="merge_charges_instruction_tr" > <td colspan="4" class="merge_charges_instruction_td stx_tfooter"> </td> </tr> <script> $('.merge_charges_instruction').appendTo('.merge_charges_instruction_td'); </script> </tbody> </table> </div> <script> $(function(){ var config = { 'requireAttachmentText' : '\u003Cstrong\u003ENote\u003C\/strong\u003E:you will need to upload proof of eligibility' }; degressiveRates.init(config); }); </script> <div class="clear"></div> <div class="clear"></div> </div> </div> </section> <div> <input type="hidden" name="_csrf" value="fb1782bb-7b05-45f8-9120-913737f86ac4" /> </div></form> <div class="breadcrumb " id="breadcrumb_content_bottom"> <span class="separator separator_prefix"></span> <ul class="semantic-no-styling horizontal-list"> <li> <span class="item home"> <a href="https://tickets.surreycricket.com/"></a> </span> <span class="separator"></span> </li> <li> <span class="item"> <a href="/list/otherProducts">Membership</a> </span> <span class="separator"></span> </li> <li> <span class="item current">2025 Surrey 22-25 Membership</span> </li> </ul> </div> </div> <div id="secondary_content_container"> <script type="text/javascript" src="/resources/js/lib/hammer.js?v=2.0.7" ></script> <section class="secondary_content " id="secondary_content_navigation" > <h2 class="hidden fallback_main_title accessibility-visually-hidden">MY ACCOUNT ×</h2> <div class="content_title "> <div class="title ignoreAccessibilityTitle flex_title"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title"><span class="menu_title">MY ACCOUNT</span> <span class="menu_close_button hide" title="Close">×</span></span></h2> </div> <span class="customSectionRight"></span> </div> </div> <div class="content_element " > <div class="content "> <div class="close-btn-wrapper"> <button id="close-dialog-button"> <svg class="close-dialog-icon" focusable="false"> </svg> <span class="accessibility-visually-hidden"> Close dialog </span> </button> </div> <script type="text/javascript"> // init() for the new menu navigation $(function () { account.menu.init(false); }); </script> <div class="account_info"> <div class="action_buttons_container"> <a id="logIn" href="/account/login" role="button">Log in</a> | <a id="signUp" href="/account/register" role="button">Sign up</a> </div> </div> <ul> <li onClick=" return;" class="menu_product_category offers "><a class="nav_title" href="/list/offers">Offers</a></li> <li onClick=" return;" class="menu_product_category events "><a class="nav_title" href="/list/events">Tickets</a></li> <li onClick=" return;" class="menu_product_category other_products last_menu_product_category"><a class="nav_title" href="/list/otherProducts">Membership</a></li> </ul> <script> $(function () { if(false) { account.menuLiteMode.loadMenuData(false, false, false, true, '') } }); </script> <div class="clear"></div> </div> </div> </section> <div id="close_menu_overlay"></div> <section class="secondary_content collapsible " id="secondary_content_cart" > <input type="checkbox" tabindex="-1" class="collapsibleDummyCheckbox" checked aria-hidden="true"/> <h2 class="hidden fallback_main_title accessibility-visually-hidden">Your Basket</h2> <div class="content_title collapsible_header"> <div class="title ignoreAccessibilityTitle flex_title"> <div class="collapsibleLabel"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">Your Basket</span></h2> <h2 class="collapsible_title hidden"><span class="main_title add_keyboard_support" role="button" tabindex="0" aria-expanded="true" aria-controls="collapsiblePanel_secondary_content_cart">Your Basket</span></h2> </div> </div> <span class="customSectionRight"></span> </div> </div> <div id="collapsiblePanel_secondary_content_cart" class="content_element collapsible_element" > <div class="content "> <p class="empty_cart_message">Your Basket is Empty</p> <div class="clear"></div> </div> </div> </section> <section class="secondary_content collapsible " id="secondary_content_countdown" > <input type="checkbox" tabindex="-1" class="collapsibleDummyCheckbox" checked aria-hidden="true"/> <h2 class="hidden fallback_main_title accessibility-visually-hidden">Limited Access</h2> <div class="content_title collapsible_header"> <div class="title ignoreAccessibilityTitle flex_title"> <div class="collapsibleLabel"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">Limited Access</span></h2> <h2 class="collapsible_title hidden"><span class="main_title add_keyboard_support" role="button" tabindex="0" aria-expanded="true" aria-controls="collapsiblePanel_secondary_content_countdown">Limited Access</span></h2> </div> </div> <span class="customSectionRight"></span> </div> </div> <div id="collapsiblePanel_secondary_content_countdown" class="content_element collapsible_element" > <div class="content "> <div id="content_countdown" role="timer" aria-live="polite" aria-atomic="true"> <div class="icon_container"> <span class="icon"></span><span class="symbol"></span> </div> <p class="text semantic-no-styling"> <span class="countdown_box"> <span class="wrCountdownMsg">You have <span class="countdown_seconds"> </span> to complete your order</span> <span class="countdownMsg">You have <span class="countdown_seconds"> </span> to complete your order.</span> </span> </p> <div class="clear"></div> <script type="text/javascript"> $(function() { tools.countdown.setConfig({ hours : 'hours', minutes : 'minutes', seconds : 'seconds', and : 'and', countdownSeconds : 899, isWRCountdown : true, isCartEmpty: true, hasQueue: false }); tools.countdown.startCountdown(); }); </script> </div> <div class="clear"></div> </div> </div> </section> <section class="secondary_content collapsible alternative_content independent_with_footer" id="secondary_content_special_offer" > <input type="checkbox" tabindex="-1" class="collapsibleDummyCheckbox" checked aria-hidden="true"/> <h2 class="hidden fallback_main_title accessibility-visually-hidden">Promotional Code</h2> <div class="content_title collapsible_header"> <div class="title ignoreAccessibilityTitle flex_title"> <div class="collapsibleLabel"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">Promotional Code</span></h2> <h2 class="collapsible_title hidden"><span class="main_title add_keyboard_support" role="button" tabindex="0" aria-expanded="true" aria-controls="collapsiblePanel_secondary_content_special_offer">Promotional Code</span></h2> </div> </div> <span class="customSectionRight"></span> </div> </div> <div id="collapsiblePanel_secondary_content_special_offer" class="content_element collapsible_element" > <div class="content "> <p><label for="promo_code_input">If you have a promotional code, please enter it here:</label></p> <form action="/list/partnerAdvantage" method="GET" id="specialOfferForm"> <input id="promo_code_input" maxlength="20" type="text" name="code" placeholder="Enter Code Here"/> <span class="button" ><a aria-label="OK Control" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">OK</span></a> </span> </form> <div class="clear"></div> </div> </div> </section> <section class="secondary_content collapsible alternative_content" id="secondary_content_payment_modes" > <input type="checkbox" tabindex="-1" class="collapsibleDummyCheckbox" checked aria-hidden="true"/> <h2 class="hidden fallback_main_title accessibility-visually-hidden">Payment Method</h2> <div class="content_title collapsible_header"> <div class="title ignoreAccessibilityTitle flex_title"> <div class="collapsibleLabel"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">Payment Method</span></h2> <h2 class="collapsible_title hidden"><span class="main_title add_keyboard_support" role="button" tabindex="0" aria-expanded="true" aria-controls="collapsiblePanel_secondary_content_payment_modes">Payment Method</span></h2> </div> </div> <span class="customSectionRight"></span> </div> </div> <div id="collapsiblePanel_secondary_content_payment_modes" class="content_element collapsible_element" > <div class="content "> <p> We accept the following payment types and guarantee that your Internet transactions are safe: </p> <ul> <li class="amex"> <img class="payment_method" src="/resources/images/creditcard/AMEX.png" data-alternative='/custom/images/creditcard/AMEX.png' onerror="this.onerror=null;functions.handleFallbackImage(this, this.getAttribute('data-alternative').split(/,/))" alt="American Express" title="American Express" /> <span> American Express, </span></li> <li class="mastercard"> <img class="payment_method" src="/resources/images/creditcard/MASTERCARD.png" data-alternative='/custom/images/creditcard/MASTERCARD.png' onerror="this.onerror=null;functions.handleFallbackImage(this, this.getAttribute('data-alternative').split(/,/))" alt="Mastercard" title="Mastercard" /> <span> Mastercard, </span></li> <li class="visa"> <img class="payment_method" src="/resources/images/creditcard/VISA.png" data-alternative='/custom/images/creditcard/VISA.png' onerror="this.onerror=null;functions.handleFallbackImage(this, this.getAttribute('data-alternative').split(/,/))" alt="Visa" title="Visa" /> <span> Visa, </span></li> <li class="bottomline"> <img class="payment_method" src="/resources/images/creditcard/BOTTOMLINE.png" data-alternative='/custom/images/creditcard/BOTTOMLINE.png' onerror="this.onerror=null;functions.handleFallbackImage(this, this.getAttribute('data-alternative').split(/,/))" alt="Bottomline" title="Bottomline" /> <span> Bottomline </span></li> </ul> <p class="payment_partners_msg"> </p> <div class="clear"></div> </div> </div> </section> <section class="secondary_content collapsible alternative_content independent_with_footer" id="secondary_content_general_info" > <input type="checkbox" tabindex="-1" class="collapsibleDummyCheckbox" checked aria-hidden="true"/> <h2 class="hidden fallback_main_title accessibility-visually-hidden">Important Information</h2> <div class="content_title collapsible_header"> <div class="title ignoreAccessibilityTitle flex_title"> <div class="collapsibleLabel"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">Important Information</span></h2> <h2 class="collapsible_title hidden"><span class="main_title add_keyboard_support" role="button" tabindex="0" aria-expanded="true" aria-controls="collapsiblePanel_secondary_content_general_info">Important Information</span></h2> </div> </div> <span class="customSectionRight"></span> </div> </div> <div id="collapsiblePanel_secondary_content_general_info" class="content_element collapsible_element" > <div class="content "> <ul> <li><a href="https://www.kiaoval.com/ticket-terms-and-conditions/" target="_blank" class="iframe">Ticket Terms and Conditions</a></li> </ul> <div class="clear"></div> </div> </div> </section> <script type="text/javascript"> $(function () { audSubCatVerification.init({ lblNote : 'You must be a member to access this rate. You will be asked to supply your membership details later.', lblErrInvalidCard : 'The card is invalid. Please check your card number \/ PIN then try again.', lblErrAreadyUsedCard : 'This number is already in use.', lblErrNotEnoughCards : 'Please enter {0} valid member card(s) or select another rate.' }); }); </script> <section class="secondary_content collapsible alternative_content hidden" id="external_membership_secondary_content" > <input type="checkbox" tabindex="-1" class="collapsibleDummyCheckbox" checked aria-hidden="true"/> <h2 class="hidden fallback_main_title accessibility-visually-hidden">Membership</h2> <div class="content_title collapsible_header"> <div class="title ignoreAccessibilityTitle flex_title"> <div class="collapsibleLabel"> <div class="title_container"> <h2 class="not_collapsible_title"><span class="main_title">Membership</span></h2> <h2 class="collapsible_title hidden"><span class="main_title add_keyboard_support" role="button" tabindex="0" aria-expanded="true" aria-controls="collapsiblePanel_external_membership_secondary_content">Membership</span></h2> </div> </div> <span class="customSectionRight"></span> </div> </div> <div id="collapsiblePanel_external_membership_secondary_content" class="content_element collapsible_element" > <div class="content "> <div class="clear"></div> </div> </div> </section> <span id="tpl_external_membership" class="hidden"><tr class="external_membership"> <td></td> <td></td> </tr></span> </div> <div class="clear"></div> </div> </div> <script type="text/javascript"> $(document).ready(function() { tools.countdown.computeSessionCountdown(); }); </script> <footer> <div class="isolated-container"> <iframe src="/api/1/resources/custom/en/footer.html" class="isolated-iframe" id="isolated_footer_iframe"></iframe> </div> <script> util.dom.initIsolated($("#isolated_footer_iframe"), "footer"); </script> </footer> </div> </div> <div class="dialog-content" id="plAvailabilityErrorDialog" title="Error"> Unfortunately, the item you have selected is no longer available. </div> <div class="dialog-content" id="expirationExtendDialog"> <section class="message warning "> <p class="semantic-no-styling title"> Warning </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" tabindex="0"> <span class="countdown_box"> <span> Your session will expire in <span class="session_countdown_seconds"> </span> </span> </span> </p> </div> </section> <div class="buttons_container"> <span class="alternative_button" ><a id="cancel" href="/account/logout" role="button" aria-disabled=""><span class="icon"></span><span class="symbol"></span><span class="text">< Cancel</span></a> </span> <span class="button" ><a id="extend" onClick="javascript:tools.countdown.reload(); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Stay Connected</span></a> </span> </div> </div> <div class="dialog-content" id="sessionUserExpiredDialog"> <section class="message warning "> <p class="semantic-no-styling title"> Warning </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling"> Unfortunately your session has expired. Please reload the page to continue. </p> </div> </section> <div class="buttons_container single_button"> <span class="button" ><a id="reload_page" onClick="location.reload(); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Reload</span></a> </span> </div> </div> <div class="dialog-content" id="expirationDialog"> <section class="message warning "> <p class="semantic-no-styling title"> Warning </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Your basket has now expired and your order has been cancelled. </p> </div> </section> <div class="buttons_container single_button"> <span class="button" ><a id="restart" href="https://tickets.surreycricket.com/" role="button" aria-disabled=""><span class="icon"></span><span class="text">Start Again</span></a> </span> </div> </div> <div class="dialog-content" id="ticketDistributionProcssingDialog"> <p>Tickets distribution is being processed. The page will automatically reload when the distribution is completed.</p> <span class="please_wait"><span class="text">Please wait...</span></span> </div> <div class="dialog-content" id="timeoutWRExpirationDialog" title="Your time has expired"> <p>The time allowed for placing an order has expired. You will be redirected to the waiting room.</p> <span class="please_wait"><span class="text">Please wait...</span></span> <div class="buttons_container single_button" id="buttonExpiration" style="display:none"> <span class="button" ><a href="https://tickets.surreycricket.com/" role="button" aria-disabled=""><span class="icon"></span><span class="text">Continue</span></a> </span> </div> </div> <div class="dialog-content" id="requestProcessingDialog"> <p>Your request is being processed.</p> <span class="please_wait"><span class="text">Please wait...</span></span> </div> <div class="dialog-content" id="ajaxErrorDialog" title="Error"> Unfortunately, we are unable to process your request at the moment. We apologize for the inconvenience. Please try again later. </div> <div class="dialog-content" id="unsupportedBrowserPrinterCheck" title="Warning"> Please use Acrobat Reader to print the ticket. <div class="buttons_container single_button"> <span class="button" ><a onClick="javascript:tools.dialog.hideDialog('unsupportedBrowserPrinterCheck'); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Yes</span></a> </span> </div> </div> <div class="dialog-content" id="ajaxErrorDialogReload" title="Error"> <p>Unfortunately, we are unable to process your request at the moment. We apologize for the inconvenience. Please try again later or refresh the page.</p> <div class="buttons_container single_button"> <span class="button" ><a onClick="window.location.reload();return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Reload</span></a> </span> </div> </div> <div class="dialog-content" id="ajaxErrorDialogContinueShopping" title="Error"> <p>Unfortunately, we are unable to process your request at the moment. We apologize for the inconvenience. Please try again later.</p> <div class="buttons_container single_button"> <span class="button" ><a href="https://tickets.surreycricket.com/" role="button" aria-disabled=""><span class="icon"></span><span class="text">Continue Shopping</span></a> </span> </div> </div> <div class="dialog-content" id="sessionExpiredDialog" title="Your session has expired"> <p>Your session has expired because of inactivity. We apologise for the inconvenience.</p> <div class="buttons_container single_button"> <span class="button" ><a onClick="window.location.reload();return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Reload</span></a> </span> </div> </div> <div class="dialog-content" id="sessionExpiredWhileGeneratingTicketDialog" title="Your session has expired"> <p>Your session has expired because of inactivity so your ticket could not be generated. Please reload the page and log in again.</p> <div class="buttons_container single_button"> <span class="button" ><a onClick="window.location.reload();return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Reload</span></a> </span> </div> </div> <div class="dialog-content" id="concurrencyDialog" title="Error"> <p>You may only modify your order from one tab or window at a time.</p> <div class="buttons_container single_button"> <span class="button" ><a onClick="window.location.reload();return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Reload</span></a> </span> </div> </div> <div class="dialog-content" id="removeMainOwnerTicketError" title="Error"> <p>Unfortunately, you cannot delete a ticket that contains the Main Owner.</p> <div class="buttons_container single_button"> <span class="button" ><a onClick="javascript:tools.dialog.hideDialog('removeMainOwnerTicketError'); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Continue</span></a> </span> </div> </div> <div class="dialog-content" id="loadingDialog"> <p>Loading</p> <span class="please_wait"><span class="text">Please wait...</span></span> </div> <div class="dialog-content dialog-content-wrap" id="tooManyRequestTickets" title="Request limitation"> <section class="message error "> <p class="semantic-no-styling title"> Unfortunately there has been an error </p> <div class="content" role="alert" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> <span class="message-content">The maximal number of tickets for this order has been exceeded.</span> </p> </div> </section> <div class="buttons_container"> <span class="alternative_button back" ><a id="cancel_request_btn" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="symbol"></span><span class="text">Cancel</span></a> </span> <span class="button" ><a id="edit_request_btn" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Edit request</span></a> </span> </div> </div> <div class="dialog-content" id="dialogAvailabilityError"> <section class="message error "> <p class="semantic-no-styling title"> Unfortunately there has been an error </p> <div class="content" role="alert" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Unfortunately, the item you have selected is no longer available. </p> </div> </section> <div class="buttons_container single_button"> <span class="button" ><a href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Edit request</span></a> </span> </div> </div> <div class="dialog-content" id="invalidRequestedQuantityError"> <section class="message error "> <p class="semantic-no-styling title"> Unfortunately there has been an error </p> <div class="content" role="alert" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Your requests are not valid. Please edit the number of tickets you wish to purchase. </p> </div> </section> <div class="buttons_container single_button"> <span class="button" ><a href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Edit request</span></a> </span> </div> </div> <div class="dialog-content" id="quotaDistributionLimitExceededError" title="Request limitation"> <section class="message warning "> <p class="semantic-no-styling title"> Warning </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Unfortunately, you cannot distribute this file because the limit has been reached. Please edit your quota distribution in order to continue. </p> </div> </section> <div class="buttons_container"> <span class="alternative_button back" ><a id="cancel_request_btn_distribution_limit_error" onClick="tools.dialog.hideDialog('quotaDistributionLimitExceededError'); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="symbol"></span><span class="text">Cancel</span></a> </span> </div> </div> <div class="dialog-content" id="quotaDistributionMisconfiguredError"> <section class="message warning "> <p class="semantic-no-styling title"> Warning </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Configuration for quota distribution is not correct. Please check with your administrator. </p> </div> </section> <div class="buttons_container single_button"> <span class="button" ><a onClick="javascript:tools.dialog.hideDialog('quotaDistributionMisconfiguredError'); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Close</span></a> </span> </div> </div> <div class="dialog-content" id="cancel_file_request_popup" title="Cancel request"> <section class="message warning "> <p class="semantic-no-styling title"> Warning </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p>You did not submit any tickets for this order. Please confirm that you want to cancel the order?</p> </div> </section> <div class="buttons_container"> <span class="button cancel" ><a onClick="tools.dialog.hideDialog('cancel_file_request_popup', true); return false;" href="#noCancel" role="button" aria-disabled=""><span class="icon"></span><span class="text">Cancel</span></a> </span> <span class="button submit" ><a onClick="optionReview.submitForm('/checkout/redirect'); return false;" href="#cancel" role="button" aria-disabled=""><span class="icon"></span><span class="text">OK</span></a> </span> </div> </div> <div class="dialog-content" id="unsupportedBrowserTicketDialog" title="Error"> We are sorry but your browser is not supported by printing tickets. Please try again after changing browser. </div> <div class="dialog-content" id="transferSeatCatMisconfiguredError"> <section class="message warning "> <p class="semantic-no-styling title"> Warning </p> <div class="content" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> Configuration for change seat category is not correct. Please check with your administrator. </p> </div> </section> <div class="buttons_container single_button"> <span class="button" ><a onClick="javascript:tools.dialog.hideDialog('transferSeatCatMisconfiguredError'); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">Close</span></a> </span> </div> </div> <div class="dialog-content" id="orderNotCompleted" title="Error"> <section class="message error "> <p class="semantic-no-styling title"> Unfortunately there has been an error </p> <div class="content" role="alert" > <div class="icon" aria-hidden="true"></div> <p class="semantic-no-styling" aria-live="polite" aria-atomic="true"> You can only purchase this product once the order is closed successfully. </p> </div> </section> <div class="buttons_container single_button"> <span class="button" ><a onClick="javascript:tools.dialog.hideDialog('orderNotCompleted'); return false;" href="#" role="button" aria-disabled=""><span class="icon"></span><span class="text">OK</span></a> </span> </div> </div> <script type="text/javascript"> $('#main_content_file_summary .file_info_right .print.file > a[href!=""],' + '.print_button_container_for_expand_panel > span[class*=button].mticket > a[href!=""],' + '.print_button_container_for_expand_panel > span[class*=button].eticket > a[href!=""]').click(function(e) { e.preventDefault(); tools.checkUnsupportedBrowserPrinter(function () { var href = e.currentTarget.getAttribute('href'); if (href && href !== '#') { window.open(href, target='_blank'); } }); }); </script> <script type="text/javascript" src="/custom/custom.js"></script> <div class="hidden" id="custom_tags"> </div> <div id="toastMessage"></div> </body> </html>