CINXE.COM

<!DOCTYPE html> <html lang="en-GB"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-157291055-5"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-1064018-1"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-6JWTY89Q02"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-1064018-1'); gtag('config', 'UA-157291055-5'); gtag('config', 'G-6JWTY89Q02'); </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name="copyright" content="©2018 TopFoto"> <meta name="keywords" content="TopFoto, the image works, images, gallery"> <meta name="robots" content="all,follow"> <link rel="canonical" href="https://www.topfoto.co.uk/about-us/" /> <meta name="description" content="License Historical images | Editorial Press Photography | Stock Photos | Vintage | Heritage | Illustrations & Cartoons"> <meta property="og:title" content="Topfoto Image Archive" /> <meta property="og:description" content="License Historical images | Editorial Press Photography | Stock Photos | Vintage | Heritage | Illustrations & Cartoons" /> <meta property="og:url" content="https://www.topfoto.co.uk/" /> <meta property="og:type" content="Website" /> <meta property="og:image" content="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/topFoto1.png" /> <link rel="apple-touch-icon" sizes="57x57" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/favicon-16x16.png"> <link rel="manifest" href="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.topfoto.co.uk/wp-content/themes/capture_web-topFoto/img/icons/ms-icon-144x144.png"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>About us - Topfoto Image Archive</title> <meta name="description" content="Founded in 1927 by John Topham. TopFoto licenses images from an archive of millions of original negatives and hardcopy prints." /> <link rel="canonical" href="https://www.topfoto.co.uk/about-us/" /> <meta name="twitter:label1" content="Estimated reading time" /> <meta name="twitter:data1" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.topfoto.co.uk/about-us/","url":"https://www.topfoto.co.uk/about-us/","name":"About us - Topfoto Image Archive","isPartOf":{"@id":"https://www.topfoto.co.uk/#website"},"datePublished":"2019-04-30T09:36:44+00:00","dateModified":"2024-08-09T09:18:31+00:00","description":"Founded in 1927 by John Topham. TopFoto licenses images from an archive of millions of original negatives and hardcopy prints.","breadcrumb":{"@id":"https://www.topfoto.co.uk/about-us/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.topfoto.co.uk/about-us/"]}]},{"@type":"BreadcrumbList","@id":"https://www.topfoto.co.uk/about-us/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.topfoto.co.uk/"},{"@type":"ListItem","position":2,"name":"About us"}]},{"@type":"WebSite","@id":"https://www.topfoto.co.uk/#website","url":"https://www.topfoto.co.uk/","name":"TopFoto","description":"License Historical images | Editorial Press Photography | Stock Photos | Vintage | Heritage | Illustrations & Cartoons","publisher":{"@id":"https://www.topfoto.co.uk/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.topfoto.co.uk/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https://www.topfoto.co.uk/#organization","name":"TopFoto","url":"https://www.topfoto.co.uk/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.topfoto.co.uk/#/schema/logo/image/","url":"https://www.topfoto.co.uk/wp-content/uploads/2019/10/topfotologored.png","contentUrl":"https://www.topfoto.co.uk/wp-content/uploads/2019/10/topfotologored.png","width":119,"height":50,"caption":"TopFoto"},"image":{"@id":"https://www.topfoto.co.uk/#/schema/logo/image/"}}]}</script>  <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel="alternate" type="application/rss+xml" title="Topfoto Image Archive » Feed" href="https://www.topfoto.co.uk/feed/" /> <link rel="alternate" type="application/rss+xml" title="Topfoto Image Archive » Comments Feed" href="https://www.topfoto.co.uk/comments/feed/" /> <link rel='stylesheet' id='fa_styles-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='cwauth-style-group-css' href='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/wp-oauth/wp-oauth.css,wp-content/themes/capture_web-topFoto/css/style.css,wp-includes/css/dist/block-library/style.min.css,wp-content/mu-plugins/capture-core/css/izi/iziToast.min.css,wp-content/mu-plugins/capture-core/css/izi/iziModal.min.css,wp-content/plugins/contact-form-7/includes/css/styles.css,wp-content/plugins/siteorigin-panels/css/front-flex.min.css,wp-content/uploads/siteorigin-widgets/sow-social-media-buttons-flat-8dd61119fe04.css,wp-content/uploads/siteorigin-widgets/sow-image-default-c67d20f9f743-200.css,wp-content/plugins/wp-knowledgebase/template-legacy/kbe_style.css&ver=1733309902' type='text/css' media='all' /> <style id='contact-form-7-inline-css' type='text/css'> .wpcf7 .wpcf7-recaptcha iframe {margin-bottom: 0;}.wpcf7 .wpcf7-recaptcha[data-align="center"] > div {margin: 0 auto;}.wpcf7 .wpcf7-recaptcha[data-align="right"] > div {margin: 0 0 0 auto;} </style> <script type="text/javascript" src="https://www.topfoto.co.uk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.topfoto.co.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type='text/javascript' src='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/wp-oauth/wp-oauth.js,wp-content/mu-plugins/capture-core/js/vendor/jsrender.min.js,wp-content/mu-plugins/capture-core/js/vendor/packery.min.js,wp-content/mu-plugins/capture-core/js/vendor/infinite-scroll.min.js,wp-content/mu-plugins/capture-core/js/vendor/jquery.mousewheel.js,wp-content/mu-plugins/capture-core/js/vendor/cookie.js,wp-content/mu-plugins/capture-core/js/vendor/touchswipe.min.js,wp-content/mu-plugins/capture-core/js/vendor/uppy-1.31.1.min.js,wp-content/mu-plugins/capture-core/js/vendor/vex.min.js,wp-content/mu-plugins/capture-core/js/vendor/iziToast.min.js&ver=1733309902'></script> <script type="text/javascript" src="https://www.topfoto.co.uk/wp-content/mu-plugins/capture-core/js/vendor/dropzone.js?ver=1" id="dropzone-js"></script> <script type="text/javascript" id="cwauth-cvars-js-extra"> /* <![CDATA[ */ var cwauth_cvars = {"ajaxurl":"https:\/\/www.topfoto.co.uk\/wp-admin\/admin-ajax.php","template_directory":"https:\/\/www.topfoto.co.uk\/wp-content\/themes\/capture_web_theme_2","stylesheet_directory":"https:\/\/www.topfoto.co.uk\/wp-content\/themes\/capture_web-topFoto\/css","plugins_url":"https:\/\/www.topfoto.co.uk\/wp-content\/plugins","plugin_dir_url":"https:\/\/www.topfoto.co.uk\/wp-content\/plugins\/wp-oauth\/","url":"https:\/\/www.topfoto.co.uk","login_message":"","logged_in":""}; /* ]]> */ </script> <script type='text/javascript' src='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/mu-plugins/capture-core/js/vendor/iziModal.min.js,wp-content/plugins/wp-oauth/cvars.js&ver=1733309902'></script> <link rel="https://api.w.org/" href="https://www.topfoto.co.uk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.topfoto.co.uk/wp-json/wp/v2/pages/200" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.topfoto.co.uk/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.topfoto.co.uk/?p=200' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.topfoto.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.topfoto.co.uk%2Fabout-us%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.topfoto.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.topfoto.co.uk%2Fabout-us%2F&format=xml" /> <script id="navBasketBox" type="text/x-jsrender"> <div class="basketPanelNav navSideItem"> <div class="contentBlock"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner"> <div class="sidebarSubTitle"> <h3>Default Basket</h3> </div> <div class="currentBasket"> </div> <div class="addNewBasket"> <a href="#" class="primary-button" id="addNewBasket">Add new</a> </div> <p class="hide loginForMoreMessageBasket">Please <a href="https://www.topfoto.co.uk/login/" class="textLink02">sign in</a>/<a href="https://www.topfoto.co.uk/register/" class="textLink02">register</a> to add a cart</p> <div class="sidebarSubTitle saved"> <h3>Saved Baskets</h3> </div> <div class="savedBaskets"> </div> </div> </div> </div> </div> </div> </script> <script id="basketSidebar" type="text/x-jsrender"> <div class="basketPanelSidebar"> <div class="contentBlock"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner"> <div class="sidebarSubTitle"> <h3>Default Basket</h3> </div> <div class="currentBasket"> </div> <div class="addNewBasket"> <a href="#" class="primary-button" id="addNewBasket">Add new</a> </div> <div class="sidebarSubTitle"> <h3>Saved Baskets</h3> </div> <div class="savedBaskets"> </div> </div> </div> </div> </div> </div> </script><script type="text/javascript"> var ajaxurl = "https://www.topfoto.co.uk/wp-admin/admin-ajax.php"; </script><script type="text/javascript"> (function(url){ if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } var addEvent = function(evt, handler) { if (window.addEventListener) { document.addEventListener(evt, handler, false); } else if (window.attachEvent) { document.attachEvent('on' + evt, handler); } }; var removeEvent = function(evt, handler) { if (window.removeEventListener) { document.removeEventListener(evt, handler, false); } else if (window.detachEvent) { document.detachEvent('on' + evt, handler); } }; var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); var logHuman = function() { if (window.wfLogHumanRan) { return; } window.wfLogHumanRan = true; var wfscr = document.createElement('script'); wfscr.type = 'text/javascript'; wfscr.async = true; wfscr.src = url + '&r=' + Math.random(); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); for (var i = 0; i < evts.length; i++) { removeEvent(evts[i], logHuman); } }; for (var i = 0; i < evts.length; i++) { addEvent(evts[i], logHuman); } })('//www.topfoto.co.uk/?wordfence_lh=1&hid=1AD078B9F7AC94253BDE8F424B8D48F7'); </script><style media="all" id="siteorigin-panels-layouts-head">/* Layout 200 */ #pgc-200-0-0 , #pgc-200-2-0 , #pgc-200-4-0 , #pgc-200-6-0 , #pgc-200-7-0 , #pgc-200-11-0 { width:100% } #pg-200-0 , #pg-200-1 , #pg-200-2 , #pg-200-3 , #pg-200-4 , #pg-200-5 , #pg-200-6 , #pg-200-7 , #pg-200-8 , #pg-200-9 , #pg-200-10 , #pl-200 .so-panel , #pl-200 .so-panel:last-of-type { margin-bottom:0px } #pgc-200-1-0 { width:9.9541% } #pgc-200-1-1 { width:29.9541% } #pgc-200-1-2 { width:50.0459% } #pgc-200-1-3 { width:10.0459% } #pgc-200-3-0 , #pgc-200-3-3 , #pgc-200-5-0 , #pgc-200-5-3 { width:10% } #pgc-200-3-1 , #pgc-200-5-2 { width:50% } #pgc-200-3-2 , #pgc-200-5-1 { width:30% } #pgc-200-8-0 , #pgc-200-8-6 , #pgc-200-9-0 , #pgc-200-9-6 , #pgc-200-10-0 , #pgc-200-10-6 { width:15% } #pgc-200-8-1 , #pgc-200-8-3 , #pgc-200-8-5 , #pgc-200-9-1 , #pgc-200-9-3 , #pgc-200-9-5 , #pgc-200-10-1 , #pgc-200-10-3 , #pgc-200-10-5 { width:20% } #pgc-200-8-2 , #pgc-200-8-4 , #pgc-200-9-2 , #pgc-200-9-4 , #pgc-200-10-2 , #pgc-200-10-4 { width:5% } #pg-200-0> .panel-row-style , #pg-200-7> .panel-row-style , #pg-200-11> .panel-row-style { padding:5px 5px 5px 5px } #pg-200-0.panel-has-style > .panel-row-style, #pg-200-0.panel-no-style , #pg-200-1.panel-has-style > .panel-row-style, #pg-200-1.panel-no-style , #pg-200-2.panel-has-style > .panel-row-style, #pg-200-2.panel-no-style , #pg-200-3.panel-has-style > .panel-row-style, #pg-200-3.panel-no-style , #pg-200-4.panel-has-style > .panel-row-style, #pg-200-4.panel-no-style , #pg-200-5.panel-has-style > .panel-row-style, #pg-200-5.panel-no-style , #pg-200-6.panel-has-style > .panel-row-style, #pg-200-6.panel-no-style , #pg-200-7.panel-has-style > .panel-row-style, #pg-200-7.panel-no-style , #pg-200-8.panel-has-style > .panel-row-style, #pg-200-8.panel-no-style , #pg-200-9.panel-has-style > .panel-row-style, #pg-200-9.panel-no-style , #pg-200-10.panel-has-style > .panel-row-style, #pg-200-10.panel-no-style , #pg-200-11.panel-has-style > .panel-row-style, #pg-200-11.panel-no-style { -webkit-align-items:flex-start;align-items:flex-start } @media (max-width:780px){ #pg-200-0.panel-no-style, #pg-200-0.panel-has-style > .panel-row-style, #pg-200-0 , #pg-200-1.panel-no-style, #pg-200-1.panel-has-style > .panel-row-style, #pg-200-1 , #pg-200-2.panel-no-style, #pg-200-2.panel-has-style > .panel-row-style, #pg-200-2 , #pg-200-3.panel-no-style, #pg-200-3.panel-has-style > .panel-row-style, #pg-200-3 , #pg-200-4.panel-no-style, #pg-200-4.panel-has-style > .panel-row-style, #pg-200-4 , #pg-200-5.panel-no-style, #pg-200-5.panel-has-style > .panel-row-style, #pg-200-5 , #pg-200-6.panel-no-style, #pg-200-6.panel-has-style > .panel-row-style, #pg-200-6 , #pg-200-7.panel-no-style, #pg-200-7.panel-has-style > .panel-row-style, #pg-200-7 , #pg-200-8.panel-no-style, #pg-200-8.panel-has-style > .panel-row-style, #pg-200-8 , #pg-200-9.panel-no-style, #pg-200-9.panel-has-style > .panel-row-style, #pg-200-9 , #pg-200-10.panel-no-style, #pg-200-10.panel-has-style > .panel-row-style, #pg-200-10 , #pg-200-11.panel-no-style, #pg-200-11.panel-has-style > .panel-row-style, #pg-200-11 { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-200-0 > .panel-grid-cell , #pg-200-0 > .panel-row-style > .panel-grid-cell , #pg-200-1 > .panel-grid-cell , #pg-200-1 > .panel-row-style > .panel-grid-cell , #pg-200-2 > .panel-grid-cell , #pg-200-2 > .panel-row-style > .panel-grid-cell , #pg-200-3 > .panel-grid-cell , #pg-200-3 > .panel-row-style > .panel-grid-cell , #pg-200-4 > .panel-grid-cell , #pg-200-4 > .panel-row-style > .panel-grid-cell , #pg-200-5 > .panel-grid-cell , #pg-200-5 > .panel-row-style > .panel-grid-cell , #pg-200-6 > .panel-grid-cell , #pg-200-6 > .panel-row-style > .panel-grid-cell , #pg-200-7 > .panel-grid-cell , #pg-200-7 > .panel-row-style > .panel-grid-cell , #pg-200-8 > .panel-grid-cell , #pg-200-8 > .panel-row-style > .panel-grid-cell , #pg-200-9 > .panel-grid-cell , #pg-200-9 > .panel-row-style > .panel-grid-cell , #pg-200-10 > .panel-grid-cell , #pg-200-10 > .panel-row-style > .panel-grid-cell , #pg-200-11 > .panel-grid-cell , #pg-200-11 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pgc-200-1-0 , #pgc-200-1-1 , #pgc-200-1-2 , #pgc-200-3-0 , #pgc-200-3-1 , #pgc-200-3-2 , #pgc-200-5-0 , #pgc-200-5-1 , #pgc-200-5-2 , #pgc-200-8-0 , #pgc-200-8-1 , #pgc-200-8-2 , #pgc-200-8-3 , #pgc-200-8-4 , #pgc-200-8-5 , #pgc-200-9-0 , #pgc-200-9-1 , #pgc-200-9-2 , #pgc-200-9-3 , #pgc-200-9-4 , #pgc-200-9-5 , #pgc-200-10-0 , #pgc-200-10-1 , #pgc-200-10-2 , #pgc-200-10-3 , #pgc-200-10-4 , #pgc-200-10-5 , #pl-200 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } #pl-200 .panel-grid-cell { padding:0 } #pl-200 .panel-grid .panel-grid-cell-empty { display:none } } </style> </head> <body class="page-template-default page page-id-200 wp-custom-logo siteorigin-panels siteorigin-panels-before-js no-sidebar"> <div id="page" class="site"> <noscript> <div class="JSWarning"> <div class="JSWarningInner"> <p>For full functionality of this site it is necessary to enable JavaScript. Here are the <a href="http://activatejavascript.org" target="_blank"> instructions how to enable JavaScript in your web browser</a>.</p> </div> </div> </noscript> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header id="masthead" class="site-header"> <div class="siteHeaderWrapper row"> <form class="hide"> <input type="hidden" id="cooURL" value="https://www.topfoto.co.uk/api" /> <input type="hidden" id="uIP" value="8.222.208.146" /> <input type="hidden" id="lang_code" value="" /> <input type="hidden" id="currentSearchTerm" value="" /> <input type="hidden" id="stat" value="" data-logged="false" /> </form> <div class="site-branding col col-6"> <div class="corporateLogo"> <a href="https://www.topfoto.co.uk" class="logoHomeLink"> <noscript><img src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Topfoto-Logotype-Ink-Rgb-300px-W-72ppi-copy.png" alt="Company Logo" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Topfoto-Logotype-Ink-Rgb-300px-W-72ppi-copy.png" alt="Company Logo" /> <span class="screen-reader-hide">Home</span> </a> </div> </div> <nav id="site-navigation" class="main-navigation col col-6"> <div class="headerIcons"> <a href="#" class="headerLink lightbox openLightboxPanel" title="Lightbox"><div class="icon"><i class="fa fa-lightbulb-o" aria-hidden="true"></i><span class="screen-reader-hide">Lightbox</span></div></a> <a href="#" class="headerLink cart" id="cartBtn" title="Basket"><div class="icon"><i class="fa fa-shopping-cart"></i></div><div class="amountContainer"><span class="cartAmount">0</span></div></a> </div> <a href="#" class="navMenu"> <i class="fa fa-navicon" aria-hidden="true"></i> <span class="screen-reader-hide">Main menu</span> </a> <div class="menuContainer"> <div class="menuContainerInner"> <a href="#" class="closeMenu"> <i class="fa fa-close" aria-hidden="true"></i> <span class="screen-reader-hide">Close menu</span> </a> <div class="navItemDisplay"> <div class="mobile"> <a href="#" class="closeNavItemDisplay"> <i class="fa fa-chevron-right" aria-hidden="true"></i> <span class="screen-reader-hide">Close menu item</span> </a> </div> <div class="navItemDisplayInner" id="navDisplayArea"> <div class="navLogoWrapper"> <a href="https://www.topfoto.co.uk"> <noscript><img src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Topfoto-Primary-Logo-Gold-Rgb-600px-W-72ppi-copy.png" alt="Company Logo" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Topfoto-Primary-Logo-Gold-Rgb-600px-W-72ppi-copy.png" alt="Company Logo" /> <span class="screen-reader-hide">Home</span> </a> </div> </div> </div> <div class="navItems"> <div class="navItemsInner"> <div class="mobile"> <div class="navLogoWrapper"> <a href="https://www.topfoto.co.uk"> <noscript><img src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Topfoto-Primary-Logo-Gold-Rgb-600px-W-72ppi-copy.png" alt="Company Logo" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Topfoto-Primary-Logo-Gold-Rgb-600px-W-72ppi-copy.png" alt="Company Logo" /> <span class="screen-reader-hide">Home</span> </a> </div> </div> <ul class="menuToolsList" role="navigation"> <li><a href="#" class="toolbarLink search" id="searchBtn"><div class="icon"><i class="fa fa-search"></i></div>Search</a></li> <li><a href="/search/?type=latest/" class="toolbarLink searchLatest" id="searchLatest"><div class="icon"><i class="fa fa-arrow-circle-right"></i></div>Latest images</a></li> <li><a href="#" class="toolbarLink user" id="userLoginBtn"><div class="icon"><i class="fa fa-user"></i></div>Login / Register</a></li> <li><a href="https://www.topfoto.co.uk/groups/" class="toolbarLink groups" id="groupsBtn"><div class="icon"><i class="fa fa-object-group"></i></div>Curated</a></li> <li><a href="#" class="toolbarLink lightbox" id="lightboxBtn"><div class="icon"><i class="fa fa-lightbulb-o"></i></div>Lightbox</a></li> <li><a href="#" class="toolbarLink cart" id="cartLink"><div class="icon"><i class="fa fa-shopping-cart"></i></div>Basket</a></li> <li><a href="/help/" class="toolbarLink helpMenu"><div class="icon"><i class="fa fa-question"></i></div>Help</a></li> <li><a href="/about-us/" class="toolbarLink"><div class="icon"><i class="fa fa-info"></i></div>About us</a></li> <li><a href="/blog/" class="toolbarLink"><div class="icon"><i class="fa fa-file-text"></i></div>Blog</a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> <div class="header_placeholder"></div> <div class="pageSubHeader"> <div class="pageSubHeaderInner row"> <div class="pageSubHeaderSearch"> <form class="searchFormHeader form cdbs" id="searchFormHeader" novalidate="" action="https://www.topfoto.co.uk/search/"> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="searchQueryHeader" class="hide">Search:</label> <input type="text" name="searchQuery" id="searchQueryHeader" class="searchQueryHeader textbox" placeholder="Search"><button type="submit" class="iconButton SearchHomeButton inlineIconButton"><i class="fa fa-search" aria-hidden="true"></i><span class="screen-reader-hide">Search</span></button> <div class="response"></div> </div> </div> </form> </div> <div class="subHeaderTools"> <div class="searchFilters"> <a href="#" class="headerIconButton searchFilter" title="Search filters"><i class="fa fa-sliders" aria-hidden="true"></i><span class="screen-reader-hide">Search filters</span></a> </div> </div> </div> </div> <div class="pageSubHeader_placeholder"></div> <div id="content" class="site-content"> <div class="sidebar" id="sidebar"> <a href="#" class="closeSidebar" title="Close sidebar"><i class="fa fa-close" aria-hidden="true"></i><span class="screen-reader-hide">Search</span></a> <div class="content"></div> </div> <div id="primary" class="content-area"> <main id="main" class="site-main"> <article id="post-200" class="post-200 page type-page status-publish hentry"> <div class="entry-content"> <div id="pl-200" class="panel-layout" ><div id="pg-200-0" class="panel-grid panel-has-style" ><div class="panel-row-style panel-row-style-for-200-0" ><div id="pgc-200-0-0" class="panel-grid-cell" > <div class="sectionHeading underline"> <div class="sectionHeading-inner"> <h2>About Us</h2> </div> </div></div></div></div><div id="pg-200-1" class="panel-grid panel-no-style" ><div id="pgc-200-1-0" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-1-1" class="panel-grid-cell" ><div id="panel-200-1-1-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="1" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <img fetchpriority="high" decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Christine_ToTheArchives-768x641.png" width="359" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Christine_ToTheArchives-768x641.png 768w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Christine_ToTheArchives-300x250.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Christine_ToTheArchives-1024x854.png 1024w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Christine_ToTheArchives.png 1200w" sizes="(max-width: 359px) 100vw, 359px" alt="" class="so-widget-image"/> </div> </div></div></div><div id="pgc-200-1-2" class="panel-grid-cell panel-grid-cell-mobile-last" > <div class="copy"> <div class="copy-inner"> <p> </p> <p>Since 1927, Topfoto has been trusted to deliver authentic images, rich with the stories both in front of – and behind – the lens. In a world increasingly flooded with synthetic imagery we stand by our promise to celebrate the artistry and authenticity of photography.</p> </div> </div></div><div id="pgc-200-1-3" class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-200-2" class="panel-grid panel-no-style" ><div id="pgc-200-2-0" class="panel-grid-cell" > <div class="copy"> <div class="copy-inner"> <p> <br />  </p> </div> </div></div></div><div id="pg-200-3" class="panel-grid panel-no-style" ><div id="pgc-200-3-0" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-3-1" class="panel-grid-cell" > <div class="copy"> <div class="copy-inner"> <p>We help our clients to communicate with their audience more powerfully by licensing and supplying them with the images they need to bring their stories to life and we passionately believe that trusted, culturally significant imagery is the key to helping every business win audience attention and commitment. With Topfoto as your external visual team, you gain access to expertly curated exclusive images, and the commercial support to help you deliver your projects with greater flair, originality and resonance.</p> </div> </div></div><div id="pgc-200-3-2" class="panel-grid-cell panel-grid-cell-mobile-last" ><div id="panel-200-3-2-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="5" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-768x641.png" width="359" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-768x641.png 768w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-300x250.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-1024x854.png 1024w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales.png 1200w" sizes="(max-width: 359px) 100vw, 359px" title="Flora_Untold Tales" alt="" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20359%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-768x641.png" width="359" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-768x641.png 768w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-300x250.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales-1024x854.png 1024w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Flora_Untold-Tales.png 1200w" data-sizes="(max-width: 359px) 100vw, 359px" title="Flora_Untold Tales" alt="" class="lazyload so-widget-image"/> </div> </div></div></div><div id="pgc-200-3-3" class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-200-4" class="panel-grid panel-no-style" ><div id="pgc-200-4-0" class="panel-grid-cell" > <div class="copy"> <div class="copy-inner"> <p> <br />  </p> </div> </div></div></div><div id="pg-200-5" class="panel-grid panel-no-style" ><div id="pgc-200-5-0" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-5-1" class="panel-grid-cell" ><div id="panel-200-5-1-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="7" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-768x641.png" width="359" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-768x641.png 768w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-300x250.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-1024x854.png 1024w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast.png 1200w" sizes="(max-width: 359px) 100vw, 359px" alt="" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20359%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-768x641.png" width="359" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-768x641.png 768w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-300x250.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast-1024x854.png 1024w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/Andy_PreservingThePast.png 1200w" data-sizes="(max-width: 359px) 100vw, 359px" alt="" class="lazyload so-widget-image"/> </div> </div></div></div><div id="pgc-200-5-2" class="panel-grid-cell panel-grid-cell-mobile-last" > <div class="copy"> <div class="copy-inner"> <p>Topfoto is devoted to preserving and sharing culturally and historically significant imagery. Central to Topfoto’s distinction is our physical photographic archive, holding untold millions of images dating back to the 1840s. Some of the greatest photographers and <a href="https://www.topfoto.co.uk/collections/">collections</a> the world has ever known are found with us, either in our archive or through the global network of representation relationships we nurture.</p> </div> </div></div><div id="pgc-200-5-3" class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-200-6" class="panel-grid panel-no-style" ><div id="pgc-200-6-0" class="panel-grid-cell" > <div class="copy"> <div class="copy-inner"> <p> <br />  </p> </div> </div></div></div><div id="pg-200-7" class="panel-grid panel-has-style" ><div class="panel-row-style panel-row-style-for-200-7" ><div id="pgc-200-7-0" class="panel-grid-cell" > <div class="sectionHeading underline"> <div class="sectionHeading-inner"> <h2>Meet The Team</h2> </div> </div></div></div></div><div id="pg-200-8" class="panel-grid panel-no-style" ><div id="pgc-200-8-0" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-8-1" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-8-2" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-8-3" class="panel-grid-cell" ><div id="panel-200-8-3-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="11" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <a href="https://www.linkedin.com/in/floranedelcusmith/" > <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith-300x300.png" width="300" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith.png 600w" sizes="(max-width: 300px) 100vw, 300px" alt="Flora Smith - Managing Partner - Topfoto" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith-300x300.png" width="300" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/FloraSmith.png 600w" data-sizes="(max-width: 300px) 100vw, 300px" alt="Flora Smith - Managing Partner - Topfoto" class="lazyload so-widget-image"/> </a></div> </div></div></div><div id="pgc-200-8-4" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-8-5" class="panel-grid-cell panel-grid-cell-empty panel-grid-cell-mobile-last" ></div><div id="pgc-200-8-6" class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-200-9" class="panel-grid panel-no-style" ><div id="pgc-200-9-0" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-9-1" class="panel-grid-cell" ><div id="panel-200-9-1-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="12" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <a href="https://www.linkedin.com/in/andy-wright-51848046/" > <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright-300x300.png" width="300" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright.png 600w" sizes="(max-width: 300px) 100vw, 300px" alt="Andrew Wright - Production Manager - Topfoto" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright-300x300.png" width="300" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/AndyWright.png 600w" data-sizes="(max-width: 300px) 100vw, 300px" alt="Andrew Wright - Production Manager - Topfoto" class="lazyload so-widget-image"/> </a></div> </div></div></div><div id="pgc-200-9-2" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-9-3" class="panel-grid-cell" ><div id="panel-200-9-3-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="13" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <a href="mailto:requests@topfoto.co.uk" > <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1-300x300.png" width="300" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1.png 600w" sizes="(max-width: 300px) 100vw, 300px" title="ChristineKendrick" alt="Christine Kendrick - Senior Picture Researcher - Topfoto" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1-300x300.png" width="300" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/ChristineKendrick-1.png 600w" data-sizes="(max-width: 300px) 100vw, 300px" title="ChristineKendrick" alt="Christine Kendrick - Senior Picture Researcher - Topfoto" class="lazyload so-widget-image"/> </a></div> </div></div></div><div id="pgc-200-9-4" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-9-5" class="panel-grid-cell panel-grid-cell-mobile-last" ><div id="panel-200-9-5-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="14" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <a href="https://www.linkedin.com/in/johnbalean/" > <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean-300x300.png" width="300" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean.png 600w" sizes="(max-width: 300px) 100vw, 300px" alt="John Balean - Operations Manager - Topfoto" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean-300x300.png" width="300" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/JohnBalean.png 600w" data-sizes="(max-width: 300px) 100vw, 300px" alt="John Balean - Operations Manager - Topfoto" class="lazyload so-widget-image"/> </a></div> </div></div></div><div id="pgc-200-9-6" class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-200-10" class="panel-grid panel-no-style" ><div id="pgc-200-10-0" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-10-1" class="panel-grid-cell" ><div id="panel-200-10-1-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="15" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1-300x300.png" width="300" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1.png 600w" sizes="(max-width: 300px) 100vw, 300px" title="MillieMoore" alt="Millie Moore - Marketing & Licensing - Topfoto" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1-300x300.png" width="300" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/MillieMoore-1.png 600w" data-sizes="(max-width: 300px) 100vw, 300px" title="MillieMoore" alt="Millie Moore - Marketing & Licensing - Topfoto" class="lazyload so-widget-image"/> </div> </div></div></div><div id="pgc-200-10-2" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-10-3" class="panel-grid-cell" ><div id="panel-200-10-3-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="16" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <a href="https://www.linkedin.com/in/ioan-nedelcu/" > <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu-300x300.png" width="300" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu.png 600w" sizes="(max-width: 300px) 100vw, 300px" alt="Ioan Nedelcu - Rights & Licensing Manager - Topfoto" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu-300x300.png" width="300" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/IoanNedelcu.png 600w" data-sizes="(max-width: 300px) 100vw, 300px" alt="Ioan Nedelcu - Rights & Licensing Manager - Topfoto" class="lazyload so-widget-image"/> </a></div> </div></div></div><div id="pgc-200-10-4" class="panel-grid-cell panel-grid-cell-empty" ></div><div id="pgc-200-10-5" class="panel-grid-cell panel-grid-cell-mobile-last" ><div id="panel-200-10-5-0" class="so-panel widget widget_sow-image panel-first-child panel-last-child" data-index="17" ><div class="so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-200" > <div class="sow-image-container"> <a href="https://www.linkedin.com/in/louise-clarke-19a15414/" > <noscript><img decoding="async" src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke-300x300.png" width="300" height="300" srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke.png 600w" sizes="(max-width: 300px) 100vw, 300px" alt="Louise Clarke - Finance Manager - Topfoto" class="so-widget-image"/></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20300%22%3E%3C/svg%3E' data-src="https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke-300x300.png" width="300" height="300" data-srcset="https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke-300x300.png 300w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke-150x150.png 150w, https://www.topfoto.co.uk/wp-content/uploads/2024/04/LouiseClarke.png 600w" data-sizes="(max-width: 300px) 100vw, 300px" alt="Louise Clarke - Finance Manager - Topfoto" class="lazyload so-widget-image"/> </a></div> </div></div></div><div id="pgc-200-10-6" class="panel-grid-cell panel-grid-cell-empty" ></div></div><div id="pg-200-11" class="panel-grid panel-has-style" ><div class="panel-row-style panel-row-style-for-200-11" ><div id="pgc-200-11-0" class="panel-grid-cell" > <div class="copy"> <div class="copy-inner"> <p style="font-size: 0.8em">TopFoto is a trading name of Topham Partners LLP (a Limited Liability Partnership)<br /> call: +44 1732 863939 | Monday-Friday 0900-1800 GMT<br /> email: <a href="mailto:requests@topfoto.co.uk">requests@topfoto.co.uk</a><br /> Company number: OC342158<br /> VAT number: GB293723339<br /> Postal address: PO Box 33, Edenbridge, Kent, TN85PB, UK<br /> Registered office: Kempston, Mill Hill, Edenbridge, Kent, TN8 5DQ, UK</p> </div> </div></div></div></div></div> </div> </article> </main> </div> </div> <footer id="colophon" class="site-footer"> <div class="footerInner"> <div class="footerMain"> <div class="footerMainInner row"> <div class="col col-3"> <section id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-footer-menu-col1-container"><ul id="menu-footer-menu-col1" class="menu"><li id="menu-item-221" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-200 current_page_item menu-item-221"><a href="https://www.topfoto.co.uk/about-us/" aria-current="page">About us</a></li> <li id="menu-item-296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-296"><a href="https://www.topfoto.co.uk/topfoto-partners/">TopFoto partners</a></li> <li id="menu-item-218" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-218"><a href="https://www.topfoto.co.uk/dmca-notices/">DMCA notices</a></li> <li id="menu-item-220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-220"><a href="https://www.topfoto.co.uk/privacy-policy/">GDPR and Privacy Policy</a></li> <li id="menu-item-222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-222"><a href="https://www.topfoto.co.uk/terms-and-conditions/">Terms and conditions</a></li> </ul></div></section> </div> <div class="col col-3"> </div> <div class="col col-3"> <section id="text-5" class="widget widget_text"><h2 class="widget-title">CONTACT US</h2> <div class="textwidget"><p>Call our team: +44 1732 863939<br /> Monday-Friday 9:00 – 18:00 GMT<br /> email: <a href="mailto:requests@topfoto.co.uk">requests@topfoto.co.uk</a><br /> or contact us via the <a href="https://www.topfoto.co.uk/topfoto-assisted-search/">online form</a></p> </div> </section> </div> <div class="col col-3"> </div> </div> </div> <div class="footerBar"> <div class="footerBarInner"> <div class="row"> <div class="copyright col col-5"> <span class="copyrightText">2024 © Copyright TopFoto</span> <div class="poweredByWrapper"> Powered by <a href="http://www.capture.co.uk" title="Powered by capture" target="_blank" class="poweredByAction">Capture</a> </div> </div> <div class="socialIcons col col-6"> <div class="socialMediaInner"> <section id="sow-social-media-buttons-3" class="widget widget_sow-social-media-buttons"><div class="so-widget-sow-social-media-buttons so-widget-sow-social-media-buttons-flat-a11bb0029a6b" > <div class="social-media-button-container"> <a class="ow-button-hover sow-social-media-button-x-twitter-0 sow-social-media-button" title="Topfoto Image Archive on X Twitter" aria-label="Topfoto Image Archive on X Twitter" target="_blank" rel="noopener noreferrer" href="https://twitter.com/TopfotoUK" > <span> <span class="sow-icon-fontawesome sow-fab" data-sow-icon="" aria-hidden="true"></span> </span> </a> <a class="ow-button-hover sow-social-media-button-linkedin-0 sow-social-media-button" title="Topfoto Image Archive on Linkedin" aria-label="Topfoto Image Archive on Linkedin" target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/company/topfoto/" > <span> <span class="sow-icon-fontawesome sow-fab" data-sow-icon="" aria-hidden="true"></span> </span> </a> </div> </div></section> </div> </div> <div class="expander col col-1"> <a href="#" class="openFooterMain expandFooter" title="Expand footer"><i class="fa fa-chevron-up" aria-hidden="true"></i><span class="screen-reader-hide">Expand footer</span></a> </div> </div> </div> </div> </div> </footer> </div> <div class="notificationArea"></div>  <script id="assetOverlay" type="text/x-jsrender"> <div class="assetOverlay" data-id="{{:summary.idasset}}"> <a href="#" class="closeOverlay"> <i class="fa fa-close" aria-hidden="true"></i> <span class="screen-reader-text">Close preview</span> </a> <div class="overlayWrapper clearfix"> <div class="overlayInner"> </div> </div> </div> </script>  <script id="previewAsset" type="text/x-jsrender"> <div class="previewAssetWrapper"> <a href="#" class="prevAsset assetNavBtn" data-id="{{:summary.idasset}}"><i class="fa fa-angle-left" aria-hidden="true"></i><span class="screen-reader-text">Previous asset</span></a> <div class="imageHugger {{if preview.mimetype == 'quicktime/panoramic'}}pano{{/if}}"> {{if preview.mimetype == "image/jpeg"}} <div itemscope itemtype="http://schema.org/ImageObject"> <span class="schemaInfo" itemprop="name"></span> <img src="{{:preview.url}}" class="assetPreviewItem" itemprop="contentUrl" alt="{{if metadata.md2}}{{:metadata.md2.value}}{{/if}}" /> </div> {{/if}} {{if preview.mimetype == "image/png"}} <div itemscope itemtype="http://schema.org/ImageObject"> <span class="schemaInfo" itemprop="name"></span> <img src="{{:preview.url}}" class="assetPreviewItem" itemprop="contentUrl" alt="{{if metadata.md2}}{{:metadata.md2.value}}{{/if}}" /> </div> {{/if}} {{if preview.mimetype == "video/ogg"}} <video controls loop> <source src="{{:preview.url}}" type="video/ogg"> </video> {{/if}} {{if preview.mimetype == "video/mp4"}} <video controls loop> <source src="{{:preview.url}}" type="video/mp4"> </video> {{/if}} {{if preview.mimetype == "application/pdf"}} <div class="pdf-viewer" id="pdfViewerContainer"> <div class="prevPage pageNavContainer"> <button id="prev" class="pageNav"><span class="icon"><i class="fa fa-angle-left" aria-hidden="true"></i></span><span class="label">Previous page</span></button> </div> <div class="canvas"> <canvas id="pdfViewer"></canvas> </div> <div class="nextPage pageNavContainer"> <button id="next" class="pageNav"><span class="icon"><i class="fa fa-angle-right" aria-hidden="true"></i></span><span class="label">Next page</span></button> </div> <span>Page: <span id="page_num"></span> / <span id="page_count"></span></span> </div> {{/if}} {{if preview.mimetype == "quicktime/panoramic"}} <div id="photosphere"></div> {{/if}} {{if preview.mimetype == "application/octet-stream"}} <video id="video" controls></video> {{/if}} </div> <a href="#" class="nextAsset assetNavBtn" data-id="{{:summary.idasset}}"><i class="fa fa-angle-right" aria-hidden="true"></i><span class="screen-reader-text">Next asset</span></a> </div> </script>  <script id="previewAssetDetails" type="text/x-jsrender"> <div class="previewPanelDetailsWrapper"> <div class="previewAssetDetails vScroll"> <div class="previewAssetDetailsWrapper"> <div class="previewAssetDetailsList"> <div class="previewAssetDetailsItem"> {{if metadata.md52 && metadata.md52.value !== ''}} <span class="detail red"> <span class="desc">{{:metadata.md52.value}}</span> </span> {{/if}} {{if metadata.externalid1}} <h3 class="assetName" title="{{:metadata.externalid1.value}}">{{:metadata.externalid1.value}}</h3> {{/if}} {{if metadata.md8 && metadata.md8.value !== ''}} <span class="detail"> <span class="label">Special instructions:</span> <span class="desc">{{:metadata.md8.value}}</span> </span> {{/if}} {{if metadata.md2 && metadata.md2.value !== ''}} <span class="detail"> <span class="desc">{{:metadata.md2.value}}</span> </span> {{/if}} {{if metadata.md25 && metadata.md25.value !== ''}} <span class="detail"> <span class="label">Credit:</span> <span class="desc">{{:metadata.md25.value}}</span> </span> {{/if}} {{if metadata.md5 && metadata.md5.value !== ''}} <span class="detail"> <span class="label">Location:</span> <span class="desc">{{:metadata.md5.value}}, {{:metadata.md6.value}}, {{:metadata.md7.value}}</span> </span> {{/if}} {{if metadata.md4 && metadata.md4.value !== ''}} <span class="detail"> <span class="label">Date:</span> <span class="desc">{{:metadata.md4.value}}</span> </span> {{/if}} {{if metadata.md46 && metadata.md46.value !== ''}} <span class="detail"> <span class="label">Dimensions:</span> <span class="desc">{{:metadata.md46.value}} x {{:metadata.md47.value}}</span> </span> {{/if}} </div> </div> </div> <div class="assetActions"> <ul class="actions clearfix"> {{if country_restriction}} {{if summary && summary.license_types}} {{props summary.license_types ~idasset=summary.idasset}} {{if prop.is_physical_print}} <li><a href="#" class="printAsset printAssetIcon" data-id="{{:~idasset}}" title="This asset is available as a print. Click to add to basket and select print options"><i class="fa fa-print"></i></a></li> {{/if}} {{/props}} {{/if}} <li> <a href="#" class="addToLightbox circle" title="Add to" data-id="{{:summary.idasset}}" data-title="Add to"><i class="fa fa-plus" aria-hidden="true"></i><span class="screen-reader-hide">Add to lightbox</span></a> </li> <li><a href="#" class="downloadAsset" title="Download this asset" data-id="{{if lead_asset && lead_asset.summary}}{{:lead_asset.summary.idasset}}{{else}}{{:summary.idasset}}{{/if}}" {{if stack && stack.collection_id}}data-collection="{{:stack.collection_id}}"{{/if}}><i class="fa fa-download"></i></a></li> {{else}} {{if summary && summary.license_types}} {{props summary.license_types ~idasset=summary.idasset}} {{if prop.is_physical_print}} <li><a href="#" class="printAsset printAssetIcon" data-id="{{:~idasset}}" title="This asset is available as a print. Click to add to basket and select print options"><i class="fa fa-print"></i></a></li> {{/if}} {{/props}} {{/if}} <li class="basketAddToIcon"><a href="#" class="addToBasket" title="Add to basket" data-id="{{:summary.idasset}}" data-title="Add to"><i class="fa fa-shopping-cart"></i></a></li> <li> <a href="#" class="addToLightbox circle" title="Add to" data-id="{{:summary.idasset}}" data-title="Add to"><i class="fa fa-plus" aria-hidden="true"></i><span class="screen-reader-hide">Add to lightbox</span></a> </li> <li><a href="#" class="downloadAsset" title="Download this asset" data-id="{{if lead_asset && lead_asset.summary}}{{:lead_asset.summary.idasset}}{{else}}{{:summary.idasset}}{{/if}}" {{if stack && stack.collection_id}}data-collection="{{:stack.collection_id}}"{{/if}}><i class="fa fa-download"></i></a></li> {{/if}} </ul> </div> </div> <div class="previewAssetActionPanel"> <div class="previewAssetActionPanelInner"></div> </div> </div> </script> <script id="assetOnlyNotesArea" type="text/x-jsrender"> </script> <script id="assetDeleteNoteMessage" type="text/x-jsrender"> Are you sure you want to delete this note?</script> <script id="keywordTemplate" type="text/x-jsrender"> <li class="keywordItem"><a href="https://www.topfoto.co.uk/search/?searchQuery={{>}}" title="Search for {{>}}">{{>}}</a></li> </script>  <div class="downloadPanel"> <div class="downloadPanelInner"> <div class="animation"> <div class="loadingAnimation active"> <span class="hide">Loading...</span> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </div> <div class="message"> <p>Your download will start shortly, please do not navigate away from this page until the download prompt has appeared. Doing so may cause your download to be interrupted.</p> </div> </div> </div> <script id="projectForm" type="text/x-jsrender"> <form id="assetDownloadUsageForm" class="form"> <h2>Download</h2> {{if usage !== ''}} {{if usage && usage.form_type}} <p>Please enter details of how the asset(s) will be used</p> {{/if}} <div id="parentUsage"> {{include tmpl="#usageForm" /}} </div> {{/if}} {{if sizes}} <div id="parentDownload"> </div> {{/if}} <div class="assetArea"> {{if available}} {{include tmpl="#downloadAssetList" /}} {{/if}} </div> <div class="formGroup clearfix submitBtn"> <input type="submit" class="primary-button" value="Download" /> </div> <p class="disclaimer">By clicking Download you agree to the <a href="/terms-and-conditions" class="textLink02" target="_blank">Terms and conditions</a></p> </form> </script> <script id="usageForm" type="text/x-jsrender"> {{for usage}} {{if form_type == 'text'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <input type="{{:form_name}}" name="{{:form_name}}" id="{{:form_name}}" class="textbox usageFormElem {{if is_required == true}} isRequired {{/if}}" placeholder="{{:form_label}}" /> {{if is_required == true}} <span class="required">*</span> {{/if}} <div class="response"></div> </div> {{/if}} {{if form_type == 'textarea'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <textarea name="{{:form_name}}" class="textarea autoExpand usageFormElem {{if is_required == true}} isRequired {{/if}}" placeholder="{{:form_label}}" id="{{:form_name}}" rows="1" data-min-rows="1"></textarea> {{if is_required == true}} <span class="required">*</span> {{/if}} <div class="response"></div> </div> {{/if}} {{if form_type == 'select'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <select id="{{:form_name}}" class="select usageFormElem {{if is_required == true}} isRequired {{/if}}"> <option disabled="disabled" selected="selected" value="default">{{:form_label}}</option> {{props select_values}} <option value="{{>key}}">{{>prop}}</option> {{/props}} </select> {{if is_required == true}} <span class="required">*</span> {{/if}} <div class="response"></div> </div> {{/if}} {{/for}} </script> <script id="sizesDrop" type="text/x-jsrender"> <div class="formGroupItem"> <label for="downloadSizes" class="hide">Download size</label> <select name="downloadSizes" class="select downloadSizes"> <option disabled="disabled" selected="selected" value="default">Download size</option> {{props sizes}} <option value="{{>prop.id_download_size}}">{{>prop.name}}</option> {{/props}} </select> <div class="response"></div> </div> </script> <script id="imageSizesDrop" type="text/x-jsrender"> <div class="formGroupItem"> <label for="downloadSizes" class="hide">Download size</label> <select name="downloadSizes" class="select downloadSizes"> <option disabled="disabled" selected="selected" value="default">Download size</option> {{props sizes}} {{if prop.base_type == 'image'}} <option value="{{>prop.id_download_size}}">{{>prop.name}}</option> {{/if}} {{/props}} </select> <div class="response"></div> </div> </script> <script id="videoSizesDrop" type="text/x-jsrender"> <div class="formGroupItem"> <label for="downloadSizes" class="hide">Download size</label> <select name="downloadSizes" class="select downloadSizes"> <option disabled="disabled" selected="selected" value="default">Download size</option> {{props sizes}} {{if prop.base_type == 'video'}} <option value="{{>prop.id_download_size}}">{{>prop.name}}</option> {{/if}} {{/props}} </select> <div class="response"></div> </div> </script> <script id="saveAs" type="text/x-jsrender"> <div class="formGroupItem"> <label for="saveas" class="hide">Save as</label> <select name="saveas" class="select saveas"> <option disabled="disabled" selected="selected" value="default">Save as</option> {{props saveas}} <option value="{{>key}}">{{>prop}}</option> {{/props}} </select> <div class="response"></div> </div> </script> <script id="usageDisplay" type="text/x-jsrender"> {{for usage}} <p class="currentVal" id="{{:form_name}}-displayVal"></p> {{/for}} </script> <script id="downloadAssetList" type="text/x-jsrender"> {{props available}} <div class="assetForDownload {{if prop.allowHR == false && prop.allowLR == false}} nd{{/if}}" data-id="{{>key}}"> <div class="assetForDownloadInner"> {{if prop.allowLR == true || prop.allowHR == true}} <a href="#" class="iconEdit"> {{/if}} <div class="assetDetails"> <div class="thumb"> {{if prop.url}} <img src="{{>prop.url[3]}}" /> {{/if}} </div ><div class="details"> {{if prop.allowHR == false}} {{if prop.allowLR == false}} <div class="nd"> <p class="message">Asset not available to download</p> </div> {{else}} <div class="lowResOnly"> <p class="message">You currently have low resolution permissions only. Please contact us for high resolution images.</p> </div> {{/if}} {{/if}} <span class="hide" id="assetId">{{>key}}</span> {{if #parent.parent.parent.data.usage}} {{include #parent.parent.parent.data tmpl="#usageDisplay" /}} {{/if}} {{if prop.allowHR == true && prop.mimetype.indexOf('image') >= 0}} <span class="downloadSizeDisplay"></span> {{/if}} </div> </div> {{if prop.allowLR == true || prop.allowHR == true}} </a> <div class="edit"> <a href="#" class="iconEdit active editBtn"><span><i class="fa fa-pencil"></i></span></a> <a href="#" class="closeEditArea editBtn"><span><i class="fa fa-check"></i></span></a> </div> {{else}} <div class="edit"> <span class="notAllowed"><i class="fa fa-ban"></i></span> </div> {{/if}} </div> <div class="editArea clearfix"> {{if prop.allowLR == true || prop.allowHR == true}} {{if #parent.parent.parent.parent.data.usage}} {{include #parent.parent.parent.parent.data tmpl="#usageForm" /}} {{/if}} {{/if}} {{if prop.allowHR == true && prop.mimetype.indexOf('image') >= 0}} {{include #parent.parent.parent.data tmpl="#imageSizesDrop" /}} {{/if}} {{if prop.allowHR == true && prop.mimetype.indexOf('video') >= 0}} {{include #parent.parent.parent.data tmpl="#videoSizesDrop" /}} {{/if}} </div> </div> {{/props}} </script> <script id="cantDownload" type="text/x-jsrender"> <div class="error"> <p>You can not download the assets you have selected</p> </div> </script> <script id="downloadProgress" type="text/x-jsrender"> <div class="progressBarOutter"> <h2>Preparing download</h2> <div class="progressBarWrapper"> <div class="progressBar"> <div class="progressBarInner" style="width:{{:percentage}}%"></div> </div> <span class="percentage">{{:percentage}}%</span> </div> </div> </script> <script id="downloadError" type="text/x-jsrender"> <h2 class="error">Download error</h2> </script> <script id="downloadErrorPermission" type="text/x-jsrender"> <p>This asset is not currently available to download.</p> </script> <script id="downloadAnimation" type="text/x-jsrender"> <div class="loadingAnimation active"> <span class="hide">Loading...</span> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </script> <script id="projectFormLightbox" type="text/x-jsrender"> <form id="lightboxDownloadUsageForm" class="form"> {{if usage && usage.form_type}} <p>Please enter details of how the asset(s) will be used</p> {{/if}} {{for usage}} {{if form_type == 'text'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <input type="{{:form_name}}" name="{{:form_name}}" id="{{:form_name}}" class="textbox usageFormElem" placeholder="{{:form_label}}" /> <div class="response"></div> </div> {{/if}} {{/for}} <p class="disclaimer">By clicking Download you agree to the <a href="/terms-and-conditions" class="textLink02" target="_blank">Terms and conditions</a></p> <div class="formGroup clearfix submitBtn"> <input type="submit" class="primary-button" value="Download" /> </div> </form> </script> <script id="projectFormGroup" type="text/x-jsrender"> <form id="groupDownloadUsageForm" class="form"> {{if usage && usage.form_type}} <p>Please enter details of how the asset(s) will be used</p> {{/if}} {{for usage}} {{if form_type == 'text'}} <div class="formGroupItem"> <label for="{{:form_name}}" class="hide">{{:form_label}}</label> <input type="{{:form_name}}" name="{{:form_name}}" id="{{:form_name}}" class="textbox usageFormElem" placeholder="{{:form_label}}" /> <span class="required">*</span> <div class="response"></div> </div> {{/if}} {{/for}} <p class="disclaimer">By clicking Download you agree to the <a href="/terms-and-conditions" class="textLink02" target="_blank">Terms and conditions</a></p> <div class="formGroup clearfix submitBtn"> <input type="submit" class="primary-button" value="Download" /> </div> </form> </script><script id="menuSidebarTemplate" type="text/x-jsrender"> <div class="menuHolder"> </div> <div class="languageSelector"> <div class="sidebarToolTitle"> <h2>Select Language:</h2> </div> <ul class="langList"> </ul> </div> </script><script id="errorFormElemTemplate" type="text/x-jsrender"> <div class="responseInner clearfix" role="alert" aria-labelledby="errorAlertStatus"> <div class="responseType"> <span class="icon"><i class="fa fa-warning"></i></span> <span class="type" id="errorAlertStatus">Error</span> </div> <p class="responseInfo"></p> </div> <a href="#" class="dismiss" tabindex="-1" aria-label="Dismiss this alert"><i class="fa fa-close" aria-hidden="true"></i></a> </script> <script id="successFormElemTemplate" type="text/x-jsrender"> <div class="responseInner clearfix" role="alert" aria-labelledby="successAlertStatus"> <div class="responseType"> <span class="icon"><i class="fa fa-check-circle-o"></i></span> <span class="type" id="successAlertStatus">Success</span> </div> <p class="responseInfo"></p> </div> <a href="#" class="dismiss" tabindex="-1" aria-label="Dismiss this alert"><i class="fa fa-close" aria-hidden="true"></i></a> </script> <script id="copiedText" type="text/x-jsrender"> <span>Copied...</span> </script> <script id="infoTitle" type="text/x-jsrender"> <span>Info</span> </script> <script id="successTitle" type="text/x-jsrender"> <span>Success</span> </script> <script id="errorTitle" type="text/x-jsrender"> <span>Error</span> </script> <script id="emptyMessage" type="text/x-jsrender"> <span>Empty field {{:placeholder}}</span> </script> <script id="notSupportedString" type="text/x-jsrender"> <span>Your value contains errors</span> </script> <script id="noPreviewMessage" type="text/x-jsrender"> Please log in to see this asset</script> <script id="noAssetPreviewMessage" type="text/x-jsrender"> This asset is not available</script> <script id="assetRestrictedPreviewMessage" type="text/x-jsrender"> This asset is restricted</script> <script id="selectDefaultMessage" type="text/x-jsrender"> <span>Please select an option</span> </script> <script id="pwdNoMatchMessage" type="text/x-jsrender"> <span>Passwords do not match</span> </script> <script id="pwdTooShortMessage" type="text/x-jsrender"> <span>Password too short must be at least 8 characters</span> </script> <script id="invalidEmailMessage" type="text/x-jsrender"> <span>The email address you have entered is invalid.</span> </script> <script id="invalidPatternMessage" type="text/x-jsrender"> <span>Invalid Entry Format</span> </script> <script id="notANumber" type="text/x-jsrender"> <span>Please enter a number</span> </script> <script id="termsNotChecked" type="text/x-jsrender"> <span>Please agree to the Terms and conditions before continuing</span> </script> <script id="registerdSuccessMessage" type="text/x-jsrender"> <span>Registered successfully</span> </script> <script id="registerdActivationMessage" type="text/x-jsrender"> <span>Registered successfully - Please check your email to verify your account</span> </script> <script id="registerdSponsorMessage" type="text/x-jsrender"> <span>Registered successfully - you will be notified via email when your account is approved</span> </script> <script id="registerdErrorMessage" type="text/x-jsrender"> <span>Error in registration</span> </script> <script id="resetNotifySuccessMessage" type="text/x-jsrender"> <span>Password reset request received, please check your email for further instructions</span> </script> <script id="resetConflictErrorMessage" type="text/x-jsrender"> <span>Password reset conflict, contact an Administrator</span> </script> <script id="resetNoUserErrorMessage" type="text/x-jsrender"> <span>User not found</span> </script> <script id="passwordChangeSuccessMessage" type="text/x-jsrender"> <span>Password change complete, thanks</span> </script> <script id="passwordChangeErrorMessage" type="text/x-jsrender"> <span>Your current password is incorrect</span> </script> <script id="vexOk" type="text/x-jsrender"> OK</script> <script id="vexCancel" type="text/x-jsrender"> Cancel</script> <script id="userPasswordExpiry" type="text/x-jsrender"> Your current password is due to expire in {{>}} days, please change your password before to ensure you can continue to use you account. Click ok to change now</script> <script id="splitArray" type="text/x-jsrender"> <span>{{>}}</span> </script> <script id="loadingSpinner" type="text/x-jsrender"> <div class="lds-wrapper"> <div class="lds-back"></div> <div class="lds-roller"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="loadingMessage"> <h3>{{:message}}</h3> </div> </div> </script> <script id="pageTitle" type="text/x-jsrender"> <h1 class="screen-reader-text">{{>}}</h1> </script>  <div class="assetPreviewBg"></div> <script id="sharingTemplate" type="text/x-jsrender"> <div class="assetSharing" data-long-url="{{:long}}"> <div class="assetSharingInner"> <div class="title"> </div> <div class="shareOptions"> </div> </div> </div> </script> <script id="sharingTitleSuccess" type="text/x-jsrender"> <h2>Share </h2> </script> <script id="sharingTitleError" type="text/x-jsrender"> <h2>Error</h2> </script> <script id="sharingContentSuccess" type="text/x-jsrender"> <ul class="shareList clearfix"> <li><a href="https://www.facebook.com/sharer/sharer.php?u={{:short}}" class="shareButton facebook" target="_blank" title="Share via Facebook"><i class="fa fa-facebook"></i><span class="name">Facebook</span></a></li> <li><a href="http://www.linkedin.com/shareArticle?mini=true&url={{:short}}&title=" class="shareButton linkedin" target="_blank" title="Share via LinkedIn"><i class="fa fa-linkedin"></i><span class="name">LinkedIn</span></a></li> <li><a href="https://twitter.com/intent/tweet?url={{:long}}&text=" class="shareButton twitter" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i><span class="name">Twitter</span></a></li> <li><a href="http://pinterest.com/pin/create/button/?url={{:long}}&media=&description=" class="shareButton pinterest" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest-p"></i><span class="name">Pinterest</span></a></li> </ul> <div class="inputShareURL"> <input type="text" readonly="readonly" value="{{:short}}" class="shareURL" /> <button class="copyURL">Copy URL</button> </div> </script> <script id="sharingContentError" type="text/x-jsrender"> <p class="errorMessage">An error has occurred!</p> </script> <script id="assetEmailSent" type="text/x-jsrender"> Asset shared with: {{:email}}</script> <script id="emailBlockElemAS" type="text/x-jsrender"> <div class="emailBlockItem" data-id="{{:#index}}"> <div class="emailBlockItemInner"> <div class="name"> {{lowerCase:>}} </div> <div class="removeThisEmail"> <a href="#" class="removeThisEmailAction" data-id="{{:#index}}"><i class="fa fa-trash"></i></a> </div> </div> </div> </script> <script id="noBasketItemTemplate" type="text/x-jsrender"> <div class="noBaskets"> <span class="message">You have no baskets at the moment</span> </div> </script> <script id="basketDeleteAssetMessage" type="text/x-jsrender"> Are you sure you want to delete this asset?</script> <script id="basketDeleteMessage" type="text/x-jsrender"> Are you sure you want to delete {{:name}}?</script> <script id="basketRenameMessage" type="text/x-jsrender"> Enter the new name for the basket</script> <script id="basketNameMessage" type="text/x-jsrender"> basket name</script> <script id="basketNewMessage" type="text/x-jsrender"> Enter name for new basket</script> <script id="assetAlreadyInBasket" type="text/x-jsrender"> Asset is already in basket</script> <script id="assetCallMePrice" type="text/x-jsrender"> Restricted asset. Please contact our sales department.</script> <script id="assetNoPermissionBasket" type="text/x-jsrender"> You have not been permitted to add this to this basket</script> <script id="noDefaultBasket" type="text/x-jsrender"> You do not have a default basket set. Please set a default basket from the side panel</script> <script id="assetAddedToBasket" type="text/x-jsrender"> Asset added to {{:name}}</script> <script id="assetSuccessBasket" type="text/x-jsrender"> Success</script> <script id="basketCreateSuccess" type="text/x-jsrender"> New Basket</script> <script id="basketCreated" type="text/x-jsrender"> Basket created</script> <script id="assetErrorBasket" type="text/x-jsrender"> Info</script> <script id="basketCheckoutError" type="text/x-jsrender"> <li>{{:message}}</li> </script> <script id="removeEcomContactMessage" type="text/x-jsrender"> Are you sure you wish to remove this contact?</script> <script id="basketDeleteDefaultLicenseMessage" type="text/x-jsrender"> Are you sure you wish to remove this default license?</script> <script id="removeDeliveryMethodMessage" type="text/x-jsrender"> Are you sure you wish to remove this delivery method?</script> <script id="pleaseSelectALicense" type="text/x-jsrender"> Please select a license to proceed</script> <script id="noItemsBasket" type="text/x-jsrender"> <div class="emptyBasketMessage"> There are no items in your basket </div> </script> <script id="createABasket" type="text/x-jsrender"> Create a basket</script> <script id="payOnAccountAlert" type="text/x-jsrender"> Do you really want to buy these assets on account? Download will begin immediately</script> <script id="payWithCreditsAlert" type="text/x-jsrender"> Do you really want to buy these assets with credits? Download will begin immediately</script> <script id="noItemsOrder" type="text/x-jsrender"> <div class="emptyBasketMessage"> There are no items in your order </div> </script> <script id="cartAmount" type="text/x-jsrender"> <div class="amountContainer"> <span class="cartAmount">{{:amount}}</span> </div> </script> <script id="cartLinkAmount" type="text/x-jsrender"><div class="hoverMenu"> <a href="/basket/{{:basket_id}}" class="basketAmountLink" title="Go to basket"> <i class="fa fa-chevron-right"></i> </a> <div class="amountContainer"> <span class="cartAmount">{{:amount}}</span> </div> </div> </script> <script id="noSavedLicensee" type="text/x-jsrender"> <div class="errorMessage"> <p>No saved licensee addresses</p> </div> </script> <script id="noSavedBilling" type="text/x-jsrender"> <div class="errorMessage"> <p>No saved billing addresses</p> </div> </script> <script id="noSavedMethods" type="text/x-jsrender"> <div class="errorMessage"> <p>No saved delivery methods</p> </div> </script> <script id="loginForEcom" type="text/x-jsrender"> <p>Please <a class="textLink02" href="https://www.topfoto.co.uk/login/">Login</a> or <a class="textLink02" href="https://www.topfoto.co.uk/register/">Register</a> to add to basket</p> </script> <script id="navLoginBoxEcom" type="text/x-jsrender"> <div class="ecomLoginFormWrapper"> <h2 id="vex-dialog-message">Please login or register to continue</h2> <div class="loginFormPopup"> <div class="signinForm"> <h3>I already have an account</h3> <form class="loginForm form" id="loginFormSidebar" method="post" novalidate action="https://www.topfoto.co.uk?connect=capture"> <input type="hidden" id="uIP" name="ip_address" value="8.222.208.146" disabled="disabled" /> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="email" class="hide">Email</label> <input type="text" name="email" id="email" class="email textbox" placeholder="Email" autocomplete="on" /> <div class="response"></div> </div> <div class="formGroupItem"> <label for="password" class="hide">Password</label> <input type="password" name="password" id="password" class="password textbox" placeholder="Password" /> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" id="sidebarLoginSubmit" class="primary-button searchBtn" value="Login" /> </div> </div> </form> <a class="textLink" href="https://www.topfoto.co.uk/login/forgot/">Forgotten password?</a> </div> <div class="registerForm"> <h3>I am a new user</h3> <a class="ecomRegisterButton primary-button" href="https://www.topfoto.co.uk/register/">Register</a> </div> </div> </div> </script> <script id="invoiceUpdatePONumberMessage" type="text/x-jsrender"> Enter the P.O. number for the invoice</script> <script id="invoicePONumberMessage" type="text/x-jsrender"> P.O. number</script> <script id="basketDashTitle" type="text/x-jsrender"> Baskets</script>  <script id="basketWidgett" type="text/x-jsrender"> <div class="basketWidget" id="basketWidget"> <div class="basketTableWrapper"> <table class="tableFullWidth table basketTable"> <thead> <tr> <th>Basket name</th> <th>Items</th> <th>Open</th> <th>Default</th> </tr> </thead> <tbody></tbody> </table> </div> </div> </script> <script id="basketWidgetItem" type="text/x-jsrender"> <tr> <td>{{:name}}</td> <td>{{:item_count}}</td> <td><a href="https://www.topfoto.co.uk/basket/{{:basket_id}}/" data-id="{{:basket_id}}">Open</a></td> <td> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" class="setDefaultBasket" data-default="{{:is_default}}" data-id="{{:basket_id}}" title="Set this as the default basket"> <i class="fa fa-star-o"></i> </a> {{/if}} </td> </tr> </script> <script id="noBasketWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No baskets</span></td> </tr> </script> <script id="ordersDashTitle" type="text/x-jsrender"> Orders</script> <script id="orderWidget" type="text/x-jsrender"> <div class="orderWidget" id="orderWidget"> <div class="orderTableWrapper"> <table class="tableFullWidth table orderTable"> <thead> <tr> <th>Date</th> <th>Open</th> <th>Order</th> <th>Expiry date</th> <th>Actions</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="orderWidgetItem" type="text/x-jsrender"> <tr> <td>{{dateFormat:create_date_time}}</td> <td><a href="https://www.topfoto.co.uk/order/{{:order_id}}" data-id="{{:order_id}}">Open</a></td> <td>{{:download_filename}}</td> <td> {{if download_filename}} {{if download_expired == false}} {{dateFormat:expiry_date}} {{else}} Expired {{/if}} {{/if}} </td> <td> {{if download_expired == false && download_filename}} <a href="#" class="resendLinks" data-id="{{:order_id}}">Download</a></td> {{/if}} </td> </tr> </script> <script id="noOrdersWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No orders</span></td> </tr> </script> <script id="invoicesDashTitle" type="text/x-jsrender"> Invoices</script> <script id="invoiceWidget" type="text/x-jsrender"> <div class="invoiceWidget" id="invoiceWidget"> <div class="invoiceTableWrapper"> <table class="tableFullWidth table invoiceTable"> <thead> <tr> <th>Issue date</th> <th>Due date</th> <th>Notes</th> <th>View</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="invoiceWidgetItem" type="text/x-jsrender"> <tr> <td>{{dateFormated:issue_date}}</td> <td>{{dateFormated:due_date}}</td> <td>{{:notes}}</td> <td><a href="#" data-id="{{:invoice_id}}" class="getInvoice">Get invoice</a></td> </tr> </script> <script id="noInvoiceWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No invoices</span></td> </tr> </script> <script id="bundlesDashTitle" type="text/x-jsrender"> Packages and subscriptions</script> <script id="bundleWidgett" type="text/x-jsrender"> <div class="bundleWidget" id="bundleWidget"> <div class="bundleTableWrapper"> <table class="tableFullWidth table bundleTable"> <thead> <tr> <th>Bundle name</th> <th>Credits</th> <th>Expires</th> <th>Asset type</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="bundleWidgetItem" type="text/x-jsrender"> <tr> <td>{{if bundle_name}}{{:bundle_name}}{{else}}Package extra{{/if}}</td> <td>{{:credits_remaining}} / {{:credits_number}}</td> <td>{{dateFormat:end_date}}</td> <td>{{if base_types}}{{:base_types}}{{else}}All{{/if}}</td> </tr> </script> <script id="noBundleWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No bundles</span></td> </tr> </script> <script id="quickLicenseWrapper" type="text/x-jsrender"> <div class="assetQuickBuy quickBuyContainer previewAssetActionItem"> <a href="#" class="previewNavItem showNotes" title="Show notes"><span><i class="fa fa-angle-left"></i></span></a> <div class="sectionTitle"> <h3>Easy License options</h3> </div> <div class="licenseOptionsContainer"> <div class="formGroup clearfix groupedOptions"> </div> </div> <div class="applyQuickBuy"> <a href="#" class="icon-button applyQuickAddToBasket" title="Add to cart with selected license"><i class="fa fa-shopping-cart"></i></a> <a href="#" class="primary-button applyQuickBuyButton" title="Buy it now with selected license">Buy it now</a> </div> </div> </script> <script id="quickLicenseItem" type="text/x-jsrender"> <div class="formGroupItem clearfix quickLicenseItem"> <div class="preview"> <input type="radio" class="licenseValue" id="option{{:ecom_license_id}}" name="quickBuyOption" value="{{:ecom_license_id}}" /><label for="option{{:ecom_license_id}}"><div class="labelWrapper"><div class="descriptionContent"><span class="name">{{:name}}</span></div><span class="price">{{:pricing.currency.prefix}}{{currency:pricing.net_price}}</span></div></label> </div> <span class="description">{{:description}}</span></span> </div> </script>  <script id="basketSidebarTemplate" type="text/x-jsrender"> <div class="basketSidebarPanel"> <div class="sidebarToolTitle"> <h2>Baskets</h2> </div> <div class="contentBlock"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner"> <div class="sidebarSubTitle"> <h3>Current Basket</h3> </div> <div class="currentBasket"> </div> <div class="addNewBasket"> <a href="#" class="primary-button" id="addNewBasket">Add new</a> </div> <div class="sidebarSubTitle"> <h3>Saved Baskets</h3> </div> <div class="savedBaskets"> </div> </div> </div> </div> </div> </div> </script> <script id="basketItemTemplate" type="text/x-jsrender"> <div class="basketListItem" data-id="{{:basket_id}}"> <div class="basketItemInner"> {{if asset}} <div class="basketBg"><img src="{{:asset}}" /></div> {{/if}} <div class="basketDetails"> <div class="default"> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" class="setDefaultBasket" data-default="" data-id="{{:basket_id}}" title="Set this as the default basket"> <i class="fa fa-star-o"></i> </a> {{/if}} </div> <div class="basketName"> <a href="https://www.topfoto.co.uk/basket/{{:basket_id}}" class="openBasket" data-id="{{:basket_id}}"> {{:name}} </a> </div> <div class="basketMenuContainer"> <a href="#" class="basketMenuTrigger" data-id="{{:basket_id}}" title="Basket options"> <i class="fa fa-navicon"></i> </a> <ul class="basketMenu" data-id="{{:basket_id}}" data-name="{{:name}}"> <li><a href="#" class="basketContextRename">Rename</a></li> </ul> </div> <div class="basketCount"> <span class="basketNumber">{{:item_count}}</span> </div> </div> </div> </div> </script>  <script id="groupsSidebarTemplate" type="text/x-jsrender"> <div class="groupsSidebarPanel"> <div class="sidebarToolTitle"> <h2>Groups</h2> </div> <div class="contentBlock"> <div class="sidebarItem groupsListBlock"> <ul class="groupsList"> </ul> </div> </div> </div> </script> <script id="groupParentItemTemplate" type="text/x-jsrender"> <li class="parentItem"> {{if children}} <a href="#" class="openChildList"><i class="fa fa-chevron-right"></i></a> {{/if}} <a href="https://www.topfoto.co.uk/groupitem/{{:id_category}}" data-id="{{:id_category}}" title="{{:name}}">{{:name}}</a> {{if children}} {{include tmpl="#groupParentChildrenListTemplate" /}} {{/if}} </li> </script> <script id="groupParentChildrenListTemplate" type="text/x-jsrender"> <ul class="childList"> {{for children tmpl='#groupChildItemTemplate'}} <b>{{>name}}</b> {{/for}} </ul> </script> <script id="groupChildItemTemplate" type="text/x-jsrender"> <li class="childItem" data-parent={{:id_parent}}> {{if children}} <a href="#" class="openChildList"><i class="fa fa-chevron-right"></i></a> {{/if}} <a href="https://www.topfoto.co.uk/groupitem/{{:id_category}}" data-id="{{:id_category}}" title="{{:name}}">{{:name}}</a> {{if children}} {{include tmpl="#groupParentChildrenListTemplate" /}} {{/if}} </li> </script> <script id="lightboxSharingForm" type="text/x-jsrender"> <div class="lightboxSharingWrapper"> <h2 class="formGroupTitle">You are about to share {{:name}}</h2> <div class="lightboxSharingInner"> <div class="shareSelector"> <a href="#" class="shareByLink shareLinkOption active">Link</a> <a href="#" class="shareByEmail shareLinkOption">Email</a> </div> <div class="sharingContentInner"> <p>Share view only via a link</p> <a href="#" class="primary-button getLightboxShareLink">Get link</a> <div class="inputShareURL"> <label for="lightboxShareURL" class="hide">Gallery share URL</label> <input type="text" readonly="readonly" class="lightboxShareURL" id="lightboxShareURL" /> <button class="copyURL">Copy URL</button> </div> </div> </div> </div> </script> <script id="lightboxSharingEmailForm" type="text/x-jsrender"> <div class="shareFormAreaInner"> <h3>Share via Email</h3> <form class="shareLightboxForm form" id="shareLightboxForm" novalidate> <input type="hidden" value="{{:id}}" id="lightboxId" /> <input type="hidden" value="{{:name}}" id="lightboxName" /> <input type="hidden" value="The lightbox {{:name}} has been shared with you." id="lightboxSubject" /> <div class="emailRecipient"> <div class="formGroupItem"> <label for="shareLightboxEmailEntry" class="hide">Email address</label> <textarea name="email_recipient" class="shareLightboxEmail textarea autoExpand" placeholder="Email address (Who to share with)" rows="1" data-min-rows="1" id="shareLightboxEmailEntry"></textarea> <span class="required">*</span> <div class="response"></div> </div> <div class="emailBlockDisplay"> </div> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox sendEmail" name="supress_email" id="sendEmail" checked="checked" /> <label for="sendEmail"> <span class="checkboxText">Send email notification to the user(s)</span> </label> </div> <div class="formGroupItem"> <label for="shareLightboxEmailSubject" class="hide">Subject:</label> <textarea name="email_subject" class="shareLightboxEmailSubject textarea autoExpand" placeholder="Subject" rows="1" data-min-rows="1" id="shareLightboxEmailSubject"></textarea> </div> <div class="formGroupItem"> <label for="emailNotes" class="hide">Notes:</label> <textarea name="email_notes" class="shareLightboxEmailNotes textarea autoExpand" placeholder="Notes" rows="1" data-min-rows="1"></textarea> </div> <div class="formGroupItem"> <p>Select collaborative to allow the lightbox to be edited, copy for a locked lightbox.</p> <input type="radio" name="share_type" id="share_dynamic" value="dynamic"> <label for="share_dynamic" class="formRadioLabel">Collaborative</label> <input type="radio" name="share_type" id="share_static" value="static" checked="checked"> <label for="share_static" class="formRadioLabel">Copy</label> <input type="radio" name="share_type" id="share_view" value="dynamic"> <label for="share_view" class="formRadioLabel">View only</label> </div> <div class="dynamicOptions hide"> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="annotate_permission" id="shareLightboxCanAnnotate" checked="checked" /> <label for="shareLightboxCanAnnotate"> <span class="checkboxText">Can annotate</span> </label> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="delete_permission" id="shareLightboxCanDelete" checked="checked" /> <label for="shareLightboxCanDelete"> <span class="checkboxText">Can delete</span> </label> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="add_permission" id="shareLightboxCanAdd" checked="checked" /> <label for="shareLightboxCanAdd"> <span class="checkboxText">Can add</span> </label> </div> <div class="formGroupItem"> <input type="checkbox" class="checkbox shareLightboxDynamicOption" name="clone_permission" id="shareLightboxCanClone" checked="checked" /> <label for="shareLightboxCanClone"> <span class="checkboxText">Can clone</span> </label> </div> </div> <div class="formGroup clearfix"> <input type="submit" class="primary-button" value="Share" /> </div> </form> </div> </script> <script id="lightboxSharingLinkForm" type="text/x-jsrender"> <p>Share view only via a link</p> <a href="#" class="primary-button getLightboxShareLink">Get link</a> <div class="inputShareURL"> <label for="lightboxShareURL" class="hide">Lightbox share URL</label> <input type="text" readonly="readonly" class="lightboxShareURL" id="lightboxShareURL" /> <button class="copyURL">Copy URL</button> </div> </script> <script id="emailBlockElem" type="text/x-jsrender"> <div class="emailBlockItem" data-id="{{:#index}}"> <div class="emailBlockItemInner"> <div class="name"> {{lowerCase:>}} </div> <div class="removeThisEmail"> <a href="#" class="removeThisEmailAction" data-id="{{:#index}}"> <i class="fa fa-trash" aria-hidden="true"></i> <span class="screen-reader-text">Remove email {{lowerCase:>}}</span> </a> </div> </div> </div> </script> <script id="sharedMessageSuccess" type="text/x-jsrender"> Lightbox {{:name}} shared with {{:share_recipient}} </script> <script id="noLightboxItemTemplate" type="text/x-jsrender"> <div class="noLightboxes"> <span class="message">You have no lightboxes at the moment, why not create a new one to get started!</span> </div> </script> <script id="lightboxDeleteMessage" type="text/x-jsrender"> Are you sure you want to delete {{:name}} lightbox?</script> <script id="AssetDeleteMessage" type="text/x-jsrender"> Are you sure you want to delete these assets?</script> <script id="lightboxDeleteNoteMessage" type="text/x-jsrender"> Are you sure you want to delete this note?</script> <script id="lightboxCloneMessage" type="text/x-jsrender"> Enter the new name for the lightbox clone</script> <script id="lightboxRenameMessage" type="text/x-jsrender"> Enter the new name for the lightbox</script> <script id="lightboxNameMessage" type="text/x-jsrender"> lightbox name</script> <script id="lightboxNewMessage" type="text/x-jsrender"> Enter name for new lightbox</script> <script id="cannotCreateAnotherLightbox" type="text/x-jsrender"> Login to create another lightbox</script> <script id="createALightbox" type="text/x-jsrender"> Create a Lightbox</script> <script id="assetAlreadyInLightbox" type="text/x-jsrender"> Asset is already in lightbox</script> <script id="downloadApprovedMessage" type="text/x-jsrender"> The Lightbox cannot accept any new assets</script> <script id="assetNoPermission" type="text/x-jsrender"> You have not been permitted to add this to this lightbox</script> <script id="noDefaultLightbox" type="text/x-jsrender"> You do not have a default lightbox set. Please set a default ligthbox from the side panel</script> <script id="assetAddedToLightbox" type="text/x-jsrender"> Asset added to {{:name}}</script> <script id="assetSuccess" type="text/x-jsrender"> Success</script> <script id="lightboxPanelOpened" type="text/x-jsrender"> Lightbox opened</script> <script id="assetError" type="text/x-jsrender"> Info</script> <script id="lightboxChildMessage" type="text/x-jsrender"> Please add child lightbox name</script> <script id="renameLightboxForm" type="text/x-jsrender"> <h3>Rename lightbox</h3> <p>Add a new name for the lightbox</p> <form class="renameLightbox form" id="renameLightbox" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxNewName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxNewName" class="lightboxNewName textbox" placeholder="Lightbox Name" value="{{:>}}" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Rename Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </script> <script id="cloneLightboxForm" type="text/x-jsrender"> <h3>Clone lightbox</h3> <p>Add a name for the lightbox clone</p> <form class="cloneLightbox form" id="cloneLightbox" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxCloneName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxCloneName" class="lightboxCloneName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Clone Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </script> <script id="createLightboxForm" type="text/x-jsrender"> <h3>Create lightbox</h3> <p>Add a name for the new lightbox</p> <form class="createLightbox form" id="createLightbox" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxName" class="lightboxName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Create Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </script>  <script id="lightboxWidgett" type="text/x-jsrender"> <div class="lightboxWidget" id="lightboxWidget"> <div class="lightboxTableWrapper"> <table class="lightboxTable tableFullWidth table"> <thead> <tr> <th>Lightbox name</th> <th>Items</th> <th>Open</th> <th>Default</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="lightboxDashTitle" type="text/x-jsrender"> Lightboxes</script> <script id="lightboxWidgetItem" type="text/x-jsrender"> <tr> <td>{{:name}}</td> <td>{{:item_count}}</td> <td><a href="#" class="openLightboxPanel" data-id="{{:id_lightbox}}">Open</a></td> <td> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" class="setDefaultLighboxUserDash" data-default="{{:is_default}}" data-id="{{:id_lightbox}}" title="Set this as the default lightbox"> <i class="fa fa-star-o"></i> </a> {{/if}} </td> </tr> </script> <script id="noLightboxWidget" type="text/x-jsrender"> <tr> <td colspan="4"><span class="errorMessage">No lightboxes</span></td> </tr> </script> <script id="navLightboxBox" type="text/x-jsrender"> <div class="lightboxNav navSideItem"> <div class="contentBlock"> <div class="lightboxSearch"> <div class="formGroupItem"> <label for="searchLightbox" class="hide">Search Lightbox list</label> <input type="text" id="searchLightbox" class="searchLightboxes textbox" placeholder="Search Lightboxes" /> </div> </div> <div class="lightboxList"> <div class="lightboxListInner"> <div class="sidebarSubTitle"> <h3>Current lightbox</h3> </div> <div class="currentLightbox"> </div> <div class="newLightboxFormArea"> <div class="sidebarSubTitle newLb"> <h3>Create new lightbox</h3> </div> <form class="newLightbox form" id="newLightboxFormSidebar" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxNameSidebar" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxNameSidebar" class="lightboxName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Create Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> <p class="hide loginForMoreMessage">Please <a href="/login" class="textLink02">sign in</a>/<a href="/register" class="textLink02">register</a> to get multiple lightboxes</p> </div> <div class="sidebarSubTitle saved"> <h3>Saved lightboxes</h3> </div> <div class="savedLightboxes"> </div> </div> </div> </div> </div> <div class="basketPanelNav navSideItem"> <div class="sidebarItem basketSidebarItem"> <div class="basketList clearfix"> <div class="basketListInner"> </div> </div> </div> </div> </script> <script id="navLightboxItemTemplate" type="text/x-jsrender"> <div class="lightboxListItem" data-id="{{:id_lightbox}}" data-name="{{lowerCase:name}}"> <div class="lightboxItemInner"> <div class="lightboxDetails"> <div class="default"> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" class="setDefault" data-default="{{:is_default}}" data-id="{{:id_lightbox}}" title="Set this as the default lightbox"> <i class="fa fa-star-o"></i> </a> {{/if}} </div> <div class="lightboxName"> <a href="#" class="openLightbox" data-id="{{:id_lightbox}}"> <h3> {{:name}} {{if is_shared}} <span class="shared">(Shared)</span> {{/if}} </h3> </a> </div> <div class="lightboxMenuContainer"> <a href="#" class="lightboxMenuTrigger" data-id="{{:id_lightbox}}" title="Lightbox options"> <i class="fa fa-navicon"></i> </a> <ul class="lightboxMenu" data-id="{{:id_lightbox}}" data-name="{{:name}}"> {{if is_shared}} <li><a href="https://www.topfoto.co.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> {{if permissions.clone_permission}} <li><a href="#" class="lightboxContextClone">Clone</a></li> {{/if}} {{if permissions.annotate_permission}} <li><a href="#" class="lightboxNotes" data-id="{{:id_lightbox}}" data-name="{{:name}}">Notes</a></li> {{/if}} {{else}} <li><a href="https://www.topfoto.co.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> <li><a href="#" class="lightboxContextDownload" data-id="{{:id_lightbox}}" data-name="{{:name}}">Download</a></li> {{/if}} </ul> </div> <div class="lightboxCount"> <span class="lightboxNumber">{{:item_count}}</span> </div> </div> </div> <div class="droppablePanel"> <div class="copyPanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Copy</h3> </div> <div class="movePanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Move</h3> </div> </div> <div class="dropHereTarget"> <p>Add to {{:name}}</p> </div> </div> </script>  <script id="lightboxSidebarTemplate" type="text/x-jsrender"> <div class="lightboxSidebarPanel"> <div class="sidebarToolTitle"> <h2>Lightboxes</h2> </div> <div class="contentBlock"> <div class="sidebarItem lightboxItem"> <div class="lightboxList clearfix"> <div class="newLightboxFormArea"> <form class="newLightbox form" id="newLightboxFormSidebar" novalidate> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="lightboxName" class="hide">Lightbox Name</label> <input type="text" name="lightboxName" id="lightboxNameSidebar" class="lightboxName textbox" placeholder="Lightbox Name" /> <span class="required">*</span> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button newLightbox" value="Create Lightbox" /> </div> <div class="formMessage response"></div> </div> </form> </div> <div class="lightboxListInner"> <div class="sidebarSubTitle"> <h3>Saved Lightboxes</h3> </div> </div> </div> </div> </div> </div> </script> <script id="lightboxItemTemplate" type="text/x-jsrender"> <div class="lightboxListItem addedLightbox" data-id="{{:id_lightbox}}"> <div class="lightboxItemInner"> {{if lead_item.thumb}} <div class="lightboxBg"><img src="{{:lead_item.thumb.url[3]}}" /></div> {{/if}} <div class="lightboxDetails"> <div class="default"> {{if is_default == true}} <i class="fa fa-star"></i> {{/if}} {{if is_default == false}} <a href="#" class="setDefault" data-default="{{:is_default}}" data-id="{{:id_lightbox}}" title="Set this as the default lightbox"> <i class="fa fa-star-o"></i> </a> {{/if}} </div> <div class="lightboxName"> <a href="#" class="openLightbox" data-id="{{:id_lightbox}}"> <h3> {{:name}} {{if is_shared}} <span class="shared">(Shared)</span> {{/if}} </h3> </a> </div> <div class="lightboxMenuContainer"> <a href="#" class="lightboxMenuTrigger" data-id="{{:id_lightbox}}" title="Lightbox options"> <i class="fa fa-navicon"></i> </a> <ul class="lightboxMenu" data-id="{{:id_lightbox}}" data-name="{{:name}}"> {{if is_shared}} <li><a href="https://www.topfoto.co.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> {{if permissions.clone_permission}} <li><a href="#" class="lightboxContextClone">Clone</a></li> {{/if}} {{if permissions.annotate_permission}} <li><a href="#" class="lightboxNotes" data-id="{{:id_lightbox}}" data-name="{{:name}}">Notes</a></li> {{/if}} {{else}} <li><a href="https://www.topfoto.co.uk/lightbox/{{:id_lightbox}}" class="lightboxContextOpen">Open manager</a></li> <li><a href="#" class="lightboxContextOpenPanel" data-id="{{:id_lightbox}}">Open panel</a></li> {{/if}} </ul> </div> <div class="lightboxCount"> <span class="lightboxNumber">{{:item_count}}</span> </div> </div> </div> <div class="droppablePanel"> <div class="copyPanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Copy</h3> </div> <div class="movePanel droppablePanelArea" data-id="{{:id_lightbox}}"> <h3 class="actionName">Move</h3> </div> </div> <div class="dropHereTarget"> <p>Add to {{:name}}</p> </div> </div> </script><script id="exapndLightbox" type="text/x-jsrender"> Expand lightbox</script> <script id="collapseLightbox" type="text/x-jsrender"> Collapse lightbox</script> <script id="lightboxSuffix" type="text/x-jsrender"> asset{{if item_count > 1}}s{{/if}} </script>  <script id="lightboxPanel" type="text/x-jsrender"> <a href="#" class="backToLightboxList"><i class="fa fa-chevron-left"></i> <span>Back to list</span></a> <div class="lightboxPanel" data-id="{{:id_lightbox}}" id="panel-{{:id_lightbox}}"> <div class="lightboxPanelWrapper"> <div class="lightboxPanelInner"> <div class="lightboxDescription"> <div class="lightboxDetails"> <div class="name"> <h3>{{:name}}</h3> <span class="count">{{:item_count}}</span> </div> </div> <div class="lightboxActions"> <ul class="lightboxPanelActions clearfix"> <li class="subMenuWrapper"><a href="#" class="lightboxSubMenu" title="Menu" data-id={{:id_lightbox}}><i class="fa fa-navicon"></i></a> <div class="subMenuItemContainer"> <ul class="subMenu"> <li class="subMenuItem"><a href="#" class="downloadLightboxBar" title="Download lightbox" data-id="{{:id_lightbox}}"><span class="icon"><i class="fa fa-download"></i></span><span class="description">Download lightbox</span></a></li> <li class="subMenuItem"><a href="https://www.topfoto.co.uk/lightbox/{{:id_lightbox}}" class="" title="Lightbox manager" data-id="{{:id_lightbox}}"><span class="icon"><i class="fa fa-th"></i></span><span class="description">Lightbox manager</span></a></li> </ul> </div> </li> </ul> </div> </div> <div class="lightboxAssetsInner"> <div class="lightboxAssets"> </div> </div> <div class="hoverAddTo" data-id="{{:id_lightbox}}"> <p>Add to {{:name}}</p> </div> </div> </div> </div> </script> <script id="lightboxIconMenuItem" type="text/x-jsrender"> <li class="addToLightboxListItem"><a href="#" class="addToOtherLightbox" data-id="{{:id_lightbox}}" title="{{:name}}">{{:name}}</a></li> </script> <script id="lightboxAsset" type="text/x-jsrender"> <div class="lightboxAsset" data-id="{{:summary.idasset}}" data-lightbox-id="{{:id_lightbox_item}}" data-parent=""> <a href="#" data-id="{{:summary.idasset}}" class="lightboxAssetOverlay" data-parent="" data-lightbox-id="{{:id_lightbox_item}}"> <div class="imageHugger"> <img src="{{:thumb.url[3]}}" /> {{if metadata && metadata.md2 && metadata.md2.value !==''}} <div class="mdLBThumb"> <span class="fieldData" title="{{:metadata.md2.value}}"> {{:metadata.md2.value}} </span> </div> {{/if}} </div> </a> </div> </script> <script id="removeFromLightbox" type="text/x-jsrender"> <div class="dafl"> <div class="daflInner"> <div class="icon"> <i class="fa fa-trash"></i> </div> </div> </div> </script> <script id="lightboxPermission" type="text/x-jsrender"> {{if lightbox.is_shared}} {{if permissions.annotate_permission}} <li class="subMenuItem"><a href="#" class="lightboxNotes" title="Notes" data-id="{{:lightbox.id_lightbox}}" data-name="{{:lightbox.name}}"><span class="icon"><i class="fa fa-file-text-o"></i></span><span class="description">Notes</span></a></li> {{/if}} {{else}} {{/if}} </script><script id="assetNotesArea" type="text/x-jsrender"> </script> <script id="lightboxNotesArea" type="text/x-jsrender"> </script> <script id="notesItem" type="text/x-jsrender"> {{if id_lightbox_item}} <div class="noteContainer" data-id="{{:id_lightbox_item_note}}" data-lightbox="{{:id_lightbox_item}}"> {{else id_lightbox}} <div class="noteContainer" data-id="{{:id_lightbox_note}}" data-lightbox="{{:id_lightbox}}"> {{else asset_note_id}} <div class="noteContainer" data-id="{{:asset_note_id}}"> {{/if}} <div class="noteItem"> <div class="noteItemInner"> {{if asset_annotated_image}} <div class="viewAssetDrawingContainer"> <a href="#" class="viewAssetDrawing" title="View drawing for this note" data-src="{{:asset_annotated_image}}"> <i class="fa fa-image"></i> </a> </div> {{/if}} <div class="noteTitle"> <h4>{{:title}}</h4> </div> <div class="noteText"> <p>{{:notes}}</p> </div> <div class="noteAuthor"> <span class="fname">{{:posted_by.fname}}</span> <span class="lname">{{:posted_by.lname}}</span> </div> <div class="deleteNoteContainer"> {{if id_lightbox_item_note}} <button class="deleteNote" data-id="{{:id_lightbox_item_note}}" data-loc="a" title="Delete note"> {{else id_lightbox_note}} <button class="deleteNote" data-id="{{:id_lightbox_note}}" data-loc="l" title="Delete note"> {{else asset_note_id}} <button class="deleteAssetNote" data-id="{{:asset_note_id}}" title="Delete note"> {{/if}} <i class="fa fa-trash-o" aria-hidden="true"></i> </button> </div> </div> {{if children}} <div class="notesChildren"> {{for children tmpl="#notesChildren" /}} </div> {{/if}} <div class="noteActions"> <div class="replyToNote"> <a href="#" class="openReplyToNote">Add comment</a> </div> <form class="replyNote form hide" novalidate=""> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="replyNoteNote" class="hide">Reply:</label> <textarea name="notes" class="replyNoteNote textarea autoExpand" placeholder="Reply" rows="1" data-min-rows="1"></textarea> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" class="primary-button replyNoteBtn" value="Reply" /> </div> <div class="formMessage response"></div> </div> </form> </div> </div> </div> </script> <script id="notesChildren" type="text/x-jsrender"> <div class="notesChild"> <div class="noteText"> <p>{{:notes}}</p> </div> <div class="noteAuthor"> <span class="fname">{{:posted_by.fname}}</span> <span class="lname">{{:posted_by.lname}}</span> </div> <div class="deleteNoteContainer"> {{if id_lightbox_item_note}} <a href="#" class="deleteNote" data-id="{{:id_lightbox_item_note}}" data-loc="a" aria-label="Delete Note"> {{else id_lightbox_note}} <a href="#" class="deleteNote" data-id="{{:id_lightbox_note}}" data-loc="l" aria-label="Delete Note"> {{else asset_note_id}} <a href="#" class="deleteAssetNote" data-id="{{:asset_note_id}}" aria-label="Delete Note"> {{/if}} <i class="fa fa-trash-o"></i> </a> </div> </div> </script> <script id="noNotesAsset" type="text/x-jsrender"> <p class="noNotes">There are no notes associated with this asset</p> </script> <script id="noNotesLightbox" type="text/x-jsrender"> <p class="noNotes">There are no notes associated with this lightbox</p> </script> <script id="searchHistoryDashTitle" type="text/x-jsrender"> Search history</script> <script id="searchHistory" type="text/x-jsrender"> <div class="searchHistory" id="searchHistory"> <div class="searchHistoryTableWrapper"> <table class="tableFullWidth table searchHistoryTable"> <thead> <tr> <th>Search term</th> <th>Date</th> <th>Number of results</th> <th>Rerun</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="searchHistoryItem" type="text/x-jsrender"> <tr data-id="{{:log_id}}"> <td>{{if parameters.keywords}}{{:parameters.keywords}}{{else}}{{:parameters.search_text}}{{/if}}</td> <td>{{dateFormat:date_time}}</td> <td>{{:parameters.number_of_results}}</td> <td><a href="https://www.topfoto.co.uk/search/?searchQuery={{>parameters.search_text}}" target="_blank">Rerun search</a></td> </tr> </script> <script id="noSearchHistory" type="text/x-jsrender"> <tr> <td colspan="4">No search history</td> </tr> </script> <script id="downloadHistoryDashTitle" type="text/x-jsrender"> Download history</script> <script id="downloadHistory" type="text/x-jsrender"> <div class="userDownloadHistory"> <div class="userDownloadHistoryInner"> <table class="tableFullWidth table downloadHistoryTable"> <thead> <tr> <th>Date</th> <th>Actions</th> <th>Order</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </script> <script id="downloadHistoryItem" type="text/x-jsrender"> <tr class="downloadHistoryItem" data-id="{{:order_id}}"> <td>{{dateFormat:create_date_time}}</td> <td><a href="#" class="downloadHistoryOpen" data-id="{{:order_id}}">Download</a></td> <td>{{:download_filename}}</td> </tr> </script> <script id="noDownloadHistory" type="text/x-jsrender"> <tr colspan="4"> <td><span class="errorMessage">No download history</span></td> </tr> </script> <script id="searchSidebarTemplate" type="text/x-jsrender"> <div class="contentBlock"> {{if meta.total}} <div class="resultsData"> <span class="details term">Search term: <span class="searchTerm"> {{if meta.searchterms}}"{{:meta.searchterms}}"{{else}}<span class="none">none</span>{{/if}}</span></span> <span class="details nor" aria-live="polite"><span class="searchNumberResults">{{:meta.total}} </span>{{if meta.total > 1}}results{{else}}result{{/if}}</span> </div> {{/if}} <div class="pastSearch"> <div class="sidebarToolTitle"> <h3 class="subTitle">Past searches</h3> </div> <div class="pastSearchInner"> </div> </div> <div class="searchSettings"> </div> </div> </script> <script id="filterBadge" type="text/x-jsrender"> <div class="filterBadge"> <span class="filterAmount">{{:count}}</span> </div> </script> <script id="pastSearchTerm" type="text/x-jsrender"> <a class="pastSearchTerm" href="https://www.topfoto.co.uk/search/?searchQuery={{>coded}}"><span class="pastTerm">{{:decoded}}</span></a> </script> <script id="facetItems" type="text/x-jsrender"> <div class="refineSearchItem"> <div class="title active"> <a href="#" class="showHide"><h4>{{:alias}}</h4><span class="arrow"><i class="fa fa-chevron-down"></i></span></a> </div> <div class="content active" data-term="{{:key}}"> <div class="contentInner"> {{for data ~facetData=#data}} <div class="searchFacetItem"> <input type="checkbox" class="checkbox02 searchRefineCheckbox {{>value}}" data-val="{{>value}}" name="{{noSpaces:~facetData.alias}}{{noSpaces:value}}" id="{{noSpaces:~facetData.alias}}{{noSpaces:value}}" /> <label for="{{noSpaces:~facetData.alias}}{{noSpaces:value}}"> <span class="checkboxText02">{{>value}}<span class="count">({{>count}})</span></span> </label> </div> {{/for}} </div> </div> </div> </script> <script id="navSearchBox" type="text/x-jsrender"> <div class="searchFormNav navSideItem"> <form class="searchFormMenu form cdbs" id="searchFormMenu" novalidate action="https://www.topfoto.co.uk/search/"> <div class="formGroup clearfix"> <div class="formGroupItem searchNavBox"> <label for="searchQuery" class="hide">Search:</label> <input type="text" name="searchQuery" id="searchQueryMenu" class="searchQueryHome textbox" placeholder="Search term" /> <button type="submit" class="iconButton SearchHomeButton inlineIconButton"><i class="fa fa-search"></i></button> <div class="response"></div> </div> </div> </form> </div> </script> <script id="searchSideMenu" type="text/x-jsrender"> <div class="sideQuickMenu"> <div class="sideQuickMenuInner"> <ul class="sideMenuList"> </ul> </div> </div> </script> <script id="assetType" type="text/x-jsrender"> <div class="formGroupItem"> <label for="searchType" class="hide">Asset type:</label> <select id="assetType" name="assetType" class="select"> <option value="default" selected>All</option> {{props options tmpl="#assetTypeOption"}}{{/props}} </select> </div> </script> <script id="assetTypeHome" type="text/x-jsrender"> <div class="customSelectWrapper"> <select id="assetTypeHome" name="assetType" class="select customSelect"> <option value="default" selected>All</option> {{props options tmpl="#assetTypeOption"}}{{/props}} </select> </div> </script> <script id="assetTypeHeader" type="text/x-jsrender"> <select id="assetTypeHeader" name="assetType" class="select"> <option value="default" selected>All</option> {{props options tmpl="#assetTypeOption"}}{{/props}} </select> </script> <script id="assetTypeOption" type="text/x-jsrender"> <option value="{{>key}}">{{>prop}}</option> </script> <script id="navLoginBox" type="text/x-jsrender"> <div class="loginFormNav navSideItem"> <form class="loginForm form" id="loginFormSidebar" method="post" novalidate action="https://www.topfoto.co.uk?connect=capture"> <input type="hidden" id="uIP" name="ip_address" value="8.222.208.146" /> <div class="formGroup clearfix"> <div class="formGroupItem"> <label for="email" class="hide">Email</label> <input type="text" name="email" id="email" class="email textbox" placeholder="Email" /> <div class="response"></div> </div> <div class="formGroupItem"> <label for="password" class="hide">Password</label> <input type="password" name="password" id="password" class="password textbox" placeholder="Password" /> <div class="response"></div> </div> <div class="formGroupItem"> <input type="submit" id="sidebarLoginSubmit" class="primary-button searchBtn" value="Login" /> </div> </div> </form> <a class="textLink light" href="https://www.topfoto.co.uk/login/forgot/">Forgotten password?</a> <a class="textLink right light" href="https://www.topfoto.co.uk/register/">Register</a> <h3 class="alertTitle">Welcome!</h3> <p class="alertText">New customers please <a href="https://www.topfoto.co.uk/register/" class="textLink04">register here</a>.</p> </div> </script> <script id="inactivityLogOut" type="text/x-jsrender"> You have been logged out due to inactivity, please log in again to continue</script> <script id="invalidPasswordStrengthMessage" type="text/x-jsrender"> Sorry your password does not meet the complexity requirements</script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(['trackPageView']); (function () { var u = "https://stats1.wpmudev.com/"; _paq.push(['setTrackerUrl', u + 'track/']); _paq.push(['setSiteId', '63609']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.type = 'text/javascript'; g.async = true; g.defer = true; g.src = 'https://stats.wpmucdn.com/analytics.js'; s.parentNode.insertBefore(g, s); })(); </script> <noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://www.topfoto.co.uk/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=3.1.12'></script><link rel='stylesheet' id='sow-social-media-buttons-flat-a11bb0029a6b-group-css' href='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/uploads/siteorigin-widgets/sow-social-media-buttons-flat-a11bb0029a6b.css,wp-content/plugins/so-widgets-bundle/icons/fontawesome/style.css&ver=1733309902' type='text/css' media='all' /> <script type='text/javascript' src='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/mu-plugins/capture-core/js/capture-core-scripts.js,wp-content/themes/capture_web_theme_2/js/navigation.js,wp-content/themes/capture_web_theme_2/js/skip-link-focus-fix.js,wp-content/themes/capture_web_theme_2/js/capture_theme_2.js,wp-content/mu-plugins/capture-core/js/vendor/imagesLoaded.min.js,wp-content/mu-plugins/capture-core/js/vendor/jquery-ui.min.js,wp-content/mu-plugins/capture-core/js/vendor/pdf.worker.js,wp-content/mu-plugins/capture-core/js/vendor/pdf.js,wp-content/mu-plugins/capture-core/js/vendor/unslider.js,wp-content/mu-plugins/capture-core/js/vendor/slick.min.js&ver=1733309902'></script> <script type='text/javascript' src='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/mu-plugins/capture-core/js/vendor/readmore.min.js,wp-content/mu-plugins/capture-core/js/vendor/ofi.js,wp-content/mu-plugins/capture-core/js/vendor/object-fit-polyfill.min.js,wp-content/mu-plugins/capture-core/js/vendor/video.min.js,wp-content/mu-plugins/capture-core/js/vendor/jquery.jqscribble.js,wp-content/mu-plugins/capture-core/js/vendor/jqscribble.extrabrushes.js,wp-content/mu-plugins/capture-core/js/vendor/rsvp.js,wp-content/mu-plugins/capture-core/js/vendor/frame-grab.js,wp-content/mu-plugins/capture-core/js/vendor/select2.min.js,wp-content/mu-plugins/capture-core/js/vendor/holder.js&ver=1733309902'></script> <script type='text/javascript' src='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/mu-plugins/capture-core/js/vendor/clamp.min.js,wp-content/themes/capture_web-topFoto/capture_core/templates/js/capture-download-scripts.js,wp-content/themes/capture_web-topFoto/capture_core/templates/js/capture_asset.js,wp-content/plugins/capture-asset-sharing/js/cwasset_sharing_scripts.js,wp-content/plugins/capture-ecommerce/js/capture-ecommerce-scripts.js,wp-content/plugins/capture-ecommerce/js/jquery.smartWizard.min.js,wp-content/themes/capture_web-topFoto/capture_ecommerce/templates/js/capture-ecommerce-layout.js,wp-content/themes/capture_web-topFoto/capture_groups/templates/js/capture-groups-layout.js,wp-content/plugins/capture-groups/js/capture-groups-scripts.js,wp-content/plugins/capture-lightbox-sharing/js/capture-lightbox-sharing-script.js&ver=1733309902'></script> <script type='text/javascript' src='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/themes/capture_web-topFoto/capture_lightbox/templates/js/capture-lightbox-layout.js,wp-content/plugins/capture-lightbox/js/capture-lightbox-script.js,wp-content/themes/capture_web-topFoto/capture_search/template/js/capture-search-layout.js,wp-content/plugins/capture-search/js/capture-search-scripts.js,wp-content/plugins/capture-search/js/capture-asset-page-scripts.js,wp-content/plugins/capture-user-auth/js/capture-auth-scripts.js,wp-content/themes/capture_web-topFoto/capture_auth/template/js/capture-auth-handler.js,wp-includes/js/dist/hooks.min.js,wp-includes/js/dist/i18n.min.js,wp-content/plugins/contact-form-7/includes/swv/js/index.js&ver=1733309902'></script> <script type='text/javascript' src='https://www.topfoto.co.uk/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/contact-form-7/includes/js/index.js,wp-content/plugins/wp-knowledgebase/assets/js/jquery.livesearch.js&ver=1733309902'></script> <script>document.body.className = document.body.className.replace("siteorigin-panels-before-js","");</script> </body> </html>