PageSourceSearch

https://www.photooffset.com/account/

html photooffset.com collected 2026-10-08 01:41:52 UTC 100,321 bytes, 2,856 lines download raw bytes

1
2
3    
4        <!DOCTYPE html>
5    
6    <!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
7    <!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
8    <!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
9    <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
10
11    
12
13    
14        
15        
16        
17            
18                <head>
19    
20    
21    
22
23    
24  <base href="https://www.photooffset.com/" />
25  
26
27
28
29<meta http-equiv="X-UA-Compatible" content="IE=edge">
30
31
32<link rel="shortcut icon" href="/favicon.ico">
33
34  <!-- Font Awesome-->
35  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
36  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/v4-shims.min.css" integrity="sha512-5egvUTaFShNzt5M4iPZNSUGLMF+fTSg/TTe5T407z8bC58AiX1qAWYka5HKDoFYAXRhhOH7e93TzwEp3F0jo5w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 
37  <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/common.css?v=3.1">
38  <link rel="stylesheet" media="print" href="https://secureprintorder.world-cdnserv.com/system/2011/common_print.css?v=2.1">
39  <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/dock.css">
40  <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/system/2011/css/boxy.andy.css">
41  <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/smoothness/jquery-ui.css">
42  <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/system/2011/css/prettyPhoto.css" media="screen">
43  <link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css'>
44
45
46<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/modernizr.custom.78688.js"></script>
46
47  
47<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
47
48  
48<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.3.0/jquery-migrate.js" crossorigin="anonymous"></script>
vendor: 2 bytes, line 48
48
49<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
vendor: 2 bytes, line 49
49
50<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.placeholder/jquery.placeholder.min.js"></script>
vendor: 2 bytes, line 50
50
51<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.scrollIntoView/jquery.scrollIntoView.min.js"></script>
vendor: 2 bytes, line 51
51
52<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.prettyPhoto.js"></script>
vendor: 2 bytes, line 52
52
53<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/libs/Markup.js/src/markup.min.js"></script>
vendor: 2 bytes, line 53
53
54<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/libs/jsonxml/xml2jso.js"></script>
vendor: 2 bytes, line 54
54
55<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/common.js?v=9.099999999999996"></script>
vendor: 2 bytes, line 55
55
56<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.boxy.andy.js?v=1.1.6"></script>
vendor: 2 bytes, line 56
56
57<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/menu.js?v=4.299999999999999"></script>
vendor: 2 bytes, line 57
57
58<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/ajax.js"></script>
vendor: 2 bytes, line 58
58
59<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/evt.js"></script>
vendor: 2 bytes, line 59
59
60<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/Geometry.js"></script>
vendor: 2 bytes, line 60
60
61<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/drag.js"></script>
vendor: 2 bytes, line 61
61
62<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/moreInfo.js"></script>
vendor: 2 bytes, line 62
62
63<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/float.js"></script>
vendor: 2 bytes, line 63
63
64<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/HTMLParse.js"></script>
vendor: 2 bytes, line 64
64
65<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/scroll_tools.js?v=12"></script>
vendor: 2 bytes, line 65
65
66<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/progress.js"></script>
vendor: 2 bytes, line 66
66
67<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/pageflex/pf.js?v=17"></script>
vendor: 2 bytes, line 67
67
68<script type="text/javascript">
69	var PREFS=new Object();
70	PREFS.uDesignIT=false;
71	PREFS.PF_SERVER_DOMAIN='https://www3.secured-site.com/';
72	PREFS.Site_Dir="8231PhotoO";
73	PREFS.user_Contact_ID="0";
74	PREFS.user_Printshop_Admin=false;
75	PREFS.user_Printshop_Employee=false;
76	PREFS.PostNet_Entry_Level=false;
77	PREFS.cXML_ID="";
78	PREFS.TEST_MODE=false;
79	PREFS.DEV_MODE=false;
80	PREFS.BLOCK_Create_New_Account=false;
81	PREFS.BLOCK_Quick_Create_New_Account=false;
82    PREFS.Buyer_Email_Webshop_Base="";
83	PREFS.LIMIT_Contact_ID="0";
84	PREFS.LIMIT_Branch_ID="0";
85	PREFS.LIMIT_Company_ID="0";
86	PREFS.u="";
87	PREFS.r="";
88	PREFS.WEBBASE="https://www.photooffset.com/";
89	PREFS.SECUREBASE="https://www.photooffset.com/";
90	PREFS.BYPASS_Send_File_Choice="0";
91	if (!window.location.origin) window.location.origin = window.location.protocol+"//"+window.location.host;
92	PREFS.WINDOW_ORIGIN = window.location.origin;
93	if (PREFS.WINDOW_ORIGIN.indexOf('secured-site6.com') > 0 && PREFS.WINDOW_ORIGIN.indexOf('printcenter') == -1 ) PREFS.WINDOW_ORIGIN = PREFS.WINDOW_ORIGIN + '/printcenter';
94	
95	PREFS.OPC_Version_Path="system/2011/";
96	PREFS.Country_Code="";
97	PREFS.Include_Company_Name_In_Map_URL=0;
98	PREFS.Continue_Shopping_Link="printing/";
99  PREFS.Allow_Ad_Hoc_Cart_Items=false;
100  PREFS.Currency = "$";
101  PREFS.Show_Job_Ticket_Subtotals=false;
102  PREFS.ADMIN_SERVICE =0;
103  PREFS.COMPACT_SHOPPING_CART=1;
104  PREFS.MULTIPLE_PRINTSHOPS_TESTING=8150;
105  PREFS.Undock_Pricing=0;
106  PREFS.GOOD2GO_PREFLIGHTING = "";
107  PREFS.TOWA_CART = "1";
108  PREFS.TEST_DEFERRED_SHIPPING = "0";
109</script>
109
110
111
112  
113  
114    
115  
116
117
118  
119  
120    
121  
122
123
124
125
126
127  
128  
129  
130  
131  
132  
133  
134
135<meta http-equiv="content-type" content="text/html;charset=UTF-8">
136<title>Photo Offset Printing & Design: Welcome to Photo Offset - Sign In</title>
137
138<!-- Open Graph Meta Tags -->
139
140<!-- Fallback: All Other Pages -->
141  <!-- og:title for generic pages -->
142  
143    <meta property="og:title" content="Photo Offset Printing & Design: Welcome to Photo Offset - Sign In">
144  
145
146  <!-- og:image for generic pages -->
147  
148    <meta property="og:image" content="https://www.photooffset.com/8231PhotoO/logo_8231-social.png">
149  
150
151  <!-- og:type for generic pages -->
152  <meta property="og:type" content="website">
153
154  <!-- og:description for generic pages -->
155  <meta property="og:description" content="Photo Offset is a commercial printing company offering complete design-to-print solutions to a broad range of clients. Established in 1954, our company specializes in traditional offset and digital printing along with studio-quality graphic design.">
156
157
158<!-- og:url (common to all pages) -->
159<meta property="og:url" content="https://www.photooffset.com/account">
160
161<meta name="description" content="Photo Offset is a commercial printing company offering complete design-to-print solutions to a broad range of clients. Established in 1954, our company specializes in traditional offset and digital printing along with studio-quality graphic design.">
162
163  <!--Meta Keywords-->
164  <meta name="keywords" content="printing, brochures, envelopes, color printing, color copies, big color posters, copies, business cards, carbonless forms, ncr forms, index tabs, labels, letterhead, manuals, booklets, catalogs, newsletters, postcards, product sheets, flyers, invitations, sell sheets, booklet, booklet binding, cutting, design, graphic design, digital output, drilling, folding, mailing services, numbering, perf, perforation, perfing, scoring, slitting, shrink wrap, packaging, Photo Offset, Miami, South Miami, Coral Gables, FL, Florida, 33146, 33155, commercial printing, commercial printers, digital printing, digital printers, offset printing, offset printers, thermography, presentation folders, four color printing, custom printing, corporate identity, corporate branding, coral gables printing company, south miami printing company, coronavirus signs, coronavirus signage">
165
166<meta name="classification" content="Communications">
167<meta name="rating" content="General">
168<meta name="revisit-after" content="5">
169<meta name="robots" content="ALL">
170<meta name="author" content="">
171
172<meta name="viewport" content="width=device-width, initial-scale=1.0">
173
174  
175  
176
177
178
179
180<!--[if gte IE 9]>
181<style type="text/css">
182  * {
183    filter: none !important;
184  }
185</style>
186<![endif]-->
187    
188    
189        
190            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/common.css?v=6.199999999999993" type="text/css" media="screen,print" />
191            
192        
193    
194        
195            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/nav.css?v=1.5000000000000002" type="text/css" media="screen,print" />
196            
197        
198    
199        
200            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/site_footer.css?v=5.899999999999993" type="text/css" media="screen,print" />
201            
202        
203    
204        
205            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/ecommerce_common.css?v=3.9000000000000004" type="text/css" media="screen,print" />
206            
207        
208    
209        
210            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/1ecommerce.css?v=1.7000000000000004" type="text/css" media="screen,print" />
211            
212        
213    
214        
215            
215<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/site_footer.js?v=1.0"></script>
215
216            
217        
218    
219        
220            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/printing-product.css?v=9.700000000000017" type="text/css" media="screen,print" />
221            
222        
223    
224        
225            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/page_layout/full_width.css?v=1.5200000000000002" type="text/css" media="screen,print" />
226            
227        
228    
229        
230            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/printing.css?v=1.7000000000000002" type="text/css" media="screen,print" />
231            
232        
233    
234        
235            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/forms.css?v=1.7000000000000002" type="text/css" media="screen,print" />
236            
237        
238    
239        
240            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/account.css?v=6.07" type="text/css" media="screen,print" />
241            
242        
243    
244        
245            <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/send_file_popup.css?v=1.6" type="text/css" media="screen,print" />
246            
247        
248    
249    
250    
250<script type="text/javascript"> 
251$(document).ready(function(){
252// Clean STyle CTA Section
253	$('#crossbar').after('<section class="files-order-estimate cta-buttons bg-primary text-center"> <div class="container"> <div class="row" style="display: flex; justify-content: center;"></div> <div class="row" style="display: flex; justify-content: center;"></div> <div class="row"> <div class="col-xs-4"><a class="btn-lg center-block" href="#send-file-popup"><img src="designMinimal_R/images/icon-send-file.png" alt="Send A File" /> Send Your Files</a></div> <div class="col-xs-4"><a class="btn-lg center-block" href="printing/"><img src="designMinimal_R/images/icon-order-now.png" alt="Order Now" /> Order Now</a></div> <div class="col-xs-4"><a class="btn-lg center-block" href="printing/custom-printing/"><img src="designMinimal_R/images/icon-request-estimate.png" alt="Request an Estimate" /> Request an Estimate</a></div> </div> </div> </section>');
254});
255</script>
255
256
257
258<meta content="f680fb6302ba2815369f8cf25fd72a83" name="p:domain_verify">
259
260
261
262<style>
263.files-order-estimate.cta-buttons.bg-primary.text-center {
264
265background-color: #4299BC !important;
266
267
268}
269
270.product-list {
271
272display: none !important;
273
274}
275
276
277
278.home .cta-buttons a {
279    height: 61px;
280}
281.home .cta-buttons img {
282    max-height: 41px;
283    max-width: 121px;
284}
285.files-order-estimate a {
286    color: #fff!important;
287    border-radius: 0;
288    margin: 0 -15px;
289}
290.files-order-estimate [class*=col-]:last-child {
291    border-right: 1px solid #ffffff78;
292}
293.files-order-estimate [class*=col-] {
294    border-left: 1px solid #ffffff78;
295}
296/*
297.files-order-estimate [class*=col-] {
298    border-left: 1px solid #ffffff78;
299}
300.home.CleanStyle .cta-buttons a {
301    min-height: 112px;
302    padding: 10px 0;
303}
304.files-order-estimate a {
305    color: #fff!important;
306    border-radius: 0;
307    margin: 10px 0;
308}
309.files-order-estimate a:hover {
310    background-color: rgba(255, 255, 255, 0.1);
311}
312*/
313/* Products Flex Card Layout */
314
315/* All Products Page */
316#page_intro + #product-tabs .product-inner {
317    display: flex;
318    flex-wrap: wrap;
319	justify-content: space-around;
320}
321#page_intro + #product-tabs .product {
322    width: calc(33% - 15px);
323}
324
325#page_intro + #product-tabs .product .thumbnail {
326    margin: 5px auto;
327    display: block;
328	width: 100%;
329}
330
331/* Category Page */
332#content #product-tabs .product div.product_info {
333    margin: 0 !important;
334    text-align: center;
335}
336.read-toggle {
337    display: none;
338}
339
340tbody.product_category_class {
341    display: flex;
342    flex-wrap: wrap;
343	justify-content: space-around;
344}
345tbody.product_category_class > tr:first-child {
346    display: none;
347}
348tbody.product_category_class > tr {
349    width: calc(33% - 15px);
350}
351
352#product-tabs .product .thumbnail {
353    max-width: 200px !important;
354    max-height: 200px !important;
355	float: none;
356}
357
358.capi-inn h1 {
359
360font-family: Raleway, Arial, Helvetica, sans-serif !important; 
361drop-shadow: 2px 2px 2px black !important;
362font-weight: bold !important;
363
364
365}
366
367</style>
368
369<script>
370$(document).ready(function() {
371  $("#product-tabs .product .thumbnail").each(function() {
372    var newUrl = $(this)
373      .attr("src")
374      .replace("85x", "400x");
375    $(this).attr("src", newUrl);
376  });
377});
378</script>
vendor: 84 bytes, lines 378-383
378
379    
380    
381
382  
383    <script src="https://www.google.com/recaptcha/api.js?render=
3836LdyBXcdAAAAALAjwxHMf1bNc0jOhjb2sZafqE_G
vendor: 17 bytes, lines 383-384
383"></script>
384    
384<script>
385
386      $(function(){
387        set_reCAPTCHA_TOKEN=function(token){
388          $('form:not(.no-captcha)').each(function(){
389            $form=$(this);
390            $input=$form.find(':input[name="reCAPTCHA_TOKEN"]');
391            if($input.length===0){
392              $input=$('<input name="reCAPTCHA_TOKEN" type="hidden">');
393              $form.append($input);
394            }
395            $input.val(token);
396          });
397        };
398        update_reCAPTCHA_TOKEN=function(){
399          grecaptcha.ready(function() {
400            grecaptcha.execute('6LdyBXcdAAAAALAjwxHMf1bNc0jOhjb2sZafqE_G', {action: 'homepage'}).then(set_reCAPTCHA_TOKEN);
401          });
402        };
403        var reCAPTCHA_refresh_timeout=null;
404        $(document).ajaxSuccess(function(e,xhr,options,data){
405          if(reCAPTCHA_refresh_timeout) window.clearTimeout(reCAPTCHA_refresh_timeout);
406          reCAPTCHA_refresh_timeout=window.setTimeout('update_reCAPTCHA_TOKEN()',1000);
407        });
408        try {
409          update_reCAPTCHA_TOKEN();
410        }
411        catch(error){
412          console.error(error);
413        }
414        setInterval(function(){update_reCAPTCHA_TOKEN();}, 110000);
415      });
416    </script>
vendor: 152 bytes, lines 416-433
416
417  
418
419    
420        
421        
422	
423	
424		
425	
426
427
428    
429    
430      
431    
432    
433      <script async src="https://www.googletagmanager.com/gtag/js?id=
433G-456K2VR12R
vendor: 19 bytes, lines 433-434
433"></script>
434      
434<script>
435        
vendor: 186 bytes, lines 435-441
435window.dataLayer = window.dataLayer || [];
436        function gtag(){dataLayer.push(arguments);}
437        gtag('js', new Date());
438        
439        
440        
441          gtag('config', '
441UA-204694275-17
vendor: 64 bytes, lines 441-444
441',   {cookie_flags: 'secure;'});
442        
443        
444          
444gtag('config', 'G-456K2VR12R',   {cookie_flags: 'secure;'});
445        
446      </script>
446
447    
448
449
450
451
452
453
454        
455    
456    
457    
458    
459    
460    
461
462
463
464
465
466
467
468
469        <meta charset="utf-8">
470        <meta http-equiv="X-UA-Compatible" content="IE=edge">
471        <meta name="viewport" content="width=device-width, initial-scale=1">
472        <link rel="canonical" href="https://www.photooffset.com/account/">
473        <!-- Bootstrap CSS-->
474        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
475        <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com//system/2011/css/bootstrap-utilities.v5.3.3.css?v=2026.06.25">
476        <!-- Google Fonts -->
477        <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
478        <link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet">
479        <!--if lt IE 9
480        script(src='//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js')
481        script(src='//oss.maxcdn.com/respond/1.4.2/respond.min.js')
482        -->
483        <!-- Custom styles-->
484        <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/owl.carousel.css?v=1" rel="stylesheet">
485        <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/owl.theme.css?v=1" rel="stylesheet">
486        <!--<link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/animate.css" rel="stylesheet">-->
487        <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/meanmenu.min.css?v=1" rel="stylesheet">
488        <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/theme-outside-the-box.css?v=2026.06.22" rel="stylesheet">
489        <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/responsive.css?v=1.02" rel="stylesheet">
490        <link href="https://secureprintorder.world-cdnserv.com/system/2011/css/responsive-content.css?v=3.4" rel="stylesheet">
491        <link href="https://secureprintorder.world-cdnserv.com/system/2011/css/responsive-wisnet.css?v=3.1" rel="stylesheet">
492        <!-- Header/nav/drawer redesign (parity with modern PHP storefront); loaded last so scoped rules win -->
493        <link href="https://secureprintorder.world-cdnserv.com/system/2011/css/store-chrome.css?v=2026.08.20.1" rel="stylesheet">
494        
494<script src="https://secureprintorder.world-cdnserv.com/system/2011/js/mobile-nav-drawer.js?v=2026.07.08" defer></script>
494
495        
496        
497            <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/images/opc.css?v=1" />
498        
499        
500</head>
501
502  <body class=" full_width  OutsideTheBox account  ">
503    <a href="#main" class="skip-link">Skip to main content</a>
504    <header class="nav-header header-main">
505      
506  
507    <!-- Store Header (parity with the modern PHP storefront header). Meant to be
508     paired with the Store Navigation (PS_Site_Nav = nav_ecommerce_bs3), which
509     provides the matching desktop main-nav bar and the mobile flyout drawer that
510     this header's hamburger opens. (The header partial file keeps its
511     header_ecommerce.mdl name because it is the stored PS_Site_Header value.) -->
512<nav class="store-header" aria-label="Utility">
513  <div class="store-header-inner">
514    <div class="store-header-row">
515
516      <!-- Hamburger: opens the mobile flyout drawer (hidden at md and above) -->
517      <button type="button" class="mobile-drawer-toggle" data-role="mobile-drawer-toggle" aria-label="Open navigation menu" aria-expanded="false" aria-controls="mobile-nav-drawer">
518        <i class="fa fa-bars" aria-hidden="true"></i>
519      </button>
520
521      <!-- Logo -->
522      
523        <!-- Logo/Brand section -->
524<style media="screen">
525  .navbar-brand {
526      height: auto;
527      text-align: center;
528      width: 100%;
529  }
530  .navbar-brand>img {
531    display: inline;
532  }
533</style>
534
535<div class="navbar-header">
536  <a class="navbar-brand" href="https://www.photooffset.com/" aria-label="Photo Offset Home"><img src="https://secureprintorder.world-cdnserv.com/8231PhotoO/Photo-Offset-Logo-250w-x-71h-002.jpg" alt="" /></a>
537</div>
538
539      
540
541      <!-- Mobile: compact account + cart (hidden at md and above) -->
542      <ul class="store-header-actions header-actions-mobile">
543        <li class="nav-item">
544          <button type="button" class="nav-link account-toggle account-toggle-compact mobile-account-drawer-toggle" data-role="mobile-drawer-toggle" data-mobile-drawer-focus="account" aria-label="Sign in menu" aria-expanded="false" aria-controls="mobile-nav-drawer">
545            
546              <span>Sign In</span>
547              <i class="fa fa-1-5x fa-user" aria-hidden="true"></i>
548            
549          </button>
550        </li>
551        <!-- Cart: query logic and badge/link. Self-contained styling so it renders in
552     both the original and store headers; store-chrome.css layers the
553     store-header styling on top (scoped to .store-header). -->
554
555
556<style media="screen">
557  .navbar-cart .badge-cart {
558    position: absolute;
559    left: 21px;
560    top: 5px;
561    font-size: 100%;
562    border-radius: 1.3rem;
563    padding: 0.2em .6em 0.3em;
564    background-color: #000000;
565    }
566    .navbar-cart .fa-shopping-cart {
567      font-size: 3.5rem;
568    }
569</style>
570
571
572  <li class="nav-item">
573    
574      <a class="nav-link nav-link-cart navbar-cart" data-role="cart-view" href="#" data-order_id="0" aria-label="Shopping cart">
575        <i class="fa fa-2x fa-shopping-cart" aria-hidden="true"></i>
576        <span title="view your shopping cart" class="label label-danger badge-cart cartItemCount">
577          0
578        </span>
579        <span class="hidden-xs hidden-sm">Cart</span>
580      </a>
581    
582  </li>
583
584
585      </ul>
586
587      <!-- Product search: full-width on mobile (wraps to its own row), flexible on desktop -->
588      
589        
590	<!-- Homepage Product Search: list loaded via AJAX on first focus -->
591	<div class="navbar-form flex-grow-1 homepage-product-search-form">
592		<div class="homepage-product-search dropdown" role="search" id="product-search-dropdown">
593			<label for="product-search-filter" class="sr-only">Search Products</label>
594			<div class="product-search-input-wrapper">
595				<input class="form-control product-search-filter input-lg w-100" type="text" id="product-search-filter" placeholder="Search Products" autocomplete="off" aria-label="Search Products" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
596				<button type="button" class="product-search-button" aria-label="Search Products">
597					<i class="fa fa-search" aria-hidden="true"></i>
598				</button>
599			</div>
600			<div class="dropdown-menu homepage-product-search-menu" id="product-search-menu-container" style="max-height: 80vh; overflow-y: auto;">
601				<p class="text-muted small" style="margin: 8px 20px;" data-product-search-placeholder>Loading…</p>
602			</div>
603		</div>
604	</div>
605<style>
606/* Search input: bordered field with a search button on the right.
607   In the store header, outer form flex/width/order is controlled by
608   store-chrome.css; these base rules keep it sized in the original header. */
609.navbar-form.homepage-product-search-form,
610.homepage-product-search {
611	width: 100%;
612	min-width: 0;
613}
614@media (min-width: 768px) {
615	.navbar-form.homepage-product-search-form {
616		width: auto;
617	}
618}
619.product-search-input-wrapper {
620	position: relative;
621	display: flex;
622	width: 100%;
623}
624.product-search-input-wrapper .form-control.product-search-filter {
625	height: auto;
626	padding: 0.5rem 2.75rem 0.5rem 0.75rem;
627	border: 1px solid #d0d0d0;
628	border-radius: 0.25rem;
629	font-size: 1.8rem;
630	box-shadow: none;
631	background-color: #fff;
632}
633.product-search-input-wrapper .product-search-button {
634	position: absolute;
635	right: 0;
636	top: 0;
637	bottom: 0;
638	display: flex;
639	align-items: center;
640	justify-content: center;
641	width: 2.75rem;
642	border: none;
643	background: transparent;
644	color: #777;
645	cursor: pointer;
646}
647.product-search-input-wrapper .product-search-button:hover,
648.product-search-input-wrapper .product-search-button:focus {
649	color: #333;
650}
651/* Dark ring: the search field stays light on every header tone, so a fixed dark
652   ring keeps the required non-text contrast (the theme-adaptive --store-focus-ring
653   would go white here and wash out on the light input). */
654.product-search-input-wrapper .product-search-button:focus-visible {
655	outline: 2px solid #1a1a1a;
656	outline-offset: 2px;
657	border-radius: 0.25rem;
658}
659.homepage-product-search-menu {
660	border-radius: 0.25rem;
661	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
662}
663.homepage-product-search-list .dropdown-header {
664    padding: 0;
665    margin: 0;
666    font-size: 2rem;
667    line-height: 1.2rem;
668    color: #777;
669    white-space: nowrap;
670}
671.homepage-product-search-list {
672	display: grid;
673	grid-template-columns: repeat(2, 1fr);
674	gap: 1rem;
675	padding: 1rem;
676	align-items: start;
677}
678@media (min-width: 768px) {
679	.homepage-product-search-list {
680		grid-template-columns: repeat(4, 1fr);
681		gap: 2rem;
682		padding: 2rem;
683	}
684}
685@media (min-width: 1280px) {
686	.homepage-product-search-list {
687		grid-template-columns: repeat(5, 1fr);
688		gap: 2.5rem;
689		padding: 2.5rem;
690	}
691}
692
693.product-search-item {
694	display: flex;
695	flex-direction: column;
696	align-items: flex-start;
697	gap: 0.5rem;
698	min-width: 0;
699}
700.product-search-item a {
701	text-decoration: none;
702}
703@media (min-width: 480px) {
704	.product-search-item {
705		min-width: 100px;
706	}
707}
708@media (min-width: 768px) {
709	.product-search-item {
710		min-width: 150px;
711	}
712}
713@media (min-width: 992px) {
714	.product-search-item {
715		min-width: 150px;
716	}
717}
718.product-search-item .thumbnail {
719	width: 100%;
720	aspect-ratio: 4 / 3;
721	overflow: hidden;
722	position: relative;
723}
724.product-search-item .thumbnail a {
725	display: block;
726	width: 100%;
727	height: 100%;
728}
729.product-search-item .thumbnail img.media-object {
730	width: 100%;
731	height: 100%;
732	padding: 1.5rem;
733    object-fit: contain;
734	transition: transform 0.3s ease;
735	display: block;
736}
737.product-search-item .thumbnail:hover img.media-object {
738	transform: scale(1.10);
739}
740.product-search-item .thumbnail .media-object {
741	width: 100%;
742	height: 100%;
743	transition: transform 0.3s ease;
744}
745.product-search-item .thumbnail:hover .media-object {
746	transform: scale(1.10);
747}
748/* Honor OS "reduce motion": no thumbnail zoom/transition (WCAG 2.3.3) */
749@media (prefers-reduced-motion: reduce) {
750	.product-search-item .thumbnail img.media-object,
751	.product-search-item .thumbnail .media-object {
752		transition: none;
753	}
754	.product-search-item .thumbnail:hover img.media-object,
755	.product-search-item .thumbnail:hover .media-object {
756		transform: none;
757	}
758}
759.product-search-item .thumbnail-placeholder-text {
760	padding: 0.5rem;
761	font-size: 1.25rem;
762	line-height: 1.2;
763	overflow: hidden;
764	display: -webkit-box;
765	-webkit-line-clamp: 3;
766	-webkit-box-orient: vertical;
767	word-break: break-word;
768}
769</style>
770<script>
771(function(){
772	var container = document.querySelector('.homepage-product-search');
773	if (!container) return;
774	var input = container.querySelector('#product-search-filter');
775	var menu = container.querySelector('.homepage-product-search-menu');
776	var searchButton = container.querySelector('.product-search-button');
777	if (!input || !menu) return;
778	var list = null;
779	var noResults = null;
780	var listLoaded = false;
781	var loadInProgress = false;
782	function extractFragment(responseText) {
783		var start = responseText.indexOf('<ajax>');
784		var end = responseText.indexOf('</ajax>');
785		if (start !== -1 && end !== -1 && end > start) {
786			return responseText.substring(start + 6, end).trim();
787		}
788		return responseText;
789	}
790	function loadProductList(done) {
791		if (listLoaded || loadInProgress) {
792			if (done) done();
793			return;
794		}
795		loadInProgress = true;
796		var placeholder = menu.querySelector('[data-product-search-placeholder]');
797		if (placeholder) placeholder.textContent = 'Loading…';
798		var body = 'mdl=system/2011/components/bootstrap3/navigation/loadProductSearch.aj&ieFix=' + Math.random();
799		fetch('ajax.iml', {
800			method: 'POST',
801			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
802			body: body
803		}).then(function(res) {
804			if (!res.ok) throw new Error('Request failed');
805			return res.text();
806		}).then(function(text) {
807			var html = extractFragment(text);
808			menu.innerHTML = html;
809			list = menu.querySelector('.homepage-product-search-list');
810			noResults = menu.querySelector('.product-search-no-results');
811			listLoaded = true;
812			if (done) done();
813		}).catch(function() {
814			if (placeholder) placeholder.textContent = 'Unable to load products.';
815			else menu.innerHTML = '<p class="text-muted small" style="margin: 8px 20px;">Unable to load products.</p>';
816			list = menu.querySelector('.homepage-product-search-list');
817			noResults = menu.querySelector('.product-search-no-results');
818			listLoaded = true;
819			if (done) done();
820		}).then(function() {
821			loadInProgress = false;
822		});
823	}
824	function openDropdown() {
825		if (closeTimeout) { clearTimeout(closeTimeout); closeTimeout = null; }
826		container.classList.add('open');
827		input.setAttribute('aria-expanded', 'true');
828		loadProductList(function() {
829			filterList();
830		});
831	}
832	function closeDropdown() {
833		container.classList.remove('open');
834		input.setAttribute('aria-expanded', 'false');
835	}
836	function filterList() {
837		if (!list) return;
838		var q = (input.value || '').trim().toLowerCase();
839		var items = list.querySelectorAll('li.product-search-item');
840		var visible = 0;
841		for (var i = 0; i < items.length; i++) {
842			var text = (items[i].getAttribute('data-search') || '').toLowerCase();
843			var show = !q || text.indexOf(q) !== -1;
844			items[i].style.display = show ? '' : 'none';
845			if (show) visible++;
846		}
847		var privateCount = 0;
848		var privateItems = list.querySelectorAll('li.product-search-item[data-product-type="private"]');
849		for (var pi = 0; pi < privateItems.length; pi++) {
850			if (privateItems[pi].style.display !== 'none') privateCount++;
851		}
852		var publicCount = 0;
853		var publicItems = list.querySelectorAll('li.product-search-item[data-product-type="public"]');
854		for (var pj = 0; pj < publicItems.length; pj++) {
855			if (publicItems[pj].style.display !== 'none') publicCount++;
856		}
857		var myHeader = list.querySelector('[data-section="my-products"]');
858		if (myHeader) myHeader.style.display = privateCount ? '' : 'none';
859		var divider = list.querySelector('[data-section-divider="my-products"]');
860		if (divider) divider.style.display = privateCount ? '' : 'none';
861		var publicHeader = list.querySelector('[data-section="public-products"]');
862		if (publicHeader) publicHeader.style.display = publicCount ? '' : 'none';
863		if (noResults) noResults.style.display = (q && visible === 0) ? '' : 'none';
864	}
865	var keepMenuOpenOnBlur = false;
866	var closeTimeout;
867	document.addEventListener('mousedown', function(e) {
868		if (menu && menu.contains(e.target) && !e.target.closest('.product-search-item')) {
869			keepMenuOpenOnBlur = true;
870		}
871	});
872	input.addEventListener('focus', openDropdown);
873	input.addEventListener('click', openDropdown);
874	input.addEventListener('blur', function() {
875		if (keepMenuOpenOnBlur) {
876			keepMenuOpenOnBlur = false;
877			return;
878		}
879		closeTimeout = setTimeout(closeDropdown, 250);
880	});
881	document.addEventListener('click', function(e) {
882		if (container.contains(e.target)) return;
883		if (closeTimeout) clearTimeout(closeTimeout);
884		closeDropdown();
885	});
886	input.addEventListener('input', filterList);
887	input.addEventListener('keyup', filterList);
888	if (searchButton) {
889		searchButton.addEventListener('click', function(e) {
890			e.preventDefault();
891			input.focus();
892			openDropdown();
893		});
894	}
895})();
896</script>
896
897
898
899      
900
901      <!-- Desktop: full action bar with CTAs, account and cart (hidden below md) -->
902      <ul class="store-header-actions header-actions-desktop">
903        
904          <!-- Phone contact link. Layout via PHONE_VARIANT: "" (header) | "drawer".
905       header: icon left of the stacked "Here to help." / number ("Here to help."
906               is hidden on xs, so mobile shows just the icon + number).
907       drawer: single-line icon + number (matches the other drawer CTAs).
908     Guards on Shop_Phone internally, so callers only need their own show gate. -->
909
910<li class="nav-item nav-item-phone">
911  
912    <a class="nav-link phone-link d-flex flex-row align-items-center gap-2" href="tel:305%2D666%2D1067">
913      <i class="fa fa-1-5x fa-lg fa-phone" aria-hidden="true"></i>
914      <div>
915        <div class="hidden-xs">Here to help.</div>
916        <div>305-666-1067</div>
917      </div>
918    </a>
919  
920</li>
921
922
923        
924        
925          <!-- Email Us link (opens modal) -->
926
927
928<!-- Email Us link -->
929<li class="nav-item nav-item-email-us">
930  <a class="nav-link email-us-link d-flex flex-row align-items-center gap-2" href="#" data-toggle="modal" data-target="#email-us-5263">
931    <i class="fa fa-1-5x fa-lg fa-envelope" aria-hidden="true"></i>
932    <div>
933      <div>
934        Email Us
935      </div>
936    </div>
937  </a>
938</li>
939
940
941        
942        
943          <!-- Request Estimate link -->
944<li class="nav-item nav-item-request-estimate">
945  <a class="nav-link request-estimate-link d-flex flex-row align-items-center gap-2" href="/printing/custom-printing/">
946    <i class="fa fa-1-5x fa-lg fa-calculator" aria-hidden="true"></i>
947    <div>
948      <div>
949        Request <br>Estimate
950      </div>
951    </div>
952  </a>
953</li>
954        
955        
956          <!-- Upload Files link -->
957<li class="nav-item nav-item-upload-files">
958  <a class="nav-link upload-files-link d-flex flex-row align-items-center gap-2" href="#send-file-popup">
959    <i class="fa fa-1-5x fa-lg fa-upload" aria-hidden="true"></i>
960    <div>
961      <div>
962        Upload Files
963      </div>
964    </div>
965  </a>
966</li>
967        
968        <!-- Header account. Variant via ACCOUNT_VARIANT: "" (desktop) | "compact".
969     Self-contained base styling so it renders in the original header too;
970     store-chrome.css overrides these (scoped) for the store header. The style
971     block is emitted once per page even when this module is included more than
972     once (the store header includes it for both the compact and desktop bars). -->
973
974	
975	<style media="screen">
976		.dropdown-menu .divider {padding-top: 0;}
977		.label-login-as {max-width: 230px;white-space: normal;text-align: right;line-height: 1.2;}
978		.sign-in-link {font-size: 2rem;}
979		@media (min-width: 768px) {
980			.sign-in-link {font-size: inherit;}
981		}
982	</style>
983
984
985	<li class="nav-item"><a class="nav-link btn btn-link sign-in-link" href="account/" id="account_link">
986		Sign In
987	</a></li>
988
989
990        <!-- Cart: query logic and badge/link. Self-contained styling so it renders in
991     both the original and store headers; store-chrome.css layers the
992     store-header styling on top (scoped to .store-header). -->
993
994
995<style media="screen">
996  .navbar-cart .badge-cart {
997    position: absolute;
998    left: 21px;
999    top: 5px;
1000    font-size: 100%;
1001    border-radius: 1.3rem;
1002    padding: 0.2em .6em 0.3em;
1003    background-color: #000000;
1004    }
1005    .navbar-cart .fa-shopping-cart {
1006      font-size: 3.5rem;
1007    }
1008</style>
1009
1010
1011  <li class="nav-item">
1012    
1013      <a class="nav-link nav-link-cart navbar-cart" data-role="cart-view" href="#" data-order_id="0" aria-label="Shopping cart">
1014        <i class="fa fa-2x fa-shopping-cart" aria-hidden="true"></i>
1015        <span title="view your shopping cart" class="label label-danger badge-cart cartItemCount">
1016          0
1017        </span>
1018        <span class="hidden-xs hidden-sm">Cart</span>
1019      </a>
1020    
1021  </li>
1022
1023
1024      </ul>
1025
1026    </div><!-- /.store-header-row -->
1027  </div><!-- /.store-header-inner -->
1028</nav>
1029
1030      
1031  
1032
1033      
1034  <!-- Ecommerce Nav (redesign): desktop category bar + mobile flyout drawer.
1035       Pairs with the redesign header_ecommerce.mdl. -->
1036  <nav class="store-nav store-nav-dark" aria-label="Main">
1037    <div class="store-nav-inner">
1038      <div class="store-nav-desktop">
1039        <ul>
1040          <!-- Nav No Account -->
1041
1042
1043
1044
1045
1046
1047  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1048       never matches anything, so the allowed-scheme check has to be done with
1049       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1050  
1051  
1052  
1053  
1054  
1055  
1056  
1057    
1058    
1059    
1060        
1061          
1062        
1063      
1064    
1065    
1066    
1067    
1068        
1069          <li class="nav-Printing nav-item dropdown">
1070            
1071              
1072                <a class="nav-link dropdown-toggle" href="#" id="navbarPrinting" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1073                  
1074                    Products
1075                  
1076                  <span class="caret"></span>
1077                </a>
1078              
1079            
1080            
1081            
1082              <ul class="dropdown-menu printing-nav">
1083                
1084                  
1085                
1086                
1087                  
1088                    
1089                    
1090                      <li><a class="dropdown-item" href="/printing/big-color-posters/">Big Color Posters</a></li>
1091                    
1092                  
1093                    
1094                    
1095                      <li><a class="dropdown-item" href="/printing/booklets/">Booklets</a></li>
1096                    
1097                  
1098                    
1099                    
1100                      <li><a class="dropdown-item" href="/printing/brochures/">Brochures</a></li>
1101                    
1102                  
1103                    
1104                    
1105                      <li><a class="dropdown-item" href="/printing/envelopes/">Envelopes</a></li>
1106                    
1107                  
1108                    
1109                    
1110                      <li><a class="dropdown-item" href="/printing/business-cards/">Business Cards</a></li>
1111                    
1112                  
1113                    
1114                    
1115                      <li><a class="dropdown-item" href="/printing/banners/">Banners</a></li>
1116                    
1117                  
1118                    
1119                    
1120                      <li><a class="dropdown-item" href="/printing/carbonless-forms/">Carbonless Forms</a></li>
1121                    
1122                  
1123                    
1124                    
1125                      <li><a class="dropdown-item" href="/printing/color-copies/">Color Copies</a></li>
1126                    
1127                  
1128                    
1129                    
1130                      <li><a class="dropdown-item" href="/printing/letterhead/">Letterhead</a></li>
1131                    
1132                  
1133                    
1134                    
1135                      <li><a class="dropdown-item" href="/printing/newsletters/">Newsletters</a></li>
1136                    
1137                  
1138                    
1139                    
1140                      <li><a class="dropdown-item" href="/printing/pocket-folders/">Pocket Folders</a></li>
1141                    
1142                  
1143                  
1144                    <li role="separator" class="divider"></li>
1145                    <li><a href="/printing/">View All Products</a></li>
1146                  
1147                
1148              </ul>
1149            
1150          </li>
1151      
1152    
1153  
1154
1155  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1156       never matches anything, so the allowed-scheme check has to be done with
1157       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1158  
1159  
1160  
1161  
1162  
1163  
1164  
1165    
1166    
1167    
1168      
1169      
1170      
1171    
1172    
1173    
1174    
1175        
1176          <li class="nav-Services nav-item dropdown">
1177            
1178              
1179                <a class="nav-link dropdown-toggle" href="#" id="navbarServices" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<span class="caret"></span></a>
1180              
1181            
1182            
1183            
1184              <ul class="dropdown-menu services-nav">
1185                
1186                
1187                  
1188                    
1189                    
1190                      <li><a class="dropdown-item" href="/services/printing-copying-services/">Printing & Copying</a></li>
1191                    
1192                  
1193                    
1194                    
1195                      <li><a class="dropdown-item" href="/services/bindery-finishing/">Bindery & Finishing</a></li>
1196                    
1197                  
1198                    
1199                    
1200                      <li><a class="dropdown-item" href="/services/graphic-design-services/">Graphic Design</a></li>
1201                    
1202                  
1203                    
1204                    
1205                      <li><a class="dropdown-item" href="/services/mailing-services/">Mailing</a></li>
1206                    
1207                  
1208                    
1209                    
1210                      <li><a class="dropdown-item" href="/services/booklet-binding/">Book(let) Binding</a></li>
1211                    
1212                  
1213                  
1214                    <li role="separator" class="divider"></li>
1215                    <li><a href="/services/">View All Services</a></li>
1216                  
1217                
1218              </ul>
1219            
1220          </li>
1221      
1222    
1223  
1224
1225  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1226       never matches anything, so the allowed-scheme check has to be done with
1227       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1228  
1229  
1230  
1231  
1232  
1233  
1234  
1235    
1236    
1237    
1238      
1239      
1240      
1241    
1242    
1243    
1244    
1245        
1246          <li class="nav-Resources nav-item dropdown">
1247            
1248              
1249                <a class="nav-link dropdown-toggle" href="#" id="navbarResources" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1249Resources<span class="caret"></span></a>
1250              
1251            
1252            
1253            
1254              <ul class="dropdown-menu resources-nav">
1255                
1256                
1257                  
1258                    
1259                    
1260                      <li><a class="dropdown-item" href="/resources/the-ideas-collection/" target="">The Ideas Collection</a></li>
1261                    
1262                  
1263                    
1264                    
1265                      <li><a class="dropdown-item" href="/resources/greatest-treasures/" target="">Greatest Treasures</a></li>
1266                    
1267                  
1268                    
1269                    
1270                      <li><a class="dropdown-item" href="/resources/whats-new/" target="">What's New</a></li>
1271                    
1272                  
1273                    
1274                    
1275                      <li><a class="dropdown-item" href="/resources/popular-graphic-arts-software/" target="">Popular Graphic Arts Software</a></li>
1276                    
1277                  
1278                  
1279                    <li role="separator" class="divider"></li>
1280                    <li><a href="/resources/">View All Resources</a></li>
1281                  
1282                
1283              </ul>
1284            
1285          </li>
1286      
1287    
1288  
1289
1290  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1291       never matches anything, so the allowed-scheme check has to be done with
1292       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1293  
1294  
1295  
1296  
1297  
1298  
1299  
1300    
1301    
1302    
1303      
1304      
1305      
1306    
1307    
1308    
1309    
1310        
1311          <li class="nav-About Us nav-item dropdown">
1312            
1313              
1314                <a class="nav-link dropdown-toggle" href="#" id="navbarAboutUs" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a>
1315              
1316            
1317            
1318            
1319              <ul class="dropdown-menu feature-nav">
1320                
1321                
1322                  
1323                    
1324                    
1325                      <li><a class="dropdown-item" href="/feature/about-us/">About Us</a></li>
1326                    
1327                  
1328                    
1329                    
1330                      <li><a class="dropdown-item" href="/feature/our-guarantee/">Our Guarantee</a></li>
1331                    
1332                  
1333                    
1334                    
1335                      <li><a class="dropdown-item" href="/feature/the-environment/">The Environment</a></li>
1336                    
1337                  
1338                    
1339                    
1340                      <li><a class="dropdown-item" href="/feature/presidents-letter/">President's Letter</a></li>
1341                    
1342                  
1343                    
1344                    
1345                      <li><a class="dropdown-item" href="/feature/meet-our-team/">Meet Our Team</a></li>
1346                    
1347                  
1348                    
1349                    
1350                      <li><a class="dropdown-item" href="/feature/company-history/">Company History</a></li>
1351                    
1352                  
1353                    
1354                    
1355                      <li><a class="dropdown-item" href="/feature/testimonials/">Testimonials</a></li>
1356                    
1357                  
1358                  
1359                
1360              </ul>
1361            
1362          </li>
1363      
1364    
1365  
1366
1367  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1368       never matches anything, so the allowed-scheme check has to be done with
1369       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1370  
1371  
1372  
1373  
1374  
1375  
1376  
1377    <li class="nav-Contact nav-item dropdown">
1378    <a class="nav-link dropdown-toggle" href="#" id="navbarContact" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1379        Contact<span class="caret"></span>
1380    </a>
1381    
1382      <ul id="contact-megamenu" class="dropdown-menu">
1383        
1384        
1385        
1386        
1387        
1388          
1389          
1390          
1391          
1392          
1393          
1394            <li><a class="dropdown-item"href="tel:305-666-1067"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Local - 305-666-1067</a></li>
1395          
1396          
1397            <li><a class="dropdown-item"href="tel:305-666-7082"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Fax - 305-666-7082</a></li>
1398          
1399          
1400          <li><a class="dropdown-item" href="#" data-toggle="modal" data-target="#email-us-5263"><i class="fa fa-envelope fa-solid text-primary" aria-hidden="true"></i> Email Us</a></li>
1401          <li><a class="dropdown-item location-info-5263"href="/contact-us/">More Contact Info</a></li>
1402          <li role="separator" class="divider"></li>
1403        
1404        
1405        
1406          <li><a class="dropdown-item d-flex align-items-center gap-2" href="https://www.facebook.com/pages/Photo-Offset/154539961375156" target="_blank"><i class="fa-brands fa-square-facebook fa-2x text-primary" aria-hidden="true"></i> Contact Us On Facebook</a></li>
1407          
1408          <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://www.linkedin.com/pub/john-knowles/13/aa0/b" target="_blank"><i class="fa-brands fa-linkedin fa-2x text-primary" aria-hidden="true"></i> Connect With Us On LinkedIn</a></li>
1409          <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://twitter.com/PhotoOffset" target="_blank"><i class="fa-brands fa-square-x-twitter fa-2x text-primary " aria-hidden="true"></i> Find Us On X (Twitter)</a></li>
1410          
1411        
1412      </ul>
1413    </li>
1414  
1415
1416
1417        </ul>
1418      </div>
1419    </div>
1420  </nav>
1421  <!-- Mobile flyout drawer (its hamburger toggle lives in the header) -->
1422  <!--
1423  Mobile flyout drawer (parity with modern mobile_nav_drawer.html.twig).
1424
1425  A slide-in <dialog> containing: shop name + close, the signed-in account menu
1426  (reusing account_menu_items.mdl), the utility CTAs (reusing the same phone /
1427  email / estimate / upload sub-components as the desktop bar), and the category
1428  nav (reusing nav_noaccount.mdl). Open/close is handled by mobile-nav-drawer.js.
1429
1430  Styling + the "make BS3 dropdowns render inline" overrides live in
1431  store-chrome.css. Requires Bootstrap 3 JS (already loaded) for the category
1432  dropdown toggles.
1433-->
1434<dialog id="mobile-nav-drawer" data-role="mobile-drawer" aria-label="Navigation menu">
1435  <div class="mobile-drawer-panel">
1436
1437    <div class="mobile-drawer-head">
1438      <span class="drawer-shop-name">Photo Offset</span>
1439      <button type="button" class="mobile-drawer-close" data-role="mobile-drawer-close" aria-label="Close navigation menu">
1440        <i class="fa fa-times" aria-hidden="true"></i>
1441      </button>
1442    </div>
1443
1444    <div class="mobile-drawer-body">
1445
1446      <!-- Account -->
1447      
1448        <div class="drawer-section" data-mobile-drawer-section="account">
1449          <ul>
1450            <li>
1451              <a href="account/">
1452                <i class="fa fa-user fa-fw" aria-hidden="true"></i>
1453                <span>Sign In</span>
1454              </a>
1455            </li>
1456          </ul>
1457        </div>
1458      
1459
1460      <!-- Utility CTAs (reuse the desktop sub-components) -->
1461      
1462        <div class="drawer-section">
1463          <ul>
1464            
1465              <!-- Phone contact link. Layout via PHONE_VARIANT: "" (header) | "drawer".
1466       header: icon left of the stacked "Here to help." / number ("Here to help."
1467               is hidden on xs, so mobile shows just the icon + number).
1468       drawer: single-line icon + number (matches the other drawer CTAs).
1469     Guards on Shop_Phone internally, so callers only need their own show gate. -->
1470
1471<li class="nav-item nav-item-phone">
1472  
1473    <a class="nav-link phone-link" href="tel:305%2D666%2D1067">
1474      <i class="fa fa-phone fa-fw" aria-hidden="true"></i>
1475      <span>305-666-1067</span>
1476    </a>
1477  
1478</li>
1479
1480
1481            
1482            
1483              <!-- Email Us link (opens modal) -->
1484
1485
1486<!-- Email Us link -->
1487<li class="nav-item nav-item-email-us">
1488  <a class="nav-link email-us-link d-flex flex-row align-items-center gap-2" href="#" data-toggle="modal" data-target="#email-us-5263">
1489    <i class="fa fa-1-5x fa-lg fa-envelope" aria-hidden="true"></i>
1490    <div>
1491      <div>
1492        Email Us
1493      </div>
1494    </div>
1495  </a>
1496</li>
1497
1498
1499            
1500            
1501              <!-- Request Estimate link -->
1502<li class="nav-item nav-item-request-estimate">
1503  <a class="nav-link request-estimate-link d-flex flex-row align-items-center gap-2" href="/printing/custom-printing/">
1504    <i class="fa fa-1-5x fa-lg fa-calculator" aria-hidden="true"></i>
1505    <div>
1506      <div>
1507        Request <br>Estimate
1508      </div>
1509    </div>
1510  </a>
1511</li>
1512            
1513            
1514              <!-- Upload Files link -->
1515<li class="nav-item nav-item-upload-files">
1516  <a class="nav-link upload-files-link d-flex flex-row align-items-center gap-2" href="#send-file-popup">
1517    <i class="fa fa-1-5x fa-lg fa-upload" aria-hidden="true"></i>
1518    <div>
1519      <div>
1520        Upload Files
1521      </div>
1522    </div>
1523  </a>
1524</li>
1525            
1526          </ul>
1527        </div>
1528      
1529
1530      <!-- Category nav (reuse nav_noaccount.mdl; BS3 dropdowns render inline via CSS) -->
1531      <div class="drawer-section">
1532        <ul class="nav navbar-nav drawer-nav">
1533          <!-- Nav No Account -->
1534
1535
1536
1537
1538
1539
1540  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1541       never matches anything, so the allowed-scheme check has to be done with
1542       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1543  
1544  
1545  
1546  
1547  
1548  
1549  
1550    
1551    
1552    
1553        
1554          
1555        
1556      
1557    
1558    
1559    
1560    
1561        
1562          <li class="nav-Printing nav-item dropdown">
1563            
1564              
1565                <a class="nav-link dropdown-toggle" href="#" id="navbarPrinting" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1566                  
1567                    Products
1568                  
1569                  <span class="caret"></span>
1570                </a>
1571              
1572            
1573            
1574            
1575              <ul class="dropdown-menu printing-nav">
1576                
1577                  
1578                
1579                
1580                  
1581                    
1582                    
1583                      <li><a class="dropdown-item" href="/printing/big-color-posters/">Big Color Posters</a></li>
1584                    
1585                  
1586                    
1587                    
1588                      <li><a class="dropdown-item" href="/printing/booklets/">Booklets</a></li>
1589                    
1590                  
1591                    
1592                    
1593                      <li><a class="dropdown-item" href="/printing/brochures/">Brochures</a></li>
1594                    
1595                  
1596                    
1597                    
1598                      <li><a class="dropdown-item" href="/printing/envelopes/">Envelopes</a></li>
1599                    
1600                  
1601                    
1602                    
1603                      <li><a class="dropdown-item" href="/printing/business-cards/">Business Cards</a></li>
1604                    
1605                  
1606                    
1607                    
1608                      <li><a class="dropdown-item" href="/printing/banners/">Banners</a></li>
1609                    
1610                  
1611                    
1612                    
1613                      <li><a class="dropdown-item" href="/printing/carbonless-forms/">Carbonless Forms</a></li>
1614                    
1615                  
1616                    
1617                    
1618                      <li><a class="dropdown-item" href="/printing/color-copies/">Color Copies</a></li>
1619                    
1620                  
1621                    
1622                    
1623                      <li><a class="dropdown-item" href="/printing/letterhead/">Letterhead</a></li>
1624                    
1625                  
1626                    
1627                    
1628                      <li><a class="dropdown-item" href="/printing/newsletters/">Newsletters</a></li>
1629                    
1630                  
1631                    
1632                    
1633                      <li><a class="dropdown-item" href="/printing/pocket-folders/">Pocket Folders</a></li>
1634                    
1635                  
1636                  
1637                    <li role="separator" class="divider"></li>
1638                    <li><a href="/printing/">View All Products</a></li>
1639                  
1640                
1641              </ul>
1642            
1643          </li>
1644      
1645    
1646  
1647
1648  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1649       never matches anything, so the allowed-scheme check has to be done with
1650       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1651  
1652  
1653  
1654  
1655  
1656  
1657  
1658    
1659    
1660    
1661      
1662      
1663      
1664    
1665    
1666    
1667    
1668        
1669          <li class="nav-Services nav-item dropdown">
1670            
1671              
1672                <a class="nav-link dropdown-toggle" href="#" id="navbarServices" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<span class="caret"></span></a>
1673              
1674            
1675            
1676            
1677              <ul class="dropdown-menu services-nav">
1678                
1679                
1680                  
1681                    
1682                    
1683                      <li><a class="dropdown-item" href="/services/printing-copying-services/">Printing & Copying</a></li>
1684                    
1685                  
1686                    
1687                    
1688                      <li><a class="dropdown-item" href="/services/bindery-finishing/">Bindery & Finishing</a></li>
1689                    
1690                  
1691                    
1692                    
1693                      <li><a class="dropdown-item" href="/services/graphic-design-services/">Graphic Design</a></li>
1694                    
1695                  
1696                    
1697                    
1698                      <li><a class="dropdown-item" href="/services/mailing-services/">Mailing</a></li>
1699                    
1700                  
1701                    
1702                    
1703                      <li><a class="dropdown-item" href="/services/booklet-binding/">Book(let) Binding</a></li>
1704                    
1705                  
1706                  
1707                    <li role="separator" class="divider"></li>
1708                    <li><a href="/services/">View All Services</a></li>
1709                  
1710                
1711              </ul>
1712            
1713          </li>
1714      
1715    
1716  
1717
1718  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1719       never matches anything, so the allowed-scheme check has to be done with
1720       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1721  
1722  
1723  
1724  
1725  
1726  
1727  
1728    
1729    
1730    
1731      
1732      
1733      
1734    
1735    
1736    
1737    
1738        
1739          <li class="nav-Resources nav-item dropdown">
1740            
1741              
1742                <a class="nav-link dropdown-toggle" href="#" id="navbarResources" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1742Resources<span class="caret"></span></a>
1743              
1744            
1745            
1746            
1747              <ul class="dropdown-menu resources-nav">
1748                
1749                
1750                  
1751                    
1752                    
1753                      <li><a class="dropdown-item" href="/resources/the-ideas-collection/" target="">The Ideas Collection</a></li>
1754                    
1755                  
1756                    
1757                    
1758                      <li><a class="dropdown-item" href="/resources/greatest-treasures/" target="">Greatest Treasures</a></li>
1759                    
1760                  
1761                    
1762                    
1763                      <li><a class="dropdown-item" href="/resources/whats-new/" target="">What's New</a></li>
1764                    
1765                  
1766                    
1767                    
1768                      <li><a class="dropdown-item" href="/resources/popular-graphic-arts-software/" target="">Popular Graphic Arts Software</a></li>
1769                    
1770                  
1771                  
1772                    <li role="separator" class="divider"></li>
1773                    <li><a href="/resources/">View All Resources</a></li>
1774                  
1775                
1776              </ul>
1777            
1778          </li>
1779      
1780    
1781  
1782
1783  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1784       never matches anything, so the allowed-scheme check has to be done with
1785       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1786  
1787  
1788  
1789  
1790  
1791  
1792  
1793    
1794    
1795    
1796      
1797      
1798      
1799    
1800    
1801    
1802    
1803        
1804          <li class="nav-About Us nav-item dropdown">
1805            
1806              
1807                <a class="nav-link dropdown-toggle" href="#" id="navbarAboutUs" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a>
1808              
1809            
1810            
1811            
1812              <ul class="dropdown-menu feature-nav">
1813                
1814                
1815                  
1816                    
1817                    
1818                      <li><a class="dropdown-item" href="/feature/about-us/">About Us</a></li>
1819                    
1820                  
1821                    
1822                    
1823                      <li><a class="dropdown-item" href="/feature/our-guarantee/">Our Guarantee</a></li>
1824                    
1825                  
1826                    
1827                    
1828                      <li><a class="dropdown-item" href="/feature/the-environment/">The Environment</a></li>
1829                    
1830                  
1831                    
1832                    
1833                      <li><a class="dropdown-item" href="/feature/presidents-letter/">President's Letter</a></li>
1834                    
1835                  
1836                    
1837                    
1838                      <li><a class="dropdown-item" href="/feature/meet-our-team/">Meet Our Team</a></li>
1839                    
1840                  
1841                    
1842                    
1843                      <li><a class="dropdown-item" href="/feature/company-history/">Company History</a></li>
1844                    
1845                  
1846                    
1847                    
1848                      <li><a class="dropdown-item" href="/feature/testimonials/">Testimonials</a></li>
1849                    
1850                  
1851                  
1852                
1853              </ul>
1854            
1855          </li>
1856      
1857    
1858  
1859
1860  <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)"
1861       never matches anything, so the allowed-scheme check has to be done with
1862       iml_substr prefix comparisons instead, same technique as navUpdate.aj. -->
1863  
1864  
1865  
1866  
1867  
1868  
1869  
1870    <li class="nav-Contact nav-item dropdown">
1871    <a class="nav-link dropdown-toggle" href="#" id="navbarContact" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1872        Contact<span class="caret"></span>
1873    </a>
1874    
1875      <ul id="contact-megamenu" class="dropdown-menu">
1876        
1877        
1878        
1879        
1880        
1881          
1882          
1883          
1884          
1885          
1886          
1887            <li><a class="dropdown-item"href="tel:305-666-1067"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Local - 305-666-1067</a></li>
1888          
1889          
1890            <li><a class="dropdown-item"href="tel:305-666-7082"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Fax - 305-666-7082</a></li>
1891          
1892          
1893          <li><a class="dropdown-item" href="#" data-toggle="modal" data-target="#email-us-5263"><i class="fa fa-envelope fa-solid text-primary" aria-hidden="true"></i> Email Us</a></li>
1894          <li><a class="dropdown-item location-info-5263"href="/contact-us/">More Contact Info</a></li>
1895          <li role="separator" class="divider"></li>
1896        
1897        
1898        
1899          <li><a class="dropdown-item d-flex align-items-center gap-2" href="https://www.facebook.com/pages/Photo-Offset/154539961375156" target="_blank"><i class="fa-brands fa-square-facebook fa-2x text-primary" aria-hidden="true"></i> Contact Us On Facebook</a></li>
1900          
1901          <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://www.linkedin.com/pub/john-knowles/13/aa0/b" target="_blank"><i class="fa-brands fa-linkedin fa-2x text-primary" aria-hidden="true"></i> Connect With Us On LinkedIn</a></li>
1902          <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://twitter.com/PhotoOffset" target="_blank"><i class="fa-brands fa-square-x-twitter fa-2x text-primary " aria-hidden="true"></i> Find Us On X (Twitter)</a></li>
1903          
1904        
1905      </ul>
1906    </li>
1907  
1908
1909
1910        </ul>
1911      </div>
1912
1913    </div><!-- /.mobile-drawer-body -->
1914  </div><!-- /.mobile-drawer-panel -->
1915
1916  <form method="dialog" class="mobile-drawer-backdrop">
1917    <button type="submit"><span class="sr-only">
1917Close navigation menu</span></button>
1918  </form>
1919</dialog>
1920
1921
1922
1923
1924
1925    </header>
1926    <section class="container content-container">
1927      <div class="row">
1928        <main id="main" class="col-md-12 col-sm-12 container-page">
1929          <div id="content">
1930            
1931	
1932	
1933	
1934	
1935		
1936		
1937	
1938	
1939	
1940	
1941
1942    
1943	
1944		
1945	
1946
1947	
1948
1949
1950
1951
1952	
1953		
1954
1955
1956	
1957
1958
1959
1960<!-- <aside class="in-header">
1961	<h2>
1962		Questions? 305-666-1067
1963		<img src="system/2011/images/product-help.jpg" alt="" />
1964	</h2>
1965</aside> -->
1966
1967<section class="ecommerce">
1968<!-- 0::0 -->
1969    <article class="account_login">
1970		<p class="breadcrumb-steps">&nbsp;</p>
1971		
1972		
1973		<section class="login">
1974			<h3 class="opc-bg-color gradient">
1975				Please Sign In
1976				<span class="right">Secure Sign In <img class="inline lockimg" src="system/2011/images/lock.png" alt="" /></span>
1977			</h3>
1978			<section>
1979				
1980					
1981					
1982					
1983				
1984				<div id="member_login">
1985					<h4 class="login-intro">Member Login</h4>
1986					<p class="login-intro">If you have shopped with us before, enter your email address and password below.</p>
1987					
1988	
1989
1990
1991
1992	
1993	
1994
1995				<h4 class="sent-password" style="display:none;">Password Request Sent</h4>
1996				<p class="sent-password" style="display:none;">
1997					A password reset link has been emailed to you. Follow the instructions to reset your password and log in.
1998				</p>
1999
2000				
2001				<form id="login-form" action="account/" method="POST" data-route="ajax_w_fallback" data-ajax_iml="json_cookies.iml" data-ajax_mdl="system/2011/quick_login/login.aj" data-ajax_failure_slidedown="#error-password, #forgot-password-link">
2002					<input type=hidden name="mdl" value="">
2003					<input type=hidden name="pid" value="8231PhotoO">
2004                    
2005					
2006					<input type=hidden name="next_path-PATH_1" value="account">
2007					<input type=hidden name="next_path-PATH_2" value="">
2008					<input type=hidden name="next_path-PATH_3" value="">
2009          
2010          
2011					<input type=hidden name="pdftransfer" value="">
2012					<input type=hidden name="connectpdf" value="">
2013					<div class="form-row">
2014						<input type="text" id="signin_username" name="user_Email" placeholder="Email">
2015					</div>
2016
2017					<div class="form-row">
2018						<input type="password" id="signin_password" name="user_Passwd" placeholder="Password">
2019					</div>
2020
2021					<p id="error-password" class="error-msg" style="display: none;">
2022						<a href="#" class="close-error-msg">X</a>
2023						The email address and password combination you entered does not match our records. Please try again, or click "forgot your password" below.
2024					</p>
2025
2026					<div class="form-row">
2027						<input class="medium green button" type="submit" value="Sign In">
2028					</div>
2029				</form>
2030
2031				<p id="forgot-password-link"><a href="#" class="opc-color-light">forgot your password?</a></p>
2032				<p>We've recently enhanced our password security to better protect your account. If you're having trouble logging in, simply click the "Forgot your password?" link above to reset it quickly and easily.</p>
2033			
2034				<form id="forgot-password-form" style="display:none;" action="index.iml" data-route="ajax" data-ajax_mdl="system/2011/quick_login/sendPassword.aj" data-ajax_failure_slidedown="#error-email">
2035					<input type=hidden name="mdl" value=""> <!-- create a fallback here for no js -->
2036					<h4>Request Password Reset</h4>
2037
2038					<p>Enter your email address below, and click "Send Request" to have a password reset link emailed to you.</p>
2039
2040					<div class="form-row">
2041						<input type="email" id="forgot-password_username" name="contact_Email" placeholder="Email">
2042					</div>
2043
2044					<div class="form-row">
2045						<input type=submit class="medium green button" value="Send Request">
2046					</div>
2047					
2048					<p id="return-to-login-link"><a href="#" class="opc-color-light">return to login</a></p>
2049
2050					<p id="error-email" class="error-msg" style="display: none;">
2051						<a href="#" class="close-error-msg">X</a>
2052						The email address you entered does not exist in our system. Please try a different email address, or register as a new customer by filling out the form to the right.
2053					</p>
2054
2055				</form>
2056
2057				</div>
2058			</section>
2059			
2060			<section class="register">
2061				
2062					
2063						<h4>
2063Register as a New Customer</h4>
2064
2065						<p>Registering as a new customer creates an account unique to you, where you can view your order history, track jobs in progress, and store shipping/billing addresses so you don't have to re-enter them each time you order. <!-- <b>Remember, we do NOT store your credit card information.</b> --></p>
2066
2067						<p>Enter your name and email address, then create a password for your account:</p>
2068					
2069					
2070					
2071						<form id="create-account" action="account/" method="POST" data-route="ajax_w_fallback" data-ajax_iml="json_cookies.iml" data-ajax_mdl="system/2011/quick_login/create.aj" data-ajax_failure_slidedown="#error-account-exists">
2072							<input type=hidden name="mdl" value="">
2073							<!-- <input type=hidden name="update_mdl" value="system/2011/quick_login/create.aj"> -->
2074                            <input type=hidden name="pid" value="8231PhotoO">
2075                            
2076							
2077							<input type=hidden name="pdftransfer" value="">
2078							<input type=hidden name="connectpdf" value="">
2079							
2080
2081							<div class="form-row">
2082								<input type="text" id="create_firstname" name="CONTACT_First_Name" placeholder="First Name" required="required">
2083							</div>
2084							<div class="form-row">
2085								<input type="text" id="create_lastname" name="CONTACT_Last_Name" placeholder="Last Name" required="required">
2086							</div>
2087
2088							<div class="form-row">
2089								<input type="email" id="create_username" name="CONTACT_Email" placeholder="Email" required="required" value="">
2090							</div>
2091
2092							<div class="form-row">
2093								<input type="email" id="create_username_again" name="confirm-CONTACT_Email" placeholder="Confirm Email" required="required" value="">
2094							</div>
2095
2096							<div class="form-row">
2097								<input type="password" id="create_password" name="CONTACT_Password" placeholder="Password">
2098							</div>
2099
2100							<div class="form-row">
2101								<input type="password" id="create_password_again" name="confirm-CONTACT_Password" placeholder="Confirm Password">
2102							</div>
2103							
2104							
2105							<div class="form-row">
2106							
2107								
2108								
2109							
2110								<input type="text" id="phone" name="CONTACT_Phone" placeholder="Phone" onchange="phone_filter(this,'(',') ','-',' x');" required="required">
2111							</div>
2112                            
2113
2114							<div class="form-row">
2115								<input type=submit class="medium green button" value="Create Account">
2116							</div>
2117
2118							<p id="error-account-exists" class="error-msg" style="display: none;">
2119								<a href="#" class="close-error-msg">X</a>
2120								It appears you already have an account with us using that email address. Please log in using the form to the left, or click the "forgot your password" link to have your password sent to you.
2121							</p>
2122
2123						</form>
2124					
2125				
2126			</section>
2127		</section>
2128  </article>
2129	
2130</section>
2131
2132	
2133	
2134
2135
2136
2137          </div>
2138        </main>
2139        
2140<!-- Site Footer Location Info -->
2141
2142
2143	
2144		
2145	
2146
2147	<aside id="sidebar" class="col-md-3 col-sm-4 col-xs-12 hidden-sm hidden-xs" style="padding-top: 25px;" role="complementary" aria-label="Sidebar content">
2148
2149	
2150	
2151	<a href="/printing/booklets/" title="Premium Printed Booklets" aria-label="Premium Printed Booklets"  ><img src="https://secureprintorder.world-cdnserv.com/7013AcmePr/255w/booklet-sidebar-ad.png" class="corpWidget fullCoverage" alt="Premium Printed Booklets" loading="lazy"></a>
2152	
2153	
2154	
2155	<a href="/services/printing-copying-services/" title="Printing & Digital Services" aria-label="Printing & Digital Services"  ><img src="https://secureprintorder.world-cdnserv.com/7013AcmePr/255w/mfp-webad-middle1.jpg" class="corpWidget fullCoverage" alt="Printing & Digital Services" loading="lazy"></a>
2156	
2157	
2158	
2159	<a href="/services/graphic-design-services/" title="Graphic Design Services" aria-label="Graphic Design Services"  ><img src="https://secureprintorder.world-cdnserv.com/7013AcmePr/255w/mfp-webad-bottom5.jpg" class="corpWidget fullCoverage" alt="Graphic Design Services" loading="lazy"></a>
2160	
2161	
2162</aside><!-- end sidebar -->
2163
2164
2165
2166
2167      </div>
2168    </section>
2169    <!-- Site Footer -->
2170
2171
2172    
2173    <footer class="footer foot-black">
2174      <h2 class="sr-only">Site Footer</h2>
2175      <div id="footer-search" class="opc-bg-color">
2176        
2177      </div>
2178      <div id="footer-background" class="container">
2179        <div id="footer-main" class="row">
2180          
2181	
2182	
2183
2184          <nav id="footer-nav-about-us" class="col-sm-2" aria-label="About Us">
2185            <h3>About Us</h3>
2186            <ul>
2187              
2188                <li><a href="/contact-us/">Contact</a></li>
2189              
2190                <li><a href="/contact-us/">Location</a></li>
2191              
2192                <li><a href="/feature/meet-our-team/">Meet Our Team</a></li>
2193              
2194                <li><a href="/feature/our-mission/">Our Mission</a></li>
2195              
2196                <li><a href="/feature/our-1-boss/">Our #1 Boss...</a></li>
2197              
2198              
2199            </ul>
2200          </nav>
2201          
2202	
2203	
2204
2205          
2206            <nav id="footer-nav-why-print-here" class="col-sm-2" aria-label="Why Print Here">
2207              <h3>Why Print Here?</h3>
2208              <ul>
2209                
2210                    <li><a href="/feature/we-make-you-happy/">We Make You Happy</a></li>
2211                
2212                    <li><a href="/feature/were-local-we-care/">We're Local. We care.</a></li>
2213                
2214                    <li><a href="/feature/our-guarantee/">Our Guarantee</a></li>
2215                
2216                    <li><a href="/feature/portfolio/">Portfolio</a></li>
2217                
2218                    <li><a href="/feature/the-environment/">The Environment</a></li>
2219                
2220                    <li><a href="/feature/security-privacy/">Security & Privacy</a></li>
2221                
2222                
2223              </ul>
2224            </nav>
2225          
2226          
2227          
2228            <nav id="footer-nav-resources" class="col-sm-2" aria-label="Resources">
2229              <h3>Resources</h3>
2230              <ul>
2231                
2232                    <li><a href="/resources/the-ideas-collection">The Ideas Collection</a></li>
2233                
2234                    <li><a href="/resources/greatest-treasures">Greatest Treasures</a></li>
2235                
2236                    <li><a href="/resources/whats-new">What's New</a></li>
2237                
2238                    <li><a href="/resources/popular-graphic-arts-software">Popular Graphic Arts Software</a></li>
2239                
2240              </ul>
2241            </nav>
2242          
2243          <nav id="footer-nav-place-order" class="col-sm-2" aria-label="Place An Order">
2244            <h3>Place An Order</h3>
2245            <ul>
2246              <li><a href="/account/">My Account</a></li>
2247                    
2248                      
2249                      <li><a href="/printing/custom-printing">Get an Estimate</a></li>
2250                    
2251                    
2252                    <li><a href="/printing/">Place an Order</a></li>
2253                    
2254                    <li><a href="#send-file-popup">Send a File</a></li>
2255              <li><a href="/customer-service/">Customer Service</a></li>
2256            </ul>
2257          </nav>
2258          <nav class="col-sm-2" aria-label="Help And Support">
2259            <h3>Help And Support</h3>
2260            <ul>
2261              
2262              
2263              
2264              <li><a href="/help-center/online-proofing/">Online Proofing</a></li>
2265              
2266              
2267              
2268              
2269              <li><a href="/help-center/terms-conditions/">Terms &amp; Conditions</a></li>
2270            </ul>
2271          </nav>
2272          
2273            <nav id="footer-nav-connect" class="col-sm-2" aria-label="Connect">
2274              <h3>Connect</h3>
2275              <ul>
2276                <li><a href="https://www.facebook.com/pages/Photo-Offset/154539961375156" target="_blank">Facebook</a></li>
2277                
2278                <li><a href="http://www.linkedin.com/pub/john-knowles/13/aa0/b" target="_blank">LinkedIn</a></li>
2279                  <li><a href="http://twitter.com/PhotoOffset" target="_blank">&#120143; (Twitter)</a></li>
2280                
2281              </ul>
2282            </nav>
2283          
2284        </div>
2285        <div id="footer-tabs-divider"></div>
2286          <!-- Site Footer Location Info -->
2287<div class="">
2288	
2289	
2290	
2291	
2292		<div class="footer-address d-flex flex-wrap justify-content-between gap-4">
2293			
2294			<section class="address-block" style="flex: 1 1 180px;" aria-label="Location Address">
2295				<h3>
2296					
2297						Photo Offset
2298					
2299				</h3>
2300				<p>
2301					4824 SW 72nd Avenue<br>
2302					
2303					Miami, FL 33155<br>
2304					U.S.<br>
2305					<a href="/contact-us/#loc_5263">Map and more contact info</a>
2306				</p>
2307			</section>
2308			<section class="address-block" style="flex: 1 1 180px;" aria-label="Contact Information">
2309				<h3>Contact</h3>
2310				<div class="contact-grid" style="display: grid; grid-template-columns: auto auto; gap: 0.25em 1em;">
2311					
2312						<div>
2313							Local:
2314						</div>
2315						<div>
2316							<a href="tel:305-666-1067">305-666-1067</a>
2317						</div>
2318					
2319					
2320						<div>
2321							Fax:
2322						</div>
2323						<div>
2324							<a href="tel:305-666-7082">305-666-7082</a>
2325						</div>
2326					
2327					
2328				</div>
2329				
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361  
2362
2363				
2364					<p class="email_address">
2365						<button type="button" class="btn btn-primary my-3" data-role="open_bubble" data-toggle="modal" data-target="#email-us-5263" data-target_id="email-us-5263">Email Us</button>
2366					</p>
2367					<div class="modal fade email-fab-modal-target" id="email-us-5263" tabindex="-1" role="dialog" aria-labelledby="emailUs-5263" aria-hidden="true">
2368	<div class="modal-dialog" role="document">
2369		<div class="modal-content">
2370			<div class="modal-header">
2371				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
2372					<span aria-hidden="true">&times;</span>
2373				</button>
2374				<h3 id="emailUs-5263" class="modal-title">EMAIL US</h3>
2375			</div>
2376			<div class="email-us-shell email-us-modal-shell modal-body">
2377				
2378
2379
2380
2381
2382
2383
2384
2385
2386<div class="email-failure contact-message-failure" style="display:none">
2387	<h3 style="color:red">Something went wrong!</h3>
2388	<p style="color:red">Your message could not be sent. Please try again.</p>
2389</div>
2390<form class="contact-message-form email-us-form" action="https://www.photooffset.com/json.iml" method="POST" data-route="ajax" data-ajax_mdl="system/2011/email_us.aj" data-spam_filter="4">
2391	<input type=hidden name="update_mdl" value="system/2011/email_us.mdl">
2392	<input type=hidden name="LOC_ID" value="5263">
2393	<div class="contact-message-form-grid email-us-form-grid">
2394		<div class="form-group contact-message-field email-us-field email-us-field-name">
2395			<label for="modal-email-us-message-name-5263">Name*</label>
2396			<input type="text" class="form-control" name="MESSAGE_Name" id="modal-email-us-message-name-5263" placeholder="Full Name" required="required" autocomplete="name">
2397		</div>
2398		<div class="form-group contact-message-field email-us-field email-us-field-company">
2399			<label for="modal-email-us-message-company-5263">Company</label>
2400			<input type="text" class="form-control" name="MESSAGE_Company" id="modal-email-us-message-company-5263" placeholder="Company Name" autocomplete="organization">
2401		</div>
2402		<div class="form-group contact-message-field email-us-field email-us-field-email">
2403			<label for="modal-email-us-message-email-5263">Email*</label>
2404			<input type="email" class="form-control" name="MESSAGE_Email" id="modal-email-us-message-email-5263" placeholder="Email Address" required="required" autocomplete="email">
2405		</div>
2406		<div class="form-group contact-message-field email-us-field email-us-field-phone">
2407			<label for="modal-email-us-message-phone-5263">Phone*</label>
2408			<input type="tel" class="form-control" name="MESSAGE_Phone" id="modal-email-us-message-phone-5263" placeholder="Best Phone" required="required" autocomplete="tel">
2409		</div>
2410		<div class="form-group contact-message-field contact-message-field-message email-us-field email-us-field-message">
2411			<label for="modal-email-us-message-message-5263">Message*</label>
2412			<textarea class="form-control" rows="5" name="MESSAGE_Message" id="modal-email-us-message-message-5263" placeholder="How Can We Help You?" required="required" autocomplete="off"></textarea>
2413		</div>
2414	</div>
2415	
2416	<input class="btn btn-primary contact-message-submit" type="submit" value="Submit">
2417</form>
2418<div class="email-success contact-message-success" style="display:none">
2419	<h3>Thank You!</h3>
2420	<p>Your message has been sent. We will respond shortly.</p>
2421</div>
2422
2423
2424				<div style="display:none" class="bubble-arrow-border"></div>
2425				<div style="display:none" class="bubble-arrow"></div>
2426			</div>
2427		</div>
2428	</div>
2429</div>
2430
2431					
2432						<div class="quote-request-fab-shell">
2433	<aside class="quote-request-fixed-card" aria-label="Get a free estimate">
2434	<div class="quote-request-fixed-card__inner">
2435		<button type="button" class="quote-request-fixed-card__close" aria-label="Close estimate request form" title="Close">
2436			<span aria-hidden="true">&times;</span>
2437		</button>
2438		<h2 class="quote-request-fixed-card__title">Get A Free Estimate</h2>
2439		<div class="contact-message-shell quote-request-shell quote-request-fixed-shell">
2440			
2441
2442
2443
2444
2445
2446
2447
2448
2449<div class="email-failure contact-message-failure" style="display:none">
2450	<h3 style="color:red">Something went wrong!</h3>
2451	<p style="color:red">Your message could not be sent. Please try again.</p>
2452</div>
2453<form class="contact-message-form email-us-form quote-request-form" action="https://www.photooffset.com/json.iml" method="POST" data-route="ajax" data-ajax_mdl="system/2011/estimate_request.aj" data-spam_filter="4">
2454	<input type=hidden name="update_mdl" value="system/2011/estimate_request.mdl">
2455	<input type=hidden name="LOC_ID" value="5263">
2456	<div class="contact-message-form-grid email-us-form-grid">
2457		<div class="form-group contact-message-field email-us-field email-us-field-name">
2458			<label for="fixed-quote-request-message-name-5263">Name*</label>
2459			<input type="text" class="form-control" name="MESSAGE_Name" id="fixed-quote-request-message-name-5263" placeholder="Full Name" required="required" autocomplete="name">
2460		</div>
2461		<div class="form-group contact-message-field email-us-field email-us-field-company">
2462			<label for="fixed-quote-request-message-company-5263">Company</label>
2463			<input type="text" class="form-control" name="MESSAGE_Company" id="fixed-quote-request-message-company-5263" placeholder="Company Name" autocomplete="organization">
2464		</div>
2465		<div class="form-group contact-message-field email-us-field email-us-field-email">
2466			<label for="fixed-quote-request-message-email-5263">Email*</label>
2467			<input type="email" class="form-control" name="MESSAGE_Email" id="fixed-quote-request-message-email-5263" placeholder="Email Address" required="required" autocomplete="email">
2468		</div>
2469		<div class="form-group contact-message-field email-us-field email-us-field-phone">
2470			<label for="fixed-quote-request-message-phone-5263">Phone*</label>
2471			<input type="tel" class="form-control" name="MESSAGE_Phone" id="fixed-quote-request-message-phone-5263" placeholder="Best Phone" required="required" autocomplete="tel">
2472		</div>
2473		<div class="form-group contact-message-field contact-message-field-message email-us-field email-us-field-message">
2474			<label for="fixed-quote-request-message-message-5263">Message*</label>
2475			<textarea class="form-control" rows="5" name="MESSAGE_Message" id="fixed-quote-request-message-message-5263" placeholder="How Can We Help You?" required="required" autocomplete="off"></textarea>
2476		</div>
2477	</div>
2478	
2479	<input class="btn btn-primary contact-message-submit" type="submit" value="Request My Estimate">
2480</form>
2481<div class="email-success contact-message-success" style="display:none">
2482	<h3>Thank You!</h3>
2483	<p>Your estimate request has been sent. We will respond shortly.</p>
2484</div>
2485
2486
2487		</div>
2488	</div>
2489</aside>
2490
2491	<button
2492		type="button"
2493		class="quote-request-fab-trigger btn btn-primary"
2494		data-role="open_bubble"
2495		data-toggle="modal"
2496		data-target="#quote-request-5263"
2497		data-target_id="quote-request-5263"
2498		aria-label="Get a free estimate"
2499		aria-controls="quote-request-5263"
2500		aria-haspopup="dialog"
2501		title="Get a free estimate">
2502		<span class="fa fa-commenting" aria-hidden="true"></span>
2503	</button>
2504	<div class="modal fade quote-request-modal-target email-fab-modal-target" id="quote-request-5263" tabindex="-1" role="dialog" aria-labelledby="quoteRequest-5263" aria-hidden="true">
2505	<div class="modal-dialog" role="document">
2506		<div class="modal-content">
2507			<div class="modal-header">
2508				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
2509					<span aria-hidden="true">&times;</span>
2510				</button>
2511				<h3 id="quoteRequest-5263" class="modal-title">Get A Free Estimate</h3>
2512			</div>
2513			<div class="contact-message-shell quote-request-shell quote-request-modal-shell modal-body">
2514				
2515
2516
2517
2518
2519
2520
2521
2522
2523<div class="email-failure contact-message-failure" style="display:none">
2524	<h3 style="color:red">Something went wrong!</h3>
2525	<p style="color:red">Your message could not be sent. Please try again.</p>
2526</div>
2527<form class="contact-message-form email-us-form quote-request-form" action="https://www.photooffset.com/json.iml" method="POST" data-route="ajax" data-ajax_mdl="system/2011/estimate_request.aj" data-spam_filter="4">
2528	<input type=hidden name="update_mdl" value="system/2011/estimate_request.mdl">
2529	<input type=hidden name="LOC_ID" value="5263">
2530	<div class="contact-message-form-grid email-us-form-grid">
2531		<div class="form-group contact-message-field email-us-field email-us-field-name">
2532			<label for="modal-quote-request-message-name-5263">Name*</label>
2533			<input type="text" class="form-control" name="MESSAGE_Name" id="modal-quote-request-message-name-5263" placeholder="Full Name" required="required" autocomplete="name">
2534		</div>
2535		<div class="form-group contact-message-field email-us-field email-us-field-company">
2536			<label for="modal-quote-request-message-company-5263">Company</label>
2537			<input type="text" class="form-control" name="MESSAGE_Company" id="modal-quote-request-message-company-5263" placeholder="Company Name" autocomplete="organization">
2538		</div>
2539		<div class="form-group contact-message-field email-us-field email-us-field-email">
2540			<label for="modal-quote-request-message-email-5263">Email*</label>
2541			<input type="email" class="form-control" name="MESSAGE_Email" id="modal-quote-request-message-email-5263" placeholder="Email Address" required="required" autocomplete="email">
2542		</div>
2543		<div class="form-group contact-message-field email-us-field email-us-field-phone">
2544			<label for="modal-quote-request-message-phone-5263">Phone*</label>
2545			<input type="tel" class="form-control" name="MESSAGE_Phone" id="modal-quote-request-message-phone-5263" placeholder="Best Phone" required="required" autocomplete="tel">
2546		</div>
2547		<div class="form-group contact-message-field contact-message-field-message email-us-field email-us-field-message">
2548			<label for="modal-quote-request-message-message-5263">Message*</label>
2549			<textarea class="form-control" rows="5" name="MESSAGE_Message" id="modal-quote-request-message-message-5263" placeholder="How Can We Help You?" required="required" autocomplete="off"></textarea>
2550		</div>
2551	</div>
2552	
2553	<input class="btn btn-primary contact-message-submit" type="submit" value="Request My Estimate">
2554</form>
2555<div class="email-success contact-message-success" style="display:none">
2556	<h3>Thank You!</h3>
2557	<p>Your estimate request has been sent. We will respond shortly.</p>
2558</div>
2559
2560
2561				<div style="display:none" class="bubble-arrow-border"></div>
2562				<div style="display:none" class="bubble-arrow"></div>
2563			</div>
2564		</div>
2565	</div>
2566</div>
2567
2568</div>
2569
2570						
2571					
2572				
2573			</section>
2574			<section class="address-block" style="flex: 1 1 180px;" aria-label="Hours and Emergency Contact">
2575				
2576				
2577				
2578				
2579				
2580					
2581					<h3>Hours of Operation</h3>
2582					<p>
2583						
2584							
2585								8:30 a.m. to 5:30 p.m.<br>
2586							
2587							
2588								Monday through Friday<br>
2589							
2590							
2591						
2592					</p>
2593				
2594				
2595				
2596			</section>
2597		</div>
2598	
2599	
2600	<div class="copyright">
2601		<p class="pull-left">&copy; Copyright 2026 Photo Offset - All rights reserved.
2602			<div class="pull-right">
2603				<a href="/site-map/">site map</a>
2604				 |
2605					<a href="/feature/security-privacy/">security &amp; privacy</a>
2606				
2607			</div>
2608		</p>
2609	</div>
2610</div>
2611
2612      </div>
2613    </footer>
2614  
2615
2616
2617    <!--
2617<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
2617-->
2618    
2618<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
2618
2619    
2619<script type="text/javascript" src="designOutsideTheBox_R/js/bootstrap-tabcollapse.js"></script>
2619
2620    
2620<script src="designOutsideTheBox_R/js/jquery.meanmenu.min.js"></script>
2620
2621    
2621<script src="designOutsideTheBox_R/js/owl.carousel.js"></script>
2621
2622    
2622<script src="designOutsideTheBox_R/js/fitvids.js"></script>
2622
2623    
2623<script src="designOutsideTheBox_R/js/wisnet.js"></script>
2623
2624    
2624<script>
2625      $(document).ready(function(){
2626      $('#menu').meanmenu({meanShowChildren:false});
2627      $('#hero').owlCarousel({
2628      loop:true,
2629      items:1,
2630      autoplay:true,
2631      animateOut: 'fadeOut',
2632      nav:true,
2633      navText: ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
2634      dots:true
2635      });
2636      $('#prods').owlCarousel({
2637      loop:true,
2638      items:1,
2639      autoplay:true,
2640      nav:false,
2641      navText: ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
2642      dots:false
2643      });
2644      $('#hero-callouts').owlCarousel({
2645      loop:true,
2646      margin: 15,
2647      autoplay:true,
2648      nav:true,
2649      navText: ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
2650      dots:false,
2651      responsive : {
2652        // breakpoint from 0 up
2653        0 : {
2654            items:1
2655        },
2656        // breakpoint from 480 up
2657        480 : {
2658            items:1
2659        },
2660        // breakpoint from 768 up
2661        768 : {
2662            items:2
2663        },
2664        // breakpoint from 768 up
2665        980 : {
2666            items:3
2667        }
2668      }
2669      });
2670      $('#myTab').tabCollapse();
2671      $("#ecommerce-1").show();
2672      $("#ecommerce-2, #ecommerce-3, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2673      $("#resources-1").show();
2674      $("#resources-2, #resources-3, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8, #resources-9, #resources-10").hide();
2675      });
2676      $("#show1, #show_numb1").click(function(){
2677      $("#ecommerce-1").show();
2678      $("#ecommerce-2, #ecommerce-3, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2679      });
2680      $("#show2, #show_numb2").click(function(){
2681      $("#ecommerce-2").show();
2682      $("#ecommerce-1, #ecommerce-3, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2683      });
2684      $("#show3, #show_numb3").click(function(){
2685      $("#ecommerce-3").show();
2686      $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2687      });
2688      $("#show4, #show_numb4").click(function(){
2689      $("#ecommerce-4").show();
2690      $("#ecommerce-1, #ecommerce-2, #ecommerce-5, #ecommerce-3, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2691      });
2692      $("#show5, #show_numb5").click(function(){
2693      $("#ecommerce-5").show();
2694      $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-3, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2695      });
2696      $("#show6, #show_numb6").click(function(){
2697      $("#ecommerce-6").show();
2698      $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-3, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2699      });
2700      $("#show7, #show_numb7").click(function(){
2701      $("#ecommerce-7").show();
2702      $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-3, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide();
2703      });
2704      $("#show8, #show_numb8").click(function(){
2705      $("#ecommerce-8").show();
2706      $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-3, #ecommerce-9, #ecommerce-10").hide();
2707      });
2708      $("#show9, #show_numb8").click(function(){
2709      $("#ecommerce-9").show();
2710      $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-3, #ecommerce-10").hide();
2711      });
2712      $("#show10, #show_numb10").click(function(){
2713      $("#ecommerce-10").show();
2714      $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-3").hide();
2715      });
2716      $("#res_1, #show_res_1").click(function(){
2717      $("#resources-1").show();
2718      $("#resources-2, #resources-3, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8").hide();
2719      });
2720      $("#res_2, #show_res_2").click(function(){
2721      $("#resources-2").show();
2722      $("#resources-1, #resources-3, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8").hide();
2723      });
2724      $("#res_3, #show_res_3").click(function(){
2725      $("#resources-3").show();
2726      $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8").hide();
2727      });
2728      $("#res_4, #show_res_4").click(function(){
2729      $("#resources-4").show();
2730      $("#resources-1, #resources-2, #resources-5, #resources-3, #resources-6, #resources-7, #resources-8").hide();
2731      });
2732      $("#res_5, #show_res_5").click(function(){
2733      $("#resources-5").show();
2734      $("#resources-1, #resources-2, #resources-4, #resources-3, #resources-6, #resources-7, #resources-8").hide();
2735      });
2736      $("#res_6, #show_res_6").click(function(){
2737      $("#resources-6").show();
2738      $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-3, #resources-7, #resources-8").hide();
2739      });
2740      $("#res_7, #show_res_7").click(function(){
2741      $("#resources-7").show();
2742      $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-6, #resources-3, #resources-8").hide();
2743      });
2744      $("#res_8, #show_res_8").click(function(){
2745      $("#resources-8").show();
2746      $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-6, #resources-7, #resources-3").hide();
2747      });
2748    </script>
2748
2749    
2750    
2751        
2752        
2753    
2754    
2755    
2756    
2757        
2758            
2758<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/forms.js?v=6.14"></script>
2758
2759            
2760        
2761    
2762        
2763            
2763<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.jPaginate.js?v=1.0"></script>
2763
2764            
2765        
2766    
2767        
2768            
2768<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/cookie/jquery.cookie.js?v=1.0"></script>
2768
2769            
2770        
2771    
2772        
2773            
2773<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/printing.js?v=1.4000000000000004"></script>
2773
2774            
2775        
2776    
2777        
2778            
2778<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/printing-product.js?v=25.26"></script>
2778
2779            
2780        
2781    
2782        
2783            
2783<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.kinetic/jquery.kinetic.js?v=1.0"></script>
2783
2784            
2785        
2786    
2787        
2788            
2788<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/ecommerce_common.js?v=1.7"></script>
2788
2789            
2790        
2791    
2792        
2793            
2793<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/account.js?v=5.9.15"></script>
2793
2794            
2795        
2796    
2797        
2798            
2798<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/send_file_popup.js?v=3.7"></script>
2798
2799            
2800        
2801    
2802        
2803            
2803<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/pStrength.jquery.js?v=1.0"></script>
2803
2804            
2805        
2806    
2807    
2807<script type="text/javascript">
2808        $("a[rel^='videoPlayer']").prettyPhoto({autoplay:true,default_width:1120,default_height:630});
2809        
2810        
2811    </script>
2811
2812
2813
2814
2815
2816
2817  </body>
2818
2819            
2820        
2821        
2822        
2823    
2824    
2825
2826
2827
2828    <!-- Early access gate: corner badge for opted-in testers on legacy pages (PW-3799).
2829         early_access_badge.mdl lives under system/2011/, unlike ipblock.mdl/init.mdl above
2830         which are true repo-root modules, so it needs the OPC_Version_Path system-module
2831         prefix to resolve. -->
2832    <!--
2833  Early access corner badge (legacy side) — PW-3799 §4.
2834  Emits a fixed bottom-right badge on legacy storefront pages ONLY for a visitor opted into
2835  early access (the sf_early_access=1 cookie, exposed as the ambient variable sf_early_access).
2836  It names the legacy app (amber), explains that this route has not migrated, links to the
2837  early access console, and exposes Leave early access.
2838
2839  Requires: sf_early_access (inbound cookie, ambient). Assumes it is included once near the end
2840  of a legacy page body. Every theme's head.mdl loads Bootstrap 3 and
2841  system/2011/css/bootstrap-utilities.v5.3.3.css, so this module leans on their classes
2842  (.btn colors, position-fixed/absolute, spacing, flex, font-weight/color helpers) wherever
2843  one lines up exactly with the design; only what neither stylesheet covers — the pill/rounded
2844  shapes, the two exact-pixel dot and panel dimensions, box-shadows, cursor, and the compact
2845  13px badge font — stays inline. All output is static text and fixed /public/early-access.php
2846  links — no untrusted values are rendered.
2847
2848  NOTE: the sf_early_access cookie -> ambient-variable exposure must be confirmed on the live
2849  Windows/IIS + FastCGI stack (see docs/php-conversion/EARLY_ACCESS_GATE.md, legacy-badge
2850  validation).
2851-->
2852
2853
2854    
2855    </html>
2856

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.