PageSourceSearch

https://shop.centremapslive.co.uk/map.php?showlogin=yes

html centremapslive.co.uk collected 2026-09-26 15:12:38 UTC 109,503 bytes, 1,635 lines download raw bytes

1
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head>
5    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6    <link rel="shortcut icon" href="images/cmlive/icon.ico"/>
7    
8    <!-- Google Tag Manager -->
9    
9<script>
vendor: 359 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
10            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
11        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
12        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
13    })(window,document,'script','dataLayer','
13GTM-T3RRH7L8
vendor: 3 bytes, line 13
13');
13</script>
13
14    <!-- End Google Tag Manager -->
14<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCD9vBEEP5rrfrUJ_gXfVvJReesM-z_i4U' type='text/javascript'></script>
14
15    <link rel='stylesheet' href='css/cmlive_global.css?ver=4' />    <link rel="stylesheet" href="dhtmlxSlider/codebase/dhtmlxslider.css" type="text/css"/>
16    <!--**Slider functionality-->
17    <link rel="stylesheet" href="css/cookie-notice.css" type="text/css"/>
18    
18<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.1.min.js"></script>
18
19    <!-- Include jQuery. -->
20    
20<script type="text/javascript" language="JavaScript" src="js/browsercheck.js?ver=1"></script>
20
21    <!--
21<script type="text/javascript" language="JavaScript" src="openlayers/OpenLayers.js"></script>
21	Version 2.9 + label background and label align patches-->
22    
22<script type="text/javascript" language="JavaScript" src="openlayers213/OpenLayersORIG.js"></script>
22<!--<	Version 2.11 + label background and label align patches
23<script type="text/javascript" language="JavaScript" src="openlayers213new/OpenLayers.js?ver=2"></script>
23-->
24
25
26    <!--CML Searching
27    
27<script type='text/javascript' language='JavaScript' src='http://shop.centremapslive.co.uk/cmlSearch/cmlSearch.php?key=cm_search2&inittype=search&loadjq=no'></script>
27
28    <link rel="stylesheet" href="http://shop.centremapslive.co.uk/cmlSearch/css/search/jquery-ui.css">-->
29
30    
30<script type='text/javascript' language='JavaScript'
31            src='/cmlSearch/cmlSearch.php?key=cm_search2&inittype=search&loadjq=no'></script>
31
32    <!--
32<script type='text/javascript' language='JavaScript' src='https://dev.cmaps-aws.co.uk/cmlSearch/cmlSearch.php?key=cm_search2&inittype=search&loadjq=no'></script>
32-->
33
34
35    <link rel="stylesheet" href="/cmlSearch/css/search/jquery-ui.css">
36
37    <style>
38        /*overide for autocomplete*/
39        .ui-menu {
40            padding-top: 0px;
41        }
42
43        .ui-menu .ui-menu-item a {
44            color: #000000;
45            border-radius: 0px;
46            border: 0px solid #454545;
47            font-size: 13px;
48            padding: 2px;
49        }
50
51        .ui-menu-item a:hover {
52            background: #EBEBEB;
53            color: #000000;
54            border-radius: 0px;
55            border: 0px solid #454545;
56            font-size: 13px;
57            padding: 2px;
58        }
59
60        .cmlFixedHeight {
61            padding: 2px;
62            /*padding-right: 20px;
63            max-height: 300px;*/
64            /*min-width: 450px;*/
65            /*overflow: scroll;*/
66        }
67
68        .ui-autocomplete-loading {
69            background: url('images/loader.gif') no-repeat right center;
70            /*padding-right:-30px;*/
71        }
72
73        .ui-autocomplete {
74            max-height: 300px;
75            overflow-y: auto;
76            overflow-x: hidden;
77        }
78
79        /*overide for autocomplete tooltip*/
80        #cmlMatchesTip {
81            font-size: 13px;
82            padding: 2px;
83            font-family: Verdana, Arial, sans-serif;
84        }
85
86        /*10-17 addition for best height aerial suppliers*/
87        #bestHeightAerialSuppliersContent {
88            display: inline-block;
89            width: 690px;
90            /*padding:10px;*/
91            border: 1px solid #E3E3E3;
92            background: #ffffff;
93            z-index: 99996;
94            /* background: url(../images/scalebarback.png);
95            background-repeat: repeat;*/
96            text-align: left;
97        }
98
99        #bestHeightAerialSuppliers {
100            position: absolute;
101            top: 0px;
102            left: 0px;
103            width: 100%;
104            max-width: 1500px;
105            max-height: 850px;
106            height: 500px;
107            clear: both;
108        }
109
110        /*Pan tools position override - move down so doesn't clash with tool tabs*/
111        .olControlPanZoomBar {
112            top: 30px !important
113        }
114
115    </style>
116
117
118    
118<script type="text/javascript" language="JavaScript" src="js/map.js?ver=20"></script>
118
119    
119<script type="text/javascript" language="JavaScript" src="js/historical.js?ver=3"></script>
119
120    
120<script type="text/javascript" language="JavaScript" src="js/passwords.js?ver=12"></script>
120
121    
121<script type="text/javascript" language="JavaScript" src="js/login.js?ver=8"></script>
121
122    
122<script type="text/javascript" language="JavaScript" src="js/dataextents.js?ver=8"></script>
122
123    
123<script type="text/javascript" language="JavaScript" src="js/useranno.js?ver=4"></script>
123
124    
124<script type="text/javascript" language="JavaScript" src="js/pricing.js?ver=5"></script>
124
125    <!--
125<script type="text/javascript" language="JavaScript" src="js/searching.js?ver=1"></script>
125-->
126    <!--Old search functionality-->
127    
127<script type="text/javascript" language="JavaScript" src="js/products.js?ver=12"></script>
127
128    
128<script type="text/javascript" language="JavaScript" src="js/ajax.js?ver=1"></script>
128
129    
129<script type="text/javascript" language="JavaScript" src="js/general.js"></script>
129
130    
130<script type="text/javascript" language="JavaScript" src="js/suppliers2.js?ver=4"></script>
130
131    
131<script type="text/javascript" language="JavaScript" src="js/viewlicensing.js?ver=3"></script>
131
132    
132<script type="text/javascript" language="JavaScript" src="js/watermark.js"></script>
132
133    
133<script type="text/javascript" language="JavaScript" src="dhtmlxSlider/codebase/dhtmlxcommon.js"></script>
133
134    <!--**Slider functionality-->
135    
135<script type="text/javascript" language="JavaScript" src="dhtmlxSlider/codebase/dhtmlxslider.js"></script>
135
136    <!--**CUFON stuff-->
137    
137<script type="text/javascript" language="JavaScript" src="js/dialog_box.js"></script>
137
138    <!--**Dialog box functionality-->
139    
139<script type="text/javascript" language="javascript" src="js/geotools2.js"></script>
139
140    
140<script type="text/javascript" language="javascript" src="js/cookiedisclosure.js"></script>
140
141
142    <!--Include Cloud Zoom-->
143    <link rel="stylesheet" type="text/css" href="css/cloudzoom.css"/>            <!-- Include Cloud Zoom CSS. -->
144    
144<script type="text/javascript" src="js/cloudzoom.js"></script>
144                <!-- Include Cloud Zoom script. -->
145    
145<script type="text/javascript">
146        jQuery.noConflict();
147        //CloudZoom.quickStart();
148    </script>
148
149
150    
150<script type="text/javascript">
151        //Resize the map element height - called when the page is resized
152        function resizeMapElementHeight() {
153            var theMapLayerToScale = document.getElementById("map");
154            var height = 0;
155            var footerHeight = 63;
156            var headerHeight = 0; //55;
157            var adjusmentFactor = 5;
158            var body = window.document.body;
159            if (window.innerHeight) {
160                height = window.innerHeight;
161            } else if (body.parentElement.clientHeight) {
162                height = body.parentElement.clientHeight;
163            } else if (body && body.clientHeight) {
164                height = body.clientHeight;
165            }
166            theMapLayerToScale.style.height = ((height - headerHeight - footerHeight - adjusmentFactor - theMapLayerToScale.offsetTop) + "px");
167        }
168    </script>
168
169    
169<script type="text/javascript" language="JavaScript" src="js/toolbox.js?ver=2"></script>
169
170
171    
172    <title>CENTREMAPSlive: Ordering</title>
173
174    <!-- initMap() arguments, hoisted out of the onload attribute and emitted as JSON.
175         Order must match function initMap() in js/map.js:285 -- 20 arguments. -->
176    
176<script type="text/javascript">
177        var CM_MAP_INIT = [
178            "",
179            "",
180            "",
181            "",
182            "gb",
183            "",
184            "",
185            "",
186            "",
187            "",
188            "",
189            "",
190            "AC0000849896",
191            "cmlive",
192            "no",
193            "100,348",
194            "",
195            "",
196            "",
197            "1.20"        ];
198    </script>
198
199</head>
200<body onload='initMap.apply(null, CM_MAP_INIT);'
201      onkeydown='keyPressDown(event);' onkeyup='keyReleased(event);' onresize="resizeMapElementHeight();">
202
203    <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 203-205
203
204    <noscript>
205        <iframe src="https://www.googletagmanager.com/ns.html?id=
205GTM-T3RRH7L8
vendor: 108 bytes, lines 205-208
205"
206                height="0" width="0" style="display:none;visibility:hidden"></iframe>
207    </noscript>
208    
208<!-- End Google Tag Manager (noscript) -->
209    
209<script type="text/javascript" src="js/wz_tooltip.js"></script>
209
210
211<div id="wrap">
212
213    <!-- LOGIN CONTENT -->
214    <div id="loginPopup">
215        <form method="post" name="loginform" id="loginform" action="">
216            <ul id="loginContent" class="loginUL" style="display:block;">
217                <li class="white" style='margin-bottom:3px;'>Login to your account</li>
218                <li>
219                    <input type='text' name='username' id='username' class='login' onfocus='clearInput();' value='Email Address' onkeypress='return submitIt("loginmap",event);' /><input name='loginid' id='loginid' type='hidden' value=''>                </li>
220                <li>
221                    <input type="password" name="pwd" id="pwd" class="login" value="" onfocus="this.value=''"
222                           onkeypress='return submitIt("loginmap",event);'/>
223                    <input name="loginsite" id="loginsite" type="hidden" value="cmlive">
224
225                </li>
226                <li>
227                    <label class="remember"><a href="javascript:sendPasswordReminder();">Forgotten
228                            Password?</a></label>
229                    <label class="logMeIn"><strong><a href="javascript:runLogin('in','map');">Log
230                                me in!</a></strong></label>
231                </li>
232                <li class="clear">
233                    <label class="logMeIn"><a href="javascript:hideLogin()">Close [x]</a></label>
234                </li>
235            </ul>
236            <div id="loginMessage"></div>
237        </form>
238    </div>
239    <!-- END LOGIN CONTENT -->
240
241    <!-- REGISTER CONTENT -->
242    <div id="registerPopup">
243        <div style="position:absolute;bottom:25px;left:15px;border-top:1px solid #ED0489;width:490px;"><a
244                    href="javascript:showHideRegister('hide');">Close
245                [x]</a></div>
246        <div id="registerContent"></div>
247    </div>
248    <!-- END REGISTER CONTENT -->
249    <div id="annoProperties" class='popupBox'></div>
250    <div id='gsInfoContent' class='popupBox'>
251        <div style="position:absolute;top:5px;right:10px;"><a href="javascript:closeGSInfo();">Close
252                [x]</a></div>
253        <div id="gsInfoContentContent"></div>
254    </div>
255    <div id='gsInfoContent2' class='popupBox'>
256        <div style="position:absolute;top:5px;right:10px;"><a href="javascript:closeGSInfo();">Close
257                [x]</a></div>
258        <div id="gsInfoContent2Content"></div>
259    </div>
260    <div id='layerInfoContent' class='popupBox' style="position:absolute;left:50%;margin-left:-200px;top:100px;display:none;overflow:auto;width:440px;padding:15px;z-index:9999999996;">
261        <div style="position:absolute;top:5px;right:10px;"><a href="javascript:closeLayerInfo();">Close
262                [x]</a></div>
263        <div id="layerInfoContentContent" style="width:420px;overflow:auto;"></div>
264    </div>
265
266
267    <!-- UTILITY INFO CONTENT -->
268    <div id='utilityInfoContent' class='popupBox'>
269        <div style="position:absolute;top:5px;right:10px;"><a href="javascript:closeUtilityInfo();">Close
270                [x]</a></div>
271        <div id="utilityInfoHelpContent" style="display:none;">
272            <h2>Why add FastView?</h2>
273<p>Simplify accessibility and avoid overlooking critical information.<br />All formats included as standard (layered PDF, CAD &amp; GIS) for maximum benefit across your team</p>
274<h3>Stats Plans, Georefenced:</h3>
275<p style="padding-left: 10px;"><strong>aligned to current OS mapping:</strong><br /> - improves context<br /> - avoids confusion from out of date base mapping<br /> - no need to navigate a grid of sheets<br /> <strong>retain all original detail:</strong><br /> - notes, sections, labels<br /> - see original map quality to avoid accuracy assumptions<br /> - overlay additional content in CAD/GIS</p>
276<h3>Digitised Linework:</h3>
277<p>Provided in addition to georeferenced plans which are retained for context and additional detail.</p>
278<p style="padding-left: 10px;">- reduce the chance of missing information<br /> - consider all utilities concurrently<br /> - utility and category division of layers<br /> - work with the geometries in your CAD / GIS<br /> - responses digitised to buffered site extent (dashed line)</p>
279<h3>NOTE:</h3>
280<p>FastView improves accessibility of search responses. However, it should only be used in conjunction with the main report to ensure PAS 128 Level D compliance.</p>        </div>
281
282
283        <div id="utilityInfoContentContent" style="display:block;">
284            <form id='frmUtility' action="" method="post">
285                <table id='utilityLayout'>
286                    <tr><td colspan='2'><h3>Search Options</h3></td></tr>
287                    <tr><td class="utilityLeft"><h4>Timescale</h4></td><td><select id='uTimescale' name='uTimescale' onchange='updateUTurnaround();'><option value='1'>1 day</option><option value='5'>5 days</option><option value='10'>10 days</option><option value='20'>20 days</option></select></td></tr>
288                    <tr><td class="utilityLeft"><h4>Optional Utilities</h4></td><td><p><input type='checkbox' id='uVM' name='uVM' checked onclick="checkUtilities();" />&nbsp;&nbsp;Virgin Media (&pound;<span id='vfprice'>X</span>)</p><p style='padding-top:3px;'><input type='checkbox' id='uVoda' name='uVoda' checked onclick="checkUtilities();" />&nbsp;&nbsp;Vodafone  (&pound;<span id='vmprice'>X</span>)</p></td></tr>
289                    <tr><td class="utilityLeft"><h4>Primary Usage</h4></td><td><select id='uUsage' name='uUsage' style='width:180px;' onChange="updateUusage();">
290                                <option value=''>Please choose ...</option>
291                                <option value='Boring - Horizontal'>Boring - Horizontal</option>
292                                <option value='Boring - Vertical'>Boring - Vertical</option>
293                                <option value='Construction low rise'>Construction low rise</option>
294                                <option value='Construction high rise'>Construction high rise</option>
295                                <option value='Conveyance'>Conveyance</option>
296                                <option value='Demolition'>Demolition</option>
297                                <option value='Design Only'>Design Only</option>
298                                <option value='Drilling'>Drilling</option>
299                                <option value='Excavation &lt;350mm'>Excavation &lt;350mm</option>
300                                <option value='Excavation &gt;350mm'>Excavation &gt;350mm</option>
301                                <option value='Fencing, Barriers, Bollards or Signage'>Fencing, Barriers, Bollards or Signage</option>
302                                <option value='Hand digging'>Hand digging</option>
303                                <option value='Pilling'>Pilling</option>
304                                <option value='Road Resurfacing<'>Road Resurfacing</option>
305                                <option value='Soil Investigation - Borehole'>Soil Investigation - Borehole</option>
306                                <option value='Soil Investigation - Trial Pit'>Soil Investigation - Trial Pit</option>
307                                <option value='Street Furniture work'>Street Furniture work</option>
308                                <option value='Tree Planting'>Tree Planting</option>
309                                <option value='Trenching'>Trenching</option>
310                                <option value='Trial Pits'>Trial Pits</option>
311                                <option value='Tunnelling'>Tunnelling</option>
312                                <option value='Utility Works'>Utility Works</option>
313
314                            </select>
315                        </td></tr>
316                    <tr><td colspan='2'><div id="utilityMessages1" class='utilityWarning'>&nbsp;</div></td></tr>
317
318                    <tr><td colspan='2'><p><span id='uTurnaraound'>Collated report with all available responses in 5 working days.</span></p></td></tr>
319                    <tr><td colspan="2"><div id="utilityMessages" class='utilityWarning'>&nbsp;</div></td></tr>
320
321                    <tr><td colspan='2'><h3 style="padding-top:5px;">Utility Fastview Options</h3></td></tr>
322                    <tr>
323                        <td colspan='2'>
324                            <p>CAD, GIS and layered PDF formats included in price. <img src="images/info.jpg" style='cursor:pointer;' onclick="showUtilityHelpInfo();" title="More info"/></p>
325                        </td>
326                    </tr>
327
328                    <tr><td class="utilityLeft"><h4>Stats plans, georeferenced</h4></td><td><input type='checkbox' id='uGeoRef' name='uGeoRef' onclick='setUGeoref();' />
329                            <br/><div id='uTurnaraound1'>Typical Turnaround is 5 days</div>
330                        </td></tr>
331                    <tr><td class="utilityLeft"><h4>Digitised Linework</h4></td><td><input type='checkbox' id='uLinework' name='uLinework'  onclick='setULinework();'/>
332                            <br/><div id='uTurnaraound2' style='display:none;'></div>
333
334                    <tr><td colspan='2'></td></tr>
335
336                    <tr><td class="utilityLeft"><h4>Base Mapping: OS MasterMap</h4></td>
337
338                        <td><div><div style='float:left;'><input type='checkbox' id='uOSMM' name='uOSMM' disabled checked onclick='setUmmk(this);' /></div>
339                                <div id="utilityMMMessage" style='display:none;'>&nbsp;</div></div>
340                        </td></tr>
341                    <tr><td colspan='2'><div style="margin-top:10px;"><div id="utilityPriceDisplay">Total: &pound:**.**</div><div id="utilityAccept" class='utilityButtonOff' onclick="saveUtilityInfo();">ACCEPT</div></div>
342                            <input type='hidden' id='utilityPriceStore' name='utilityPriceStore' value="" />
343                        </td></tr>
344
345                </table>
346            </form>
347        </div>
348    </div>
349
350    <div id='dialog-mask3'
351         style="position:absolute; top:0; left:0; height:1000px; width:100%; background:#FFF; filter:alpha(opacity=75); z-index:99999999;visibility:hidden;"></div>
352    <div id='searchMatches' class='popupBox'></div>
353    <div id='historicalEg'></div>
354
355    <div id="inner-wrap">
356        <!-- PRODUCT ZCHM -->
357        <div id="zchm">
358            <div id="zchmContent" style='width:0px;'>
359                <div id="productsAvailable" style="overflow:auto;padding-left:20px;">
360                    <div id='supplierinfo_layer' style="padding-left:20px;"></div>
361                    <div id='supplierinfoAerial_layer' style="padding-left:20px;"></div>
362                    <div id='supplierinfoHeight_layer' style="padding-left:20px;"></div>
363                </div>
364            </div>
365        </div>
366        <!-- END OF PRODUCT ZCHM -->
367
368        <!-- Layer to show aerial suppliers-->
369        <div id="heightAerialSuppliers">
370            <div id="heightAerialSuppliersContent">
371                <div id="productsAvailable2" style="overflow:auto;padding-left:10px;">
372                    <div id='supplierinfo_layer2' style="padding-left:10px;"></div>
373                    <div id='supplierinfoAerial_layer2' style="padding-left:10px;"></div>
374                    <div id='supplierinfoHeight_layer2' style="padding-left:10px;"></div>
375                </div>
376            </div>
377        </div>
378
379        <!--LEFT CONTENT-->
380        <div id="left">
381
382            <!--Logo here class="logo" -->
383            <div style='margin-top:6px;background:#FFFFFF;width:249px;padding-left:15px;'>
384                <a href='http://www.centremapslive.co.uk'><img
385                            src="images/cmlive/logo.png"
386                            alt="CENTREMAPSlive"/></a>
387            </div>
388
389            <!--PRODUCTS LIST CONTENT-->
390            <div id="productsTop" style='display:block;'><h2>Products</h2></div>
391            <div class="productsBg" id="productsArea" style='display:block;'>
392                <div id="productListLayer"></div>
393                <div id="otherProductListLayer"></div>
394                <h2 style='margin-top:10px'>Most Ordered Products</h2>
395                <div id="mostOrderedContainer" style='margin-top:10px'>
396                    <p>You must be logged in to use this feature.<br/><a href='javascript:showLogin();'>Log in now</a></p>                </div>
397                <br/>
398            </div>
399            <!--END PRODUCTS LIST CONTENT-->
400
401            <!--HISTORIC SELECTION CONTENT-->
402            <div id="historicalTop" style='display:none;'>
403                <!--<img src="images/productsFixedTop.gif" alt="Products" id='productsTopImage'/>-->
404                <!--<div style="z-index:9999;position:absolute;
404left:10px;top:18px;padding-left:5px;padding-right:5px;">-->
405                <h2>Product Listing</h2>
406                <!--</div>-->
407                <div id='hideCloseHMF'
408                     style="z-index:9999;position:absolute;left:195px;top:0px;padding-left:5px;padding-right:7px;"><a
409                            href="javascript:showhideHMF('hide');">close[x]</a></div>
410            </div>
411            <div class="productsBg" id="historicalArea" style='display:none;overflow:visible;z-index:999999;'>
412                <div id="historicalAreaHeader1"
413                     style='display:block;margin-bottom:10px;text-align:center;margin-left:-30px;'>
414                    <p style='font-size:15px;padding-top:5px;'>Search by location<br/>or zoom in<br/>to get started...<br/><br/></p>                </div>
415
416                <div id="historicalAreaHeader2" style='display:none;margin-bottom:10px;margin-left:-30px;'>
417                    <p style="font-weight:bold;font-size:15px;padding-top:5px;padding-bottom:5px;text-align:center;">
418                        Check availability by:</p>
419                    <p style='text-align:center;'><img id='searchCentreButton'
420                                                       src='images/cmlive/searchCentre.png'
421                                                       onclick='captureForHistoric("point","");' alt='choose centre tool'
422                                                       class='clickable'
423                                                       style='margin-left:10px;'/>&nbsp;&nbsp;&nbsp;<img
424                                id='searchAreaButton' src='images/cmlive/searchArea.png'
425                                onclick='captureForHistoric("area","");' alt='draw area tool' class='clickable'/></p>
426                    <p style='font-size:15px;text-align:center;'>Click on the mapping to add<br/>points around your
427                        area.
428                        <br/><br/>Double click to complete.<br/><br/><br/></p>
429                </div>
430                <div id="historicalAreaHeader3" style='display:none;margin-bottom:10px;display:none;'>
431                    <p style='font-size:13px;padding-top:5px;'><img src='images/cancel.gif' alt='cancel'/>&nbsp;<a
432                                href='javascript:startNewSearch();'>New Search</a></p>
433                </div>
434                <div id="historicalAreaContent" style='padding-bottom:15px;'>
435                </div>
436                            </div>
437            <!--END HISTORIC SELECTION CONTENT-->
438
439            <!--SELECTED PRODUCTS CONTENT-->
440            <div class="selectedProductsBg" style='margin-top:5px;'>
441
442                <h2 style='padding-top:12px;margin-bottom:5px;'>Your Selected Products</h2>
443                <p id="selectedProductsList" style="display:block;">You haven't selected any products yet!</p>
444                <br/>
445                <form id="frmSelected" name="frmSelected" action="" method="post">
446                    <div id="productinfo" style="width:220px;">
447                        <div id="Product 1container" style="display:none;border:3px dashed #3E3E3E;"
448                             onclick="getProductInfo2('1','selected');">
449                            <table cellpadding="0" cellspacing="4">
450                                <tr id="selectedrow1_1" style='vertical-align:top;'>
451                                    <td width="18px"><input type="radio" id="selectedproducts1" name="selectedproducts"
452                                                            value="1" style='border:none;display:none;'/>
453                                        <img src='images/cancel.gif' width='16' height='16'
454                                             alt='Delete selected product' onclick="delSelectedProduct('1');"
455                                             onmouseover="Tip('Delete this product');"/></td>
456                                    <td width="202px" colspan='4' style="padding:3px;">
457                                        <div id="product1content" style="display:block;"></div>
458                                        <div id='furtherInfo1' style="display:none;margin-top:3px;"></div>
459                                        <div id='additionalLayers1' style="display:none;margin-top:3px;"></div>
460                                    </td>
461                                </tr>
462                                <tr id="selectedrow1_3">
463                                    <td width="220px" colspan='5' style="padding:3px;vertical-align:bottom;">
464                                        <div>
465                                            <div id='printscales1' style='float:left;padding:3px;display;block;'>Print
466                                                Scale<br/>
467                                                <select name='theScales1' id='theScales1'
468                                                        onChange='updateProductScale(this);'>
469                                                </select>
470                                            </div>
471                                            <div style='float:left;padding:3px;margin-left:5px;'>Data
472                                                Area<br/>
473                                                <select id='selectedextent1' onchange='extentListChange(this,"1");'
474                                                        style='background-color: #FFFFFF; width:40px; font-weight: bold; color: white;'>
475                                                    <option class='ex0' id='prod1_0' value='Extent 0'></option>
476                                                    <option class='ex1' id='prod1_1' value='Extent 1'>1</option>
477                                                    <option class='ex2' id='prod1_2' value='Extent 2'>2</option>
478                                                    <option class='ex3' id='prod1_3' value='Extent 3'>3</option>
479                                                    <option class='ex4' id='prod1_4' value='Extent 4'>4</option>
480                                                    <option class='ex5' id='prod1_5' value='Extent 5'>5</option>
481                                                </select>
482                                            </div>
483                                            <div id='showdataprice1'
484                                                 style='float:right;padding-top:3px;font-weight:bold;font-size:11px;color:#3E3E3E;'>
485                                                &pound;**.**
486                                            </div>
487                                        </div>
488                                    </td>
489                                </tr>
490                                <tr id="selectedrow1_4">
491                                    <td colspan="5">
492                                        <div id="prodmessage1"></div>
493                                    </td>
494                                </tr>
495                            </table>
496                        </div>
497                        <div id="Product 2container" style="display:none;" onclick="getProductInfo2('2','selected');">
498                            <table cellpadding="0" cellspacing="4">
499                                <tr id="selectedrow2_1" style='vertical-align:top;'>
500                                    <td width="18px"><input type="radio" id="selectedproducts2" name="selectedproducts"
501                                                            value="2" style='border:none;display:none;'/>
502                                        <img src='images/cancel.gif' width='16' height='16'
503                                             alt='Delete selected product' onclick="delSelectedProduct('2');"
504                                             onmouseover="Tip('Delete this product');"/></td>
505                                    <td width="202px" colspan='2' style="padding:3px;">
506                                        <div id="product2content" style="display:block;"></div>
507                                        <div id='furtherInfo2' style="display:none;margin-top:3px;"></div>
508                                        <div id='additionalLayers2' style="display:none;margin-top:3px;"></div>
509                                    </td>
510                                </tr>
511                                <tr id="selectedrow2_3">
512                                    <td width="220px" colspan='5' style="padding:3px;vertical-align:bottom;">
513                                        <div>
514                                            <div id='printscales2' style='float:left;padding:3px;display;block;'>Print
515                                                Scale<br/>
516                                                <select name='theScales2' id='theScales2'
517                                                        onChange='updateProductScale(this)'>
518                                                </select>
519                                            </div>
520                                            <div style='float:left;padding:3px;margin-left:5px;'>Data
521                                                Area<br/>
522                                                <select id='selectedextent2' onchange='extentListChange(this,"2");'
523                                                        style='background-color: #FFFFFF; width:40px; font-weight: bold; color: white;'>
524                                                    <option class='ex0' id='prod2_0' value='Extent 0'></option>
525                                                    <option class='ex1' id='prod2_1' value='Extent 1'>1</option>
526                                                    <option class='ex2' id='prod2_2' value='Extent 2'>2</option>
527                                                    <option class='ex3' id='prod2_3' value='Extent 3'>3</option>
528                                                    <option class='ex4' id='prod2_4' value='Extent 4'>4</option>
529                                                    <option class='ex5' id='prod2_5' value='Extent 5'>5</option>
530                                                </select>
531                                            </div>
532                                            <div id='showdataprice2'
533                                                 style='float:right;padding-top:3px;font-weight:bold;font-size:11px;color:#3E3E3E;'>
534                                                &pound;**.**
535                                            </div>
536                                        </div>
537                                    </td>
538                                </tr>
539                                <tr id="selectedrow2_4">
540                                    <td colspan="5">
541                                        <div id="prodmessage2"></div>
542                                    </td>
543                                </tr>
544                            </table>
545                        </div>
546                        <div id="Product 3container" style="display:none;" onclick="getProductInfo2('3','selected');">
547                            <table cellpadding="0" cellspacing="4">
548                                <tr id="selectedrow3_1" style='vertical-align:top;'>
549                                    <td width="18px"><input type="radio" id="selectedproducts3" name="selectedproducts"
550                                                            value="3" style='border:none;display:none;'/>
551                                        <img src='images/cancel.gif' width='16' height='16'
552                                             alt='Delete selected product' onclick="delSelectedProduct('3');"
553                                             onmouseover="Tip('Delete this product');"/></td>
554                                    <td width="202px" colspan='2' style="padding:3px;">
555                                        <div id="product3content" style="display:block;"></div>
556                                        <div id='furtherInfo3' style="display:none;margin-top:3px;"></div>
557                                        <div id='additionalLayers3' style="display:none;margin-top:3px;"></div>
558                                    </td>
559                                </tr>
560                                <tr id="selectedrow3_3">
561                                    <td width="220px" colspan='5' style="padding:3px;vertical-align:bottom;">
562                                        <div>
563                                            <div id='printscales3' style='float:left;padding:3px;display;block;'>Print
564                                                Scale<br/>
565                                                <select name='theScales3' id='theScales3'
566                                                        onChange='updateProductScale(this)'>
567                                                </select>
568                                            </div>
569                                            <div style='float:left;padding:3px;margin-left:5px;'>Data
570                                                Area<br/>
571                                                <select id='selectedextent3' onchange='extentListChange(this,"3");'
572                                                        style='background-color: #FFFFFF; width:40px; font-weight: bold; color: white;'>
573                                                    <option class='ex0' id='prod3_
5730' value='Extent 0'></option>
574                                                    <option class='ex1' id='prod3_1' value='Extent 1'>1</option>
575                                                    <option class='ex2' id='prod3_2' value='Extent 2'>2</option>
576                                                    <option class='ex3' id='prod3_3' value='Extent 3'>3</option>
577                                                    <option class='ex4' id='prod3_4' value='Extent 4'>4</option>
578                                                    <option class='ex5' id='prod3_5' value='Extent 5'>5</option>
579                                                </select>
580                                            </div>
581                                            <div id='showdataprice3'
582                                                 style='float:right;padding-top:3px;font-weight:bold;font-size:11px;color:#3E3E3E;'>
583                                                &pound;**.**
584                                            </div>
585                                        </div>
586                                    </td>
587                                </tr>
588                                <tr id="selectedrow3_4">
589                                    <td colspan="5">
590                                        <div id="prodmessage3"></div>
591                                    </td>
592                                </tr>
593                            </table>
594                        </div>
595                        <div id="Product 4container" style="display:none;" onclick="getProductInfo2('4','selected');">
596                            <table cellpadding="0" cellspacing="4">
597                                <tr id="selectedrow4_1" style='vertical-align:top;'>
598                                    <td width="18px"><input type="radio" id="selectedproducts4" name="selectedproducts"
599                                                            value="4" style='border:none;display:none;'/>
600                                        <img src='images/cancel.gif' width='16' height='16'
601                                             alt='Delete selected product' onclick="delSelectedProduct('4');"
602                                             onmouseover="Tip('Delete this product');"/></td>
603                                    <td width="202px" colspan='2' style="padding:3px;">
604                                        <div id="product4content" style="display:block;"></div>
605                                        <div id='furtherInfo4' style="display:none;margin-top:3px;"></div>
606                                        <div id='additionalLayers4' style="display:none;margin-top:3px;"></div>
607                                    </td>
608                                </tr>
609                                <tr id="selectedrow4_3">
610                                    <td width="220px" colspan='5' style="padding:3px;vertical-align:bottom;">
611                                        <div>
612                                            <div id='printscales4' style='float:left;padding:3px;display;block;'>Print
613                                                Scale<br/>
614                                                <select name='theScales4' id='theScales4'
615                                                        onChange='updateProductScale(this)'>
616                                                </select>
617                                            </div>
618                                            <div style='float:left;padding:3px;margin-left:5px;'>Data
619                                                Area<br/>
620                                                <select id='selectedextent4' onchange='extentListChange(this,"4");'
621                                                        style='background-color: #FFFFFF; width:40px; font-weight: bold; color: white;'>
622                                                    <option class='ex0' id='prod4_0' value='Extent 0'></option>
623                                                    <option class='ex1' id='prod4_1' value='Extent 1'>1</option>
624                                                    <option class='ex2' id='prod4_2' value='Extent 2'>2</option>
625                                                    <option class='ex3' id='prod4_3' value='Extent 3'>3</option>
626                                                    <option class='ex4' id='prod4_4' value='Extent 4'>4</option>
627                                                    <option class='ex5' id='prod4_5' value='Extent 5'>5</option>
628                                                </select>
629                                            </div>
630                                            <div id='showdataprice4'
631                                                 style='float:right;padding-top:3px;font-weight:bold;font-size:11px;color:#3E3E3E;'>
632                                                &pound;**.**
633                                            </div>
634                                        </div>
635                                    </td>
636                                </tr>
637                                <tr id="selectedrow4_4">
638                                    <td colspan="5">
639                                        <div id="prodmessage4"></div>
640                                    </td>
641                                </tr>
642                            </table>
643                        </div>
644                        <div id="Product 5container" style="display:none;" onclick="getProductInfo2('5','selected');">
645                            <table cellpadding="0" cellspacing="4">
646                                <tr id="selectedrow5_1" style='vertical-align:top;'>
647                                    <td width="18px"><input type="radio" id="selectedproducts5" name="selectedproducts"
648                                                            value="5" style='border:none;display:none;'/>
649                                        <img src='images/cancel.gif' width='16' height='16'
650                                             alt='Delete selected product' onclick="delSelectedProduct('5');"
651                                             onmouseover="Tip('Delete this product');"/></td>
652                                    <td width="202px" colspan='2' style="padding:3px;">
653                                        <div id="product5content" style="display:block;"></div>
654                                        <div id='furtherInfo5' style="display:none;margin-top:3px;"></div>
655                                        <div id='additionalLayers5' style="display:none;margin-top:3px;"></div>
656                                    </td>
657                                </tr>
658                                <tr id="selectedrow5_3">
659                                    <td width="220px" colspan='5' style="padding:3px;vertical-align:bottom;">
660                                        <div>
661                                            <div id='printscales5' style='float:left;padding:3px;display;block;'>Print
662                                                Scale<br/>
663                                                <select name='theScales5' id='theScales5'
664                                                        onChange='updateProductScale(this)'>
665                                                </select>
666                                            </div>
667                                            <div style='float:left;padding:3px;margin-left:5px;'>Data
668                                                Area<br/>
669                                                <select id='selectedextent5' onchange='extentListChange(this,"5");'
670                                                        style='background-color: #FFFFFF; width:40px; font-weight: bold; color: white;'>
671                                                    <option class='ex0' id='prod5_0' value='Extent 0'></option>
672                                                    <option class='ex1' id='prod5_1' value='Extent 1'>1</option>
673                                                    <option class='ex2' id='prod5_2' value='Extent 2'>2</option>
674                                                    <option class='ex3' id='prod5_3' value='Extent 3'>3</option>
675                                                    <option class='ex4' id='prod5_4' value='Extent 4'>4</option>
676                                                    <option class='ex5' id='prod5_5' value='Extent 5'>5</option>
677                                                </select>
678                                            </div>
679                                            <div id='showdataprice5'
680                                                 style='float:right;padding-top:3px;font-weight:bold;font-size:11px;color:#3E3E3E;'>
681                                                &pound;**.**
682                                            </div>
683                                        </div>
684                                    </td>
685                                </tr>
686                                <tr id="selectedrow5_4">
687                                    <td colspan="5">
688                                        <div id="prodmessage5"></div>
689                                    </td>
690                                </tr>
691                            </table>
692                        </div>
693                        <!--Area to show fixed products-->
693
694                        <div id="Product fixcontainer" style="display:none;" onclick="getProductInfo2('5','selected');">
695                            <table cellpadding="0" cellspacing="4">
696                                <tr id="selectedrowfix_1" style='vertical-align:top;'>
697                                    <td width="18px"><input type="radio" id="selectedproducts6" name="selectedproducts"
698                                                            value="fixed" style='border:none;display:none;'/>
699                                        <img src='images/cancel.gif' width='16' height='16'
700                                             alt='Delete selected product' onclick="delSelectedProduct('fix');"
701                                             onmouseover="Tip('Delete this product');"/></td>
702                                    <td width="202px" colspan='2' style="padding:3px;">
703                                        <div id="productfixcontent" style="display:block;"></div>
704                                        <div id='furtherInfofix' style="display:none;">0 Sheet(s) Selected</div>
705                                    </td>
706                                </tr>
707                                <tr id="selectedrowfix_3">
708                                    <td width="220px" colspan='5' style="padding:3px;vertical-align:bottom;">
709                                        <div>
710                                            <div style='float:left;padding:3px;margin-left:5px;'
711                                                 id='showdatainfofix'></div>
712                                            <div id='showdatapricefix'
713                                                 style='float:right;padding-top:3px;font-weight:bold;font-size:11px;color:#24318D;'>
714                                                &pound;**.**
715                                            </div>
716                                        </div>
717                                    </td>
718                                </tr>
719                                <tr id="selectedrowfix_4">
720                                    <td colspan="5">
721                                        <div id="prodmessagefix"></div>
722                                    </td>
723                                </tr>
724                            </table>
725                        </div>
726                        <!--END SELECTED PRODUCTS CONTENT-->
727
728                        <div id="ProductBuycontainer" style="display:block;"><br/>
729                            <div class='newButton' style='width:200px;padding:8px;font-size:14px;font-weight:bold;'
730                                 onclick='preBasketCheck(0);'>ORDER NOW!
731                            </div>
732                            <br/><!--<p id="bottomPrice" class="orderPrice">Data Price &pound;**.**</p>-->
733                            <p style='text-align:center;'><span class="dataPriceBottom">Data Price: </span> <span
734                                        id="bottomPrice" class="orderPrice"> &pound;**.**</span>
735                            <div class="clear">&nbsp;</div>
736                        </div>
737
738
739                        <!--Selected product hidden fields to store all info about the selected product-->
740                        <input id="data1" name="data1" type="hidden" value="">
741                        <input id="datadesc1" name="datadesc1" type="hidden" value="">
742                        <input id="extent1" name="extent1" type="hidden" value="">
743                        <input name="mmpercents1" id="mmpercents1" type="hidden" value="">
744                        <input name="orderprice1" id="orderprice1" type="hidden" value="">
745                        <input name="layersPrice1" id="layersPrice1" type="hidden" value="">
746                        <input name="scale1" id="scale1" type="hidden" value="">
747                        <input name="maxsize1" id="maxsize1" type="hidden" value="">
748                        <input name="gsinfo1" id="gsinfo1" type="hidden" value="">
749                        <input name="productLayers1" id="productLayers1" type="hidden" value="">
750                        <input name="extentcoords1" id="extentcoords1" type="hidden" value="">
751                        <input name="papersize1" id="papersize1" type="hidden" value="">
752                        <input name="fulldataname1" id="fulldataname1" type="hidden" value="">
753                        <input name="hassuppliers1" id="hassuppliers1" type="hidden" value="">
754                        <input name="mmlicenceused1" id="mmlicenceused1" type="hidden" value="">
755                        <input name="combinationinfo1" id="combinationinfo1" type="hidden" value="">
756                        <input name="fixselected1" id="fixselected1" type="hidden" value="">
757                        <input name="layeroverlays1" id="layeroverlays1" type="hidden" value="">
758                        <input name="calcprice1" id="calcprice1" type="hidden" value="">
759                        <input name="layersPrices1" id="layersPrices1" type="hidden" value="">
760                        <input name="cancombine1" id="cancombine1" type="hidden" value="">
761                        <input name="hasviewreturn1" id="hasviewreturn1" type="hidden" value="">
762                        <input name="licdate1" id="licdate1" type="hidden" value="">
763                        <!-- lic date of passed reorder product-->
764                        <input name="origoid1" id="origoid1" type="hidden" value="">
765                        <input name="xtralayers1" id="xtralayers1" type="hidden" value="">
766                        <input name="xtralayerscode1" id="xtralayerscode1" type="hidden" value="">
767                        <input name="xtralayersprice1" id="xtralayersprice1" type="hidden" value="">
768                        <input name="xtralayersroy1" id="xtralayersroy1" type="hidden" value="">
769                        <input name="utilityinfo1" id="utilityinfo1" type="hidden" value="">
770                        <input name="searchaddress1" id="searchaddress1" type="hidden" value="">
771                        <input name="searchaddresstitle1" id="searchaddresstitle1" type="hidden" value="">
772
773                        <input id="data2" name="data2" type="hidden" value="">
774                        <input id="datadesc2" name="datadesc2" type="hidden" value="">
775                        <input id="extent2" name="extent2" type="hidden" value="">
776                        <input name="mmpercents2" id="mmpercents2" type="hidden" value="">
777                        <input name="orderprice2" id="orderprice2" type="hidden" value="">
778                        <input name="layersPrice2" id="layersPrice2" type="hidden" value="">
779                        <input name="scale2" id="scale2" type="hidden" value="">
780                        <input name="maxsize2" id="maxsize2" type="hidden" value="">
781                        <input name="gsinfo2" id="gsinfo2" type="hidden" value="">
782                        <input name="productLayers2" id="productLayers2" type="hidden" value="">
783                        <input name="extentcoords2" id="extentcoords2" type="hidden" value="">
784                        <input name="papersize2" id="papersize2" type="hidden" value="">
785                        <input name="fulldataname2" id="fulldataname2" type="hidden" value="">
786                        <input name="hassuppliers2" id="hassuppliers2" type="hidden" value="">
787                        <input name="mmlicenceused2" id="mmlicenceused2" type="hidden" value="">
788                        <input name="combinationinfo2" id="combinationinfo2" type="hidden" value="">
789                        <input name="fixselected2" id="fixselected2" type="hidden" value="">
790                        <input name="layeroverlays2" id="layeroverlays2" type="hidden" value="">
791                        <input name="calcprice2" id="calcprice2" type="hidden" value="">
792                        <input name="layersPrices2" id="layersPrices2" type="hidden" value="">
793                        <input name="cancombine2" id="cancombine2" type="hidden" value="">
794                        <input name="hasviewreturn2" id="hasviewreturn2" type="hidden" value="">
795                        <input name="licdate2" id="licdate2" type="hidden" value="">
796                        <input name="origoid2" id="origoid2" type="hidden" value="">
797                        <input name="xtralayers2" id="xtralayers2" type="hidden" value="">
798                        <input name="xtralayerscode2" id="xtralayerscode2" type="hidden" value="">
799                        <input name="xtralayersprice2" id="xtralayersprice2" type="hidden" value="">
800                        <input name="xtralayersroy2" id="xtralayersroy2" type="hidden" value="">
801                        <input name="utilityinfo2" id="utilityinfo2" type="hidden" value="">
802                        <input name="searchaddress2" id="searchaddress2" type="hidden" value="">
803                        <input name="searchaddresstitle2" id="searchaddresstitle2" type="hidden" value="">
804
805                        <input id="data3" name="data3" type="hidden" value="">
806                        <input id="datadesc3" name="datadesc3" type="hidden" value="">
807                        <input id="extent3" name="extent3" type="hidden" value="">
808                        <input name="mmpercents3" id="mmpercents3" type="hidden" value="">
809                        <input name="orderprice3" id="orderprice3" type="hidden" value="">
810                        <input name="layersPrice3" id="layersPrice3" type="hidden" value="">
811                        <input name="scale3" id="scale3" type="hidden" value="">
812                        <input name="maxsize3" id="maxsize3" type="hidden" value="">
813                        <input name="gsinfo3" id="gsinfo3" type="hidden" value="">
814                        <input name="productLayers3" id="productLayers3" type="hidden" value="">
815                        <input name="extentcoords3" id="extentcoords3" type="hidden" value="">
816                        <input name="papersize3" id="papersize3" type="hidden" value="">
817                        <input name="fulldataname3" id="fulldataname3" type="hidden" value="">
818                        <input name="hassuppliers3" id="hassuppliers3" type="hidden" value="">
819                        <input name="mmlicenceused3" id="mmlicenceused3" type="hidden" value="">
820                        <input name="combinationinfo3" id="combinationinfo3" type="hidden" value="">
821                        <input name="fixselected3" id="fixselected3" type="hidden" value="">
822                        <input name="layeroverlays3" id="layeroverlays3" type="hidden" value="">
823                        <input name="calcprice3" id="calcprice3" type="hidden" value="">
824                        <input name="layersPrices3" id="layersPrices3" type="hidden" value="">
825                        <input name="cancombine3" id="cancombine3" type="hidden" value="">
826                        <input name="hasviewreturn3" id="hasviewreturn3" type="hidden" value="">
827                        <input name="licdate3" id="licdate3" type="hidden" value="">
828                        <input name="origoid3" id="origoid3" type="hidden" value="">
829                        <input name="xtralayers3" id="xtralayers3" type="hidden" value="">
830                        <input name="xtralayerscode3" id="xtralayerscode3" type="hidden" value="">
831                        <input name="xtralayersprice3" id="xtralayersprice3" type="hidden" value="">
832                        <input name="xtralayersroy3" id="xtralayersroy3" type="hidden" value="">
833                        <input name="utilityinfo3" id="utilityinfo3" type="hidden" value="">
834                        <input name="searchaddress3" id="searchaddress3" type="hidden" value="">
835                        <input name="searchaddresstitle3" id="searchaddresstitle3" type="hidden" value="">
836
837                        <input id="data4" name="data4" type="hidden" value="">
838                        <input id="datadesc4" name="datadesc4" type="hidden" value="">
839                        <input id="extent4" name="extent4" type="hidden" value="">
840                        <input name="mmpercents4" id="mmpercents4" type="hidden" value="">
841                        <input name="orderprice4" id="orderprice4" type="hidden" value="">
842                        <input name="layersPrice4" id="layersPrice4" type="hidden" value="">
843                        <input name="scale4" id="scale4" type="hidden" value="">
844                        <input name="maxsize4" id="maxsize4" type="hidden" value="">
845                        <input name="gsinfo4" id="gsinfo4" type="hidden" value="">
846                        <input name="productLayers4" id="productLayers4" t
846ype="hidden" value="">
847                        <input name="extentcoords4" id="extentcoords4" type="hidden" value="">
848                        <input name="papersize4" id="papersize4" type="hidden" value="">
849                        <input name="fulldataname4" id="fulldataname4" type="hidden" value="">
850                        <input name="hassuppliers4" id="hassuppliers4" type="hidden" value="">
851                        <input name="mmlicenceused4" id="mmlicenceused4" type="hidden" value="">
852                        <input name="combinationinfo4" id="combinationinfo4" type="hidden" value="">
853                        <input name="fixselected4" id="fixselected4" type="hidden" value="">
854                        <input name="layeroverlays4" id="layeroverlays4" type="hidden" value="">
855                        <input name="calcprice4" id="calcprice4" type="hidden" value="">
856                        <input name="layersPrices4" id="layersPrices4" type="hidden" value="">
857                        <input name="cancombine4" id="cancombine4" type="hidden" value="">
858                        <input name="hasviewreturn4" id="hasviewreturn4" type="hidden" value="">
859                        <input name="licdate4" id="licdate4" type="hidden" value="">
860                        <input name="origoid4" id="origoid4" type="hidden" value="">
861                        <input name="xtralayers4" id="xtralayers4" t
861ype="hidden" value="">
862                        <input name="xtralayerscode4" id="xtralayerscode4" type="hidden" value="">
863                        <input name="xtralayersprice4" id="xtralayersprice4" type="hidden" value="">
864                        <input name="xtralayersroy4" id="xtralayersroy" type="hidden" value="">
865                        <input name="utilityinfo4" id="utilityinfo4" type="hidden" value="">
866                        <input name="searchaddress4" id="searchaddress4" type="hidden" value="">
867                        <input name="searchaddresstitle4" id="searchaddresstitle4" type="hidden" value="">
868
869                        <input id="data5" name="data5" type="hidden" value="">
870                        <input id="datadesc5" name="datadesc5" type="hidden" value="">
871                        <input id="extent5" name="extent5" type="hidden" value="">
872                        <input name="mmpercents5" id="mmpercents5" type="hidden" value="">
873                        <input name="orderprice5" id="orderprice5" type="hidden" value="">
874                        <input name="layersPrice5" id="layersPrice5" type="hidden" value="">
875                        <input name="scale5" id="scale5" type="hidden" value="">
876                        <input name="maxsize5" id="maxsize5" type="hidden" value="">
877                        <input name="gsinfo5" id="gsinfo5" type="hidden" value="">
878                        <input name="productLayers5" id="productLayers5" type="hidden" value="">
879                        <input name="extentcoords5" id="extentcoords5" type="hidden" value="">
880                        <input name="papersize5" id="papersize5" type="hidden" value="">
881                        <input name="fulldataname5" id="fulldataname5" type="hidden" value="">
882                        <input name="hassuppliers5" id="hassuppliers5" type="hidden" value="">
883                        <input name="mmlicenceused5" id="mmlicenceused5" type="hidden" value="">
884                        <input name="combinationinfo5" id="combinationinfo5" type="hidden" value="">
885                        <input name="fixselected5" id="fixselected5" type="hidden" value="">
886                        <input name="layeroverlays5" id="layeroverlays5" type="hidden" value="">
887                        <input name="calcprice5" id="calcprice5" type="hidden" value="">
888                        <input name="layersPrices5" id="layersPrices5" type="hidden" value="">
889                        <input name="cancombine5" id="cancombine5" type="hidden" value="">
890                        <input name="hasviewreturn5" id="hasviewreturn5" type="hidden" value="">
891                        <input name="licdate5" id="licdate5" type="hidden" value="">
892                        <input name="origoid5" id="origoid5" type="hidden" value="">
893                        <input name="xtralayers5" id="xtralayers5" type="hidden" value="">
894                        <input name="xtralayerscode5" id="xtralayerscode5" type="hidden" value="">
895                        <input name="xtralayersprice5" id="xtralayersprice5" type="hidden" value="">
896                        <input name="xtralayersroy5" id="xtralayersroy5" type="hidden" value="">
897                        <input name="utilityinfo5" id="utilityinfo5" type="hidden" value="">
898                        <input name="searchaddress5" id="searchaddress5" type="hidden" value="">
899                        <input name="searchaddresstitle5" id="searchaddresstitle5" type="hidden" value="">
900
901                        <!--hidden fields for fixed item ordering-->
902                        <input id="datafix" name="datafix" type="hidden" value="">
903                        <input id="dataidfix" name="dataidfix" type="hidden" value="">
904                        <input name="scalefix" id="scalefix" type="hidden" value="">
905                        <input name="scalea3fix" id="scalea3fix" type="hidden" value="">
906                        <input name="yeara3fix" id="yeara3fix" type="hidden" value="">
907                        <input id="datadescfix" name="datadescfix" type="hidden" value="">
908                        <input id="extentfix" name="extentfix" type="hidden" value="">
909                        <input name="coordsfix" id="coordsfix" type="hidden" value="">
910                        <input name="mmpercentsfix" id="mmpercentsfix" type="hidden" value="">
911                        <input name="orderpricefix" id="orderpricefix" type="hidden" value="">
912                        <input name="layersPricefix" id="layersPricefix" type="hidden" value="">
913                        <input name="maxsizefix" id="maxsizefix" type="hidden" value="">
914                        <input name="gsinfofix" id="gsinfofix" type="hidden" value="">
915                        <input name="productLayersfix" id="productLayersfix" type="hidden" value="">
916                        <input name="extentcoordsfix" id="extentcoordsfix" type="hidden" value="">
917                        <input name="papersizefix" id="papersizefix" type="hidden" value="">
918                        <input name="fulldatanamefix" id="fulldatanamefix" type="hidden" value="">
919                        <input name="hassuppliersfix" id="hassuppliersfix" type="hidden" value="">
920                        <input name="mmlicenceusedfix" id="mmlicenceusedfix" type="hidden" value="">
921                        <input name="combinationinfofix" id="combinationinfofix" type="hidden" value="">
922                        <input name="layeroverlaysfix" id="layeroverlaysfix" type="hidden" value="">
923                        <input name="calcpricefix" id="calcpricefix" type="hidden" value="">
924                        <input name="layersPricesfix" id="layersPricesfix" type="hidden" value="">
925                        <input name="cancombinefix" id="cancombinefix" type="hidden" value="">
926                        <input name="hasviewreturnfix" id="hasviewreturnfix" type="hidden" value="">
927                        <input name="itemnofix" id="itemnofix" type="hidden" value="">
928
929                        <!--Add current item to the shopping basket flag-->
930                        <input name="basketAction" type="hidden" value="">
931                        <!--Number of selected product to add to the basket-->
932                        <input name="toAddToBasket" id="toAddToBasket" type="hidden" value="">
933                        <!--Pass mapping region to basket so it knows where the data has come from-->
934                        <input name="regionToPass" id="regionToPass" type="hidden" value="">
935                        <!--Store list of user anno shape ids (ids of features in the database)-->
936                        <input name="currentSavedShapes" type="hidden" value="">
937
938                    </div>
939                </form>
940            </div>
941
942            <div class='LSnote'><a href='http://www.centremapslive.co.uk/privacy-policy/' target='_blank'>Privacy Policy</a></div>
943        </div>
944        <!-- END LEFT CONTENT-->
945
946        <!-- RIGHT CONTENT-->
947        <div id="main">
948
949            <div id="topInfo">
950                <div id="topDataPrice">
951                    <span class="dataPriceTop">Data Price: </span> <span id="topPrice" class="topPrice"> &pound;**.**
952                            </span>
953                    <div id='topRightOrderButton' onclick="preBasketCheck(0);">ORDER NOW!</div>
954                </div>
955                <div id='cartInfo'><a href='#'>VIEW CART</a></div><div id='accountInfo' onclick='showRegister(event,"show");'>REGISTER</div><div id='loginInfo' onclick='showLogin(event);'>LOGIN</div>            </div>
956
957            <div id="aboveMapContainer">
958                <div id="aboveMap">
959                    <div id="toolsContainer">
960                        <div id="toolsArea">
961
962                            <div id='toolboxTitle' style='margin-left:30px;margin-bottom:10px;'><h1>Start by searching
963                                    for your required location</h1></div>
964
965                            <!-- START LOCATION SEARCH -->
966                            <div id="toolsLocation">
967                                <form name='searchform' method='post' action='' onsubmit='return false;'>
968                                    <div>
969                                        <div style="float:left;width:90%">
970                                            <table style='width:400px' border="0" cellspacing="4" cellpadding="0">
971                                                <tr>
972                                                    <td>
973                                                        <input id="cmlSearchInput" name="cmlSearchInput" value=""
974                                                               placeholder="City, town, street, postcode or coordinate..."
975                                                               type="text"
976                                                               class="txtSearch ui-autocomplete-input text-search"
977                                                               onkeyup="return cmlGetMatch(event);" autocomplete="off"
978                                                               onmousedown="this.value='';cmlClearTooltip();"
979                                                               onBlur='cmlClearTooltip();'/>
980                                                    </td>
981                                                    <td>
982                                                        <div class='newButton'
983                                                             style='width:70px;padding:5px;font-size:11px;font-weight:bold;'
984                                                             onclick='cmlGetMatchClick();'>SEARCH
985                                                        </div>
986                                                    </td>
987                                                </tr>
988                                                <tr>
989                                                    <td colspan='2'><p style='margin-top:5px;'><span
990                                                                    class="alternatively">Alternatively</span>
991                                                            - <a id="closeBox1" style='cursor:pointer;'>Close
992                                                                this box</a> and navigate to the required
993                                                            location using the map pan and zoom
994                                                            tools on the map</p></td>
995                                                </tr>
996                                            </table>
997                                        </div>
998                                    </div>
999                                </form>
1000                            </div>
1001                            <!-- END LOCATION SEARCH -->
1002
1003                            <!-- START DEFINE YOUR AREA -->
1004                            <div id="toolsDefine">
1005                                <div id="toolsDefineContent" style="overflow:auto"></div>
1006                            </div>
1007                            <!-- END DEFINE YOUR AREA -->
1008
1009                            <!-- START DRAWING TOOLS -->
1010                            <div id="toolsDrawing">
1011                                <p>(These tools allow the drawing of features
1012                                    over the mapping for <strong>PDF</strong>
1013                                    and <strong>TIFF</strong> data output)</p>
1014                                <br/>
1015                                <div id="mainTools"> Draw Polygons/Lines/Annotations<br/>
1016                                    <img src="images/cmlive/drawline.png" alt="Draw Line"
1017                                         id="drawline" name="drawline" onclick="annoDrawingEnable('drawline');"
1018                                         onmouseover="Tip('Choose this tool and then click on the map to define a line');"/><img
1019                                            src="images/cmlive/drawpoly.png"
1020                                            alt="Draw Polygon" id="drawpoly" name="drawpoly"
1021                                            onclick="annoDrawingEnable('drawpoly');"
1022                                            onmouseover="Tip('Choose this tool and then click on the map to define an area');"/><img
1023                                            src="images/cmlive/drawarrow.png"
1024                                            alt="Draw Arrow" id="drawarrow" name="drawarrow"
1025                                            onclick="annoDrawingEnable('drawarrow');"
1026                                            onmouseover="Tip('Choose this tool and then click on the map to define a arrow');"/><img
1027                                            src="images/cmlive/drawcircle.png"
1028                                            alt="Draw Circle" id="drawcircle" name="drawcircle"
1029                                            onclick="annoDrawingEnable('drawcircle');"
1030                                            onmouseover="Tip('Choose this tool and then click on the map to define a circle.<br/>Hold the shift key down and then click and drag to define a custom shape.');"/><img
1031                                            src="images/cmlive/drawrect.png"
1032                                            alt="Draw Rectangle" id="drawrect" name="drawrect"
1033                                            onclick="annoDrawingEnable('drawrect');"
1034                                            onmouseover="Tip('Choose this tool and then click on the map to define a rectangle.<br/>Hold the shift key down and then click and drag to define a custom shape.');"/><img
1035                                            src="images/cmlive/drawlabel.png"
1036                                            alt="Draw Text" id="drawlabel" name="drawlabel"
1037                                            onclick="annoDrawingEnable('drawlabel');"
1038                                            onmouseover="Tip('Choose this tool and then click on the map to define a label');"/>
1039                                </div>
1040                                <div id="mmTools"> Fill MasterMap Objects<br/>
1041                                    <img src="images/cmlive/selarea.png" alt="Pick"
1042                                         id="selarea" name="selarea" onclick="annoDrawingEnable('selarea');"
1043                                         onmouseover="Tip('Choose this tool and click on the map to capture base mapping detail<br/>OS MasterMap base mapping needs to be visible');"/><img
1044                                            src="images/cmlive/selarea2.png" alt="Group"
1045                                            id="selarea2" name="selarea2" onclick="annoDrawingEnable('selarea2');"
1046                                            onmouseover="Tip('Choose this tool and click on the map to start to capture base mapping detail<br/>OS MasterMap base mapping needs to be visible');"/>
1047                                    <img src="images/cmlive/selnode.png" alt="Pick"
1048                                         id="selnode" name="selnode" onclick="annoDrawingEnable('selnode');"
1049                                         onmouseover="Tip('Choose this tool and click on the map to capture nearest node as a label<br/>OS MasterMap base mapping needs to be visible');"/>
1050                                    <div id="mmshapeprogess" align="center" style="display:none;"><img
1051                                                src="images/loader.gif" alt="progress">
1052                                        Please wait
1053                                    </div>
1054                                </div>
1055                                <div id="editTools"> Edit Objects<br/>
1056                                    <img src="images/cmlive/selusershape.png" alt="Edit"
1057                                         id="selusershape" name="selusershape"
1058                                         onclick="annoDrawingEnable('selusershape');"
1059                                         onmouseover="Tip('Choose this tool and then click on the shape to see the properties and allow editing');"/><img
1060                                            src="images/cmlive/resizeusershape.png"
1061                                            alt="Resize" id="resizeusershape" name="resizeusershape"
1062                                            onclick="annoDrawingEnable('resizeusershape');"
1063                                            onmouseover="Tip('Choose this tool and then click on the shape to see the properties and allow resizing');"/><img
1064                                            src="images/cmlive/icoClear.png" alt="Clear"
1065                                            id="drawClear" onclick="deleteFeatures('selected',false);"
1066                                            onmouseover="Tip('Choose this tool to delete the selected shape');"/>
1067                                </div>
1068                                <div id="clearTools"> Clear<br/>
1069                                    <img src="images/cmlive/icoClearAll.png"
1070                                         alt="Clear All" id="drawClearAll" onclick="deleteFeatures('all',false);"
1071                                         onmouseover="Tip('Choose this tool to delete all shapes');"/>
1071
1072                                </div>
1073                            </div>
1074                            <!-- END DRAWING TOOLS -->
1075
1076                        </div>
1077
1078                        <div id="toolsBottom"></div>
1079
1080                        <!--MAP LAYER TOOLS CONTENT-->
1081                        <div id='mapLayersContainer'>
1082                            <div style="position:absolute;top:0px;right:10px;"><a href="javascript:hideMapLayers();"
1083                                                                                  style='color:#FFFFFF;'>Close[x]</a>
1084                            </div>
1085
1086                            <div style="position:absolute;bottom:-8px;left:0px;">
1087                                <div id='roadviewDivExpand'><a href="javascript:showMapLayers('mapLayersRoad');">ROAD
1088                                        VIEW</a></div>
1089                                <div id='aerialviewDivExpand'><a href="javascript:showMapLayers('mapLayersAerial');">AERIAL
1090                                        VIEW</a></div>
1091                                <div id='extrasviewDivExpand'><a href="javascript:showMapLayers('mapLayersOther');">EXTRAS</a>
1092                                </div>
1093                                <!--<div style='margin-left:0px;float:left;width:80px;height:18px;text-align:center;color:#FFFFFF;background:#00566F;font-size:12px;font-weight:bold;padding:3px;cursor:pointer;border-right:1px solid #FFFFFF;'><a href="javascript:showMapLayers('mapLayersRoad');" style='color:#FFFFFF;'>ROAD VIEW</a></div>
1094                                <div style='margin-left:0px;float:left;width:80px;height:18px;text-align:center;color:#FFFFFF;background:#00566F;font-size:12px;font-weight:bold;padding:3px;cursor:pointer;border-right:1px solid #FFFFFF;'><a href="javascript:showMapLayers('mapLayersAerial');" style='color:#FFFFFF;'>AERIAL VIEW</a></div>
1095                                <div style='margin-left:0px;float:left;width:50px;height:18px;text-align:center;color:#FFFFFF;background:#00566F;font-size:12px;font-weight:bold;padding:3px;cursor:pointer;'><a href="javascript:showMapLayers('mapLayersOther');" style='color:#FFFFFF;'>EXTRAS</a></div>-->
1096                            </div>
1097
1098                            <div id='mapLayersContent'>
1099                                <!--Base mapping-->
1100                                <form id="maplayersform" name="maplayersform" action="" method="post">
1101                                    <div id="mapLayersRoad" style="display:block;">
1102                                        <div class="raeSample"
1103                                             style="background:url(images/rdSample.jpg);cursor: pointer;"
1104                                             onclick="toggleMapLayers(&quot;gb&quot;);">
1105                                            <input type="radio" id="optBaseLayers1" name="optBaseLayers"
1106                                                   value="gb"
1107                                                   onclick="toggleMapLayers(&quot;gb&quot;);" checked/>
1108                                            <p class="raeTitle">Road</p>
1109                                            <p class="raeDesc">Standard</p>
1110                                        </div>
1111                                        <div class='raeSample' id='os25kselect' style='background:url(images/rd25Sample.jpg);cursor: pointer; display:none;' onclick='toggleMapLayers("os25k");'><input type='radio' id='optBaseLayers2' name='optBaseLayers' value='os25k' onclick='toggleMapLayers("os25k");' checked /><p class='raeTitle'>Road with 25k</p><p class='raeDesc'>Standard + OS 25k</p></div>                                        <div class="raeSample"
1112                                             style="background:url(images/mmSample.jpg);cursor: pointer; display: block;" onclick="toggleMapLayers('osmm');">
1113                                            <input type="radio" id="optBaseLayers3" name="optBaseLayers" value="osmm"
1114                                                   onclick="toggleMapLayers('osmm');" disabled/>
1115                                            <p class="raeTitle">Detailed Mapping</p>
1116                                            <p class="raeDesc">OS Mastermap<br/>1250/2500 scale<br/>mapping</p>
1117                                        </div>
1118                                        <br/>
1119                                    </div>
1120                                    <div id="mapLayersAerial" style="display:none;">
1121                                        <div class="raeSample"
1122                                             style="background:url(images/aeSample.jpg);cursor: pointer;"
1123                                             onclick="toggleMapLayers('aerial');">
1124                                            <input type="radio" id="optBaseLayers4" name="optBaseLayers" value="aerial"
1125                                                   onclick="toggleMapLayers('aerial');"/>
1126                                            <p class="raeTitle">Aerial Photo</p>
1127                                            <p class="raeDesc">Satellite Photo<br/>
1128                                                Map</p>
1129                                        </div>
1130
1131                                        
1132                                        <br/>
1133                                        <br/>
1134                                    </div>
1135                                </form>
1136
1137                                <!--Map overlays-->
1138                                <div id="mapLayersOther" style="display:none;">
1139                                    <form id="overlaysform" name="overlaysform" action="" method="post">
1140                                        <ul class="extralayers">
1141                                            <li>
1142                                                <p style="font-size:13px;font-weight:bold;color:#ffffff;">Overlays</p>
1143                                            </li>
1144                                            <li>
1145                                                <label id="lblPrevious">
1146                                                    <input name="chkPrevious" id="chkPrevious" type="checkbox"
1147                                                           value="prev" onClick="showHidePrevious(this);"/>
1148                                                    Your Previous Orders</label>
1149                                                <div id="previousCats"></div>
1150                                            </li>
1151                                            <li><br/>
1151
1152                                                <hr/>
1153                                                <br/>
1154                                            </li>
1155                                            <li><p style='font-size:13px;font-weight:bold;color:#ffffff;'>Fixed Points</p></li><li><label id='lblSurvey' style='font-size:11px;color:#cccccc;'><input name='chkSurvey' id='chkSurvey' type='checkbox' value='surv' onClick='updateFixed(this,0);'  /> Survey Points</label></li><li><label id='lblBench' style='font-size:11px;color:#cccccc;'><input name='chkBench' id='chkBench' type='checkbox' value='bm' onClick='updateFixed(this,1);' /> Benchmarks</label></li><li><label id='lblBores' style='font-size:11px;color:#cccccc;'><input name='chkBores' id='chkBores' type='checkbox' value='bh' onClick='updateFixed(this,2);' /> Boreholes</label></li>                                        </ul>
1156                                    </form>
1157                                </div>
1158
1159                            </div>
1160                        </div>
1161                        <!--MAP LAYER TOOLS CONTENT-->
1162
1163                        <!--TOP MENU TOOL BUTTONS-->
1164                        <div id="toolsButtons">
1165                            <div id='showLocationDiv' class='toolTabOn'><a id="showLocation" class='toolTabLinkOn'>SEARCH
1166                                    LOCATION</a></div>  <!--style='color:#FFFFFF;-->
1167                            <div id='showDefineDiv' class='toolTabOff'><a id="showDefine" class='toolTabLinkOff'>DEFINE
1168                                    MAP AREA</a></div>
1169                            <div id='showDrawingDiv' class='toolTabOff'><a id="showDrawing" class='toolTabLinkOff'>ANNOTATION</a>
1170                            </div>
1171
1172                            <div id='roadviewDiv'><a href="javascript:showMapLayers('mapLayersRoad');"/>ROAD VIEW</a>
1173                            </div>
1174                            <div id='aerialviewDiv'><a href="javascript:showMapLayers('mapLayersAerial');"/>AERIAL
1175                                VIEW</a></div>
1176                            <div id='extrasviewDiv'><a href="javascript:showMapLayers('mapLayersOther');"/>EXTRAS</a>
1177                            </div>
1178
1179                                                        <div id='closeToolButtons'><a id="hideAll">X</a></div>
1180
1181                        </div>
1182                        <!-- END TOP MENU TOOL BUTTONS-->
1183
1184                    </div>
1185                </div>
1186            </div>
1187
1188
1189            <!--MAP CONTENT-->
1190            <div id="map" onmouseover="hideOnMapOver();" style="border:1px solid #cccccc;">
1191
1192                <div id="panZoomLayer"
1193                     style="margin-top:20px; margin-left:0px;position:absolute;z-index:99999999;"></div>
1194                <div id='SVcontrol' style='margin-top:320px; margin-left:15px;position:absolute;z-index:99999999;border:1px solid #1F2C8A;' onmouseover='Tip("Drag icon onto the map to show Google StreetView.");'><img src='images/sv_icon.gif' alt='Google Street View icon' onmouseover='initSV("activate");' onmousedown='setSVState();' onmouseout='initSV("deactivate");'/></div>
1195                <div id="drawtip"
1196                     style="position:absolute;z-index:999999999;left:10px;bottom:10px;border:1px #999999 dotted;padding:3px;font-size:16px;color:#ff0000;background-color:#FFFF99;display:none;">
1197                    Click around your site, double click to finish
1198                </div>
1199
1200
1201                <div id="NA_key" style="display:none;"></div>
1202
1203
1204                <div id="previous_key" style="display:none;"></div>
1205
1206
1207                <div id="A3_key" class='bottomLeft_key' style="display:none;"><img src='images/A3areasgraphic.png'
1208                                                                                   alt='a3 key'/><a
1209                            href='javascript:showHideA3Key("hide");' style='color:#FF0000;text-align:top;'>[x]</a></div>
1210
1211
1212                <div id="UKBuilings_key" class='bottomLeft_key' style="display:none;"><img
1213                            src='images/UKBuildingsAvailability.png' alt='ukbuildings ke
1213y'/><a
1214                            href='javascript:showHideUKBuildingsKey("hide");'
1215                            style='color:#FF0000;text-align:top;'>[x]</a></div>
1216
1217                <div id="utility_key" class='bottomLeft_key' style="display:none;"><img
1218                            src='images/utilityleg.png' alt='utility digitised extent key'/><a
1219                            href='javascript:showHideUtiliyKey("hide");'
1220                            style='color:#FF0000;text-align:top;'>[x]</a></div>
1221
1222
1223                <div id="copyrightdiv" style="position:absolute;z-index:99999999;right:5px;bottom:5px;"></div>
1224
1225
1226                <div id="largescaleNotices"></div>
1227
1228
1229                <div id="pointModeInfo">
1230                    <p style='font-size:20px;font-weight:bold;'>POINT MODE</p>
1231                    <div id="pointModeInfo1" style='display:block;'>
1232                        <p style='font-size:14px;'>Click near features:<br/>
1233                            - show nearest co-ordinate</p>
1234                    </div>
1235                    <div id="pointModeInfo2" style='display:none;'>
1236                        <div id='capturedCoordinate' style='margin-top:20px;'>&nbsp;</div>
1237                        <br/>
1238                        <div class='whiteButton'
1239                             style='margin-left:40px;width:100px;padding:8px;font-size:14px;font-weight:bold;'
1240                             onclick='stopPointCapture();'>FINISHED
1241                        </div>
1242                    </div>
1243                </div>
1244
1245
1246            </div>
1247            <!--END MAP CONTENT-->
1248
1249            <!--ABOVE MAP MESSAGES-->
1250            <div style='clear:both;'></div>
1251            <div id='previewsInfoContentContainer' style='z-index:9999999999;display:none;'>
1252                <div style='text-align:center;margin-top:20%;padding:10px;'>
1253                    <div style='display:inline-block;width:370px;padding:10px;background: url(images/scalebarback2.png);background-repeat: repeat;'
1254                         id='previewsInfoContent'>
1255                    </div>
1256                </div>
1257            </div>
1258            <div style='clear:both;'></div>
1259            <div id='previewsWarningContentContainerNew' style='position: fixed;top: 200px;left: 50%;width: 450px;margin-left: -225px;z-index:9999999999;display:none;'>
1260                <div style='text-align:center;padding:10px;'>
1261                    <div style='display:inline-block;width:370px;padding:10px;background: #FFFFFF;'
1262                         id='previewsInfoWarning' class='popupBoxRed'>
1263                    </div>
1264                </div>
1265            </div>
1266            <!--END ABOVE MAP MESSAGES-->
1267
1268
1269            <!--FOOTER-->
1270            <div id="bFixed2">
1271                <div id="fixedContent2">
1272                    <div id="scalediv">
1273                        <div id="scalediv2"></div>
1274                        <div id="outputCoords2"></div>
1275                    </div>
1276                    <form name="zoomform" method="post" action='' id="auZoom2">
1277                        <label>
1278                            <input name='exZoom' type='checkbox' id='exZoom' style='border:none;' checked>
1279                            <br/>
1280                            Auto<br/>Zoom</label>
1281                    </form>
1282
1283                    <div id="slider2" style="display: block;">
1284                        <div style="float:left;">Map&nbsp;&nbsp;</div>
1285                        <div id="slidercontent"
1286                             style="float:left;width:150px;height:50px;z-index:99999999;overflow:none;">
1287                            <!--background:url(images/imageformaptoaerial.gif) no-repeat;-->
1288                            <div id="sliderbox" style="width:130px;"></div>
1289                        </div>
1290                        <div style="float:right;">Aerial</div>
1291                    </div>
1292
1293                    <div id='oslogoarea'>
1294                        <img src='images/cmlive/OrdnanceSurveyPremierPartner.png' alt='Partner logo' class='osLogo' />                    </div>
1295
1296                    <div id='footerhelparea'>
1297                        <p>Need Help ?</p>                        <h2>01886 832972<br/><a
1298                                    href='mailto:[email protected]'>[email protected]</a>
1299                        </h2></div>
1300
1301                    <div id="footerchatarea">
1302
1303                        <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 1303-1304
1303
1304<script async src="https://www.googletagmanager.com/gtag/js?id=
1304G-WLS2SQSNPN
vendor: 12 bytes, line 1304
1304"></script>
1305<script>
1306  
vendor: 133 bytes, lines 1306-1309
1306window.dataLayer = window.dataLayer || [];
1307  function gtag(){dataLayer.push(arguments);}
1308  gtag('js', new Date());
1309  gtag('config', '
1309G-WLS2SQSNPN
vendor: 4 bytes, line 1309
1309');
1310</script>
1310
1311
1312<!-- Google Tag Manager -->
1313<script>
vendor: 327 bytes, lines 1313-1317
1313(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1314new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1315j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1316'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1317})(window,document,'script','dataLayer','
1317GTM-T9C9F44G
vendor: 3 bytes, line 1317
1317');
1317</script>
1317
1318<!-- End Google Tag Manager -->
1319
1320
1321<!-- NEW Click4Assistance Chat Button Script -->
1322<script type="text/javascript" >
1323function InitialiseC4A() {
1324        /* Chat Tool */
1325        var Tool1 = new C4A.Tools(1);
1326Tool1.Button.DesktopCss = "position:fixed; bottom:0px; right:0px";
1327Tool1.Button.MobileCss= "position:fixed; bottom:0px; right:0px";
1328        C4A.Run('f3da2b94-1a9f-450d-934b-4c3b9b339cc7');
1329}
1330</script>
1330
1331
1332<noscript><a href="https://www.click4assistance.co.uk/add-live-chat-software-click4assistance-uk" target="_blank"
1333             style="font-size:10px;position:fixed;bottom:2px;right:2px;">Click4Assistance UK Live Chat Software</a>
1334</noscript>
1335
1336<script src="https://v4in1-si.click4assistance.co.uk/SI.js" type="text/javascript" defer="defer"></script>
1336
1337<!-- NEW Click4Assistance Chat Button Script -->
1338
1339                    </div>
1340
1341
1342                </div>
1343            </div>
1344            <!--END FOOTER-->
1345
1346
1347            <!-- Layer to show best aerial suppliers-->
1348            <div id="bestHeightAerialSuppliers" style='display:none;z-index:999999999;'>
1349                <div style='text-align:center;margin-top:10%;'>
1350                    <div id="bestHeightAerialSuppliersContent">
1351
1352                        <div class='bestHeightAerialSupplierHeader'>
1353                            <div style='float:left;' id='prebasketMessage'><p
1354                                        style='color:#FFFFFF;font-size:28px;font-weight:bold;'>Have you considered ...
1355                            </div>
1356                            <div id='bestHeightAerialSupplierHeaderRight'>
1357                                <div style='float:left;width:55px;padding:5px;font-size:14px;font-weight:bold;color:#000000;background:#FFFFFF;text-align:center;cursor:pointer;'
1358                                     onclick='cancelAddToBasket();' onmouseover='this.style.background="#CCCCCC"'
1359                                     onmouseout='this.style.background="#FFFFFF"'>&lt;&lt; Back
1360                                </div>
1361                                <div style='float:right;width:100px;padding:5px;font-size:14px;font-weight:bold;color:#000000;background:#FFFFFF;text-align:center;cursor:pointer;'
1362                                     onclick='preBasketCheck(0);' onmouseover='this.style.background="#CCCCCC"'
1363                                     onmouseout='this.style.background="#FFFFFF"'>Proceed &gt;&gt;
1364                                </div>
1365                            </div>
1366                        </div>
1367
1368                        <div id='bestHeightAerialSupplierSubHeader' style='padding:10px;display:block;'>
1369                            <div style='float:left;'><p style='color: #3E3E3E;font-size: 20px;font-weight: bold;'>Also
1370                                    Available:</div>
1371                            <div id='remindAerialHeightlayer' style='float:right;display:block;'><p>Don't remind me for
1372                                    a while&nbsp;&nbsp;<input type='checkbox' id='remindAerialHeight'
1373                                                              name='remindAerialHeight'
1374                                                              onclick='aerialHeightRemindAgain(this);'/></p></div>
1375                            <!--<div id='bestprog' style='clear:both;display:none;'><p style='text-align:center;'><img
1376                                            src='images/loading.gif' alt='progress'/></p></div>-->
1377                            <div id='addextralayer' style='float:right;display:block;clear:both;'><p style='font-weight:bold;font-style:oblique;padding: 5px 0 5px 0;'>Add?</p></div>
1378                        </div>
1379
1380                        <div id="otherProductsAvailable" style="overflow:auto;clear:both;padding-left:10px;"></div>    <!--padding: 10px;-->
1381
1382                        <div id="bestProductsAvailable2" style="overflow:auto;clear:both;">
1383
1384                            <div id='bestprog' style='clear:both;display:none;'><p style='text-align:center;'><img
1385                                            src='images/loading.gif' alt='progress'/></p></div>
1386                            <div id='bestSupplierinfoAerial_layer2' style="padding-left:10px;"></div>
1387                            <div id='bestSupplierinfoHeight_layer2' style="padding-left:10px;"></div>
1388                        </div>
1389
1390                    </div>
1391                </div>
1392            </div>
1393
1394
1395        </div>
1396        <!--END RIGHT CONTENT-->
1397    </div>
1398
1399
1400</div>
1401
1402<!--Hidden to store info about order-->
1403<form name="varform" method="post" action=''>
1404    <input name="cid" id='cid' type="hidden" value="">                    <!--Customer ID -->
1405    <input name="companyid" type="hidden" value="">                <!--Company ID -->
1406    <input name="login" type="hidden" value="no">                    <!--Login status-->
1407    <input name="isprivilege" type="hidden" value="no">
1408    <!--Privilege account (Allows privileged products) (yes/no)-->
1409    <input name="region" id="region" type="hidden" value="gb">
1410    <!--Stores the mapping region ('gb' or 'ni')-->
1411    <input name="noUserPolys" type="hidden" value="">
1412    <!--No. of user shapes of each of these types-->
1413    <input name="noUserLabels" type="hidden" value="">
1414    <input name="noUserLines" type="hidden" value="">
1415    <input name="noUserCircles" type="hidden" value="">
1416    <input name="noUserRects" type="hidden" value="">
1417    <input name="currentBuffers" type="hidden" value="">
1418    <!--Stores info about buffers added to user shapes-->
1419    <input name="extentinput" type="hidden" value="">
1420    <!--Method of defining the map extent (paper,user,ground,extent,radius,draw)-->
1421    <input name="extentType" type="hidden" value="">
1422    <!--Type of extent ie.defined in map coords (scaled) or defined in ground coords (coords)-->
1423    <input name="papersize" type="hidden" value="">
1424    <!--Selcted input paper size-->
1425    <input name="selectedTool" type="hidden" value="">
1426    <!--Stores the current drawing tool selected-->
1427    <input name="data" id="data" type="hidden" value="">
1428    <!--Current data (prodcode)-->
1429    <input name="scale" type="hidden" value="">
1430    <!--Selected data scale (-1 for no scale)-->
1431    <input name="productoption" type="hidden" value="custom">
1432    <!--Type of product selected(custom/fixed)-->
1433    <input name="dataDescript" type="hidden" value="">                    <!--Description of data-->
1434    <input name="availibility" type="hidden" value="">
1435    <!--Defines a table which stores not avaialbale extents-->
1436    <input name="fullDataDesc" type="hidden" value="">
1437    <!--Full data description ie the info about the data choosen-->
1438    <input name="fullDataName" type="hidden" value="">
1439    <!--Data option ie the data layer choosen-->
1440    <input name="thescales" type="hidden" value="">                        <!--Available Scales-->
1441    <input name="ismultiextent" type="hidden" value="">
1442    <!--Stores that product has multiple extents (Map packs)-->
1443    <input name="suppliers" type="hidden" value="">
1444    <!--Stores if the data product has a range of suppliers (layers) that the user can choose from-->
1445    <input name="maxsize" type="hidden" value="">                                        <!--Max order size-->
1446    <input name="nofProducts" id="nofProducts" type="hidden" value="0">
1447    <!--Stores the number of data products selected-->
1448    <input name="gsaddress" id='gsaddress' type="hidden" value="">
1449    <input name="gsaddresstitle" id='gsaddresstitle' type="hidden" value="">
1450    <input name="gsaddressinfo" id='gsaddressinfo' type="hidden" value="">
1451    <!--Temp store for previous searched address (Used to fill in required GS info)-->
1452    <input name="gspostcode" id='gspostcode' type="hidden" value="">
1453    <!--Temp store for previous searched postcode (Used to fill in required GS info)-->
1454    <input name="tenkMapType" type="hidden" value="ossv">
1455    <!--Type of large scale mapping to show (ossv or os10k)-->
1456    <input name="mmViewExtents" type="hidden" value="">
1457    <!--Number of retrieved MasterMap licences-->
1458    <input name="os10kViewExtents" type="hidden" value="">
1459    <!--Number of retrieved OS10K licences-->
1460    <input name="fixedIDS" type="hidden" value="">                        <!--IDs of fixed products -->
1461    <input name="currentViewCredit" type="hidden" value="0">
1462    <!--User's current view credit -->
1463    <input name="currentFreeViewCredit" type="hidden" value="0">
1464    <!--User's current FREE view credit -->
1465    <input name="thesite" id="thesite" type="hidden" value="cmlive">
1466    <!--The site currenly being used (defined as a code) -->
1467    <input name="thesitename" type="hidden" value="CENTREMAPSlive">
1468    <!--The site name currenly being used (used to print to the screen)-->
1469    <input name="thesiteurl" type="hidden" value="https://shop.centremapslive.co.uk">                <!--The site url-->
1470    <input name="islitesite" type="hidden" value="no">
1471    <!--The site is reduced functionality (mapDataPortal)-->
1472    <input name="isRetailOutlet" type="hidden" value="no">
1473    <!--Use is or is not part of a retail outlet-->
1474    <input name="disabledFunctions" type="hidden" value="undefined">
1475    <!--Outlines functions that are disabled to the white label-->
1476    <input name="os25kMapType" type="hidden" value="no">
1477    <!--Defines if can show OS25K scale mapping (yes or no)-->
1478    <input name="extentsize" type="hidden" value="">
1479    <!--Fixed extent size of the product-->
1480    <input name="hasLayers" type="hidden" value="">
1481    <!--Stores if the data product has extra layers that the user can choose from (Eg UKMap)-->
1482    <input name="showUKMap" type="hidden" value="no">
1483    <!--Store if site can display UKMap Data-->
1484    <input name="aerialHeightPrompt" type="hidden" value="yes">
1485    <!--Store if site prompts to add aerial or height data to master when adding to basket-->
1486    <input name="userAerialHeightPrompt" type="hidden" value="yes">
1487    <!--Store if site prompts to add aerial or height data to master when adding to basket-->
1488    <input name="isFrozen" id="isFrozen" type="hidden" value="no">		<!--Store if account is frozen-->
1489
1490    <!--TO CHECK AND ADDRESS LATER-->
1491    <input name="fixedExtents" type="hidden" value="">
1492    <!--Extents of fixed products-->
1493    <input name="fixedCodes" type="hidden" value="">
1494    <!--Codes of fixed products -->
1495    <input name="fixedzoom" type="hidden" value="">
1496    <!--IDs of fixed products -->
1497    <input name="fixselected" type="hidden" value="">
1498    <!--Stores fixed products added to basket-->
1499    <!--FOR TESTING<input type='text' id='theMapScale' name='theMapScale' value='' style='width:4em' /><a href="javascript:updateMapScale();">UPDATE</a>-->
1500    <input name="historicMode" type="hidden" value="no">       <!--TEMP TESTING-->
1501    <input name="fixedA3ExtractCentre" type="hidden" value="">
1502    <!--centre coordinated used for the historic by date A3 extract-->
1503    <input name="ukmapprompt" type="hidden" value="yes">
1504    <!--Defines if UKMap prompt shows (yes or no)-->
1505    <input name="showAerial" id="showAerial" type="hidden" value="yes">
1506
1507</form>
1508<!--Write slider-->
1509<script>
1510    var slider1 = new dhtmlxSlider("sliderbox", 130, "arrowgreen", false, 0, 10, 0);
1511    slider1.setImagePath("dhtmlxSlider/codebase/imgs/");
1512    slider1.attachEvent("onChange", changeOpacity);
1513    slider1.init();
1514    //Remove all the extent options from the drop down lists (choices are added when extent drawn)
1515    removeAllExtentOptions()
1516    resizeMapElementHeight();
1517</script>
1517
1518
1519<div id='productInfoContent' class='popupBox'></div>
1520
1521<!--Google StreetView layer-->
1522<div id='panoContainer'
1523     style='position:absolute;top:0px;right:0px;height:617px;width:434px;z-index:999999999;display:none;'>
1524    <div style='height:18px;width:434px;background:#336699;'>
1525        <div style='float:left;'><p
1526                    style='text-align:left;color:#FFFFFF;margin-top:3px;margin-bottom:1px;margin-left:5px;font-weight:bolder;'>
1527                Google StreetView</p></div>
1528        <div style='float:right;'>
1529            <div style='width:75px;'>
1530                <div id='panoVisControl' style='float:left;'><a href='javascript:showHideSV();'
1531                                                                style='color:#FFFFFF;margin-top:3px;margin-bottom:1px;'>hide</a>
1532                </div>
1533                <div style='float:right;'><a href='javascript:closeSV();'
1534                                             style='color:#FFFFFF;margin-top:3px;margin-bottom:1px;margin-right:5px'>close[x]</a>
1535                </div>
1536            </div>
1537        </div>
1538    </div>
1539    <div id='panoContent'
1540         style='padding:10px;border-right:7px solid #336699;border-left:7px solid #336699;border-bottom:7px solid #336699;background:#FFFFFF;height:400px;width:400px;display:none;'></div>
1541    <div style='height:18px;width:434px;background:#336699;'>
1542        <div id='mapVisControl' style='float:right;'><a href='javascript:showHideSVMap();'
1543                                                        style='color:#FFFFFF;margin-top:3px;margin-bottom:1px;margin-right:5px;'>hide
1544                map</a></div>
1545    </div>
1546    <div id="googmapContent"
1547         style="padding:10px;border-right:7px solid #336699;border-left:7px solid #336699;border-bottom:7px solid #336699;background:#FFFFFF;height:200px;width:400px;display:none;"></div>
1548</div>
1549
1550
1551<script type="text/javascript">
1552    <!--Check and warn user if in IE compatible mode-->
1553    var agttest = navigator.userAgent.toLowerCase();
1554    if (((agttest.indexOf("compatible; msie 7.0") != -1) || (agttest.indexOf("compatible; msie 8.0") != -1)) && (agttest.indexOf("trident/") != -1)) {
1555        //showDialog('Warning','If you are in IE compatible mode, please change for best results.<br/><br/><input type="button" value="Close" id="closeButton" onclick="hideDialog();" >','warning');
1556    }
1557</script>
1557
1558
1559<!--Cookie notification stuff-->
1560<script>var theSite = "cmlive";var theSiteURL = "https://shop.centremapslive.co.uk";</script>
1560<script>
1561    var cookieName = theSite + "cookiecheck";
1562    var url = '"' + theSiteURL + '"';
1563    var site = '"' + theSite + '"';
1564    var policy = '"cookiepolicy"';
1565    var cookieText = "This site uses cookies to improve your user experience.  To find out more see our <a href='javascript:openNew(url, site, policy);'>&nbsp;cookies policy</a>";
1566    cookiesDirectiveLJ();
1567</script>
1567
1568
1569
1570<!--Pre-load background images for dialogs etc.-->
1571<div style='display:none;'>
1572    
1572<script>var wlImageFolder = 'cmlive';var imageResourceURL = 'https://shop.centremapslive.co.uk'</script>
1572    
1572<script type="text/javascript">
1573        var images = new Array()
1574
1575        function preload() {
1576            for (i = 0; i < preload.arguments.length; i++) {
1577                images[i] = new Image()
1578                images[i].src = preload.arguments[i]
1579            }
1580        }
1581
1582        preload(
1583            imageResourceURL + "/images/scalebarback2.png",
1584            imageResourceURL + "/images/scalebarback.png",
1585            imageResourceURL + "/images/toolsBG.png",
1586            imageResourceURL + "/images/loginPopup.png",
1587            imageResourceURL + "/images/registerBG.png",
1588            imageResourceURL + "/images/dialogBoxImages/dialog_close.gif",
1589            imageResourceURL + "/images/dialogBoxImages/error_bg.jpg",
1590            imageResourceURL + "/images/dialogBoxImages/error_header.gif",
1591            imageResourceURL + "/images/dialogBoxImages/warning_bg.jpg",
1592            imageResourceURL + "/images/dialogBoxImages/warning_header.gif",
1593            imageResourceURL + "/images/dialogBoxImages/success_bg.jpg",
1594            imageResourceURL + "/images/dialogBoxImages/success_header.gif",
1595            imageResourceURL + "/images/dialogBoxImages/prompt_bg.jpg",
1596            imageResourceURL + "/images/dialogBoxImages/prompt_header.gif",
1597            imageResourceURL + "/images/" + wlImageFolder + "/definePrint.png",
1598            imageResourceURL + "/images/" + wlImageFolder + "/defineGround.png",
1599            imageResourceURL + "/images/" + wlImageFolder + "/defineRadius.png",
1600            imageResourceURL + "/images/" + wlImageFolder + "/defineShape.png",
1601            imageResourceURL + "/images/" + wlImageFolder + "/defineCoordShp.png",
1602            imageResourceURL + "/images/" + wlImageFolder + "/definePrint.png",
1603            imageResourceURL + "/images/" + wlImageFolder + "/leftCatBack.png",
1604            imageResourceURL + "/images/portlan.png",
1605            imageResourceURL + "/images/zoominimage.png",
1606            imageResourceURL + "/images/collapse.gif",
1607            imageResourceURL + "/images/expand.gif",
1608            imageResourceURL + "/images/hcart.png",
1609            imageResourceURL + "/images/hcartadd.png",
1610            imageResourceURL + "/images/photo.jpg",
1611            imageResourceURL + "/images/" + wlImageFolder + "/mapLocation.png",
1612            imageResourceURL + "/images/" + wlImageFolder + "/siteLocation.png"
1613        )
1614    </script>
1614
1615
1616    
1616<script>showLoginOnLoad();</script>
1616<script>var wlImageFolder = 'cmlive';</script>
1616
1617
1618</div>
1619
1620<div style="width:58px;">
1621    <div id="switchGB"
1622         style="z-index:9999;position:absolute;left:179px;top:18px;padding-left:5px;padding-right:5px;background-color:#CCCCCC;border-style:solid;border-width:1px;" onmouseover="Tip('Click to choose Great Britain mapping');"><a
1623                href="javascript:changeMappingRegion('gb','link','prompt');">GB</a></div>
1624    <div style="float:left;">&nbsp;&nbsp;&nbsp;</div>
1625            <div id="switchNI"
1626             style="z-index:9999;position:absolute;left:208px;top:18px;padding-left:5px;padding-right:5px;background-color:#FFFFFF;border-style:dotted;border-width:1px;" onmouseover="Tip('Click to choose Northern Ireland mapping');"><a
1627                    href="javascript:changeMappingRegion('ni','link','prompt');">NI</a></div>
1628    </div>
1629
1630<!-- to check auto complete delay
1631delay (ms)<input id='acdelay' value='500' type='text' style='width:50px;'/><a href='javascript:setDelay();'>SET</a>-->
1632
1633
1634</body>
1635</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.