<!DOCTYPE html>
<html lang="en">
<head>

            <title>Personalized Gifts of Ireland | Awesome THIS!</title>
            <link rel="icon" href="/favicon.png" type="image/png" />
            <link rel="shortcut icon" href="/favicon.png" type="image/png" />
            <link rel="canonical" href="https://awesomethis.com/page/ireland/" />
            <meta property="og:type" content="website" />
            <meta property="og:url" content="https://awesomethis.com/page/ireland/" />
            <meta property="og:title" content="Personalized Gifts of Ireland | Awesome THIS!" />
            <meta property="og:description" content="This St. Patrick's season, give your family and friends unique, thoughtful gifts, personalized especially for them. Have a special Irish name that you can never find on gift products? We got you covered! Choose any product and personalize it with your favorite county colors and your name, initial or monogram. You can also add your photos or choose from our selection of beautiful Irish landscapes. Get a unique, one-of-a-kind, Irish keepsake for your family and friends, and spread some motherland pride!" />
            <meta property="og:image" content="https://awesomethis.com/static/paparte/images/home/landing/flag_ireland.jpg" />
            <meta name="description" content="This St. Patrick's season, give your family and friends unique, thoughtful gifts, personalized especially for them. Have a special Irish name that you can never find on gift products? We got you covered! Choose any product and personalize it with your favorite county colors and your name, initial or monogram. You can also add your photos or choose from our selection of beautiful Irish landscapes. Get a unique, one-of-a-kind, Irish keepsake for your family and friends, and spread some motherland pride!" />
            <meta name="keywords" content="personalized,personalization,gift,gifts,unique,idea,ideas,monogram,monogrammed,special,men,women,kids,teachers,school" />
            <meta content="27623EF507A0AF95719E13B88508EE4D" name="msvalidate.01" />
<meta content="zI-q5pzxUE5nMGqSxECvcndWXzmY47YxGzpRYC5DfyI" name="google-site-verification" />
<meta content="X3wG4C6epi73GVruIV8hkmo5U9yPUVk4oJ33uvxlO2w" name="google-site-verification" />

        
<meta charset='utf-8'/>
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<link rel="stylesheet" type="text/css" href="/static/compiled/paparte-base-39b29c46901a3d72c2f8ba1e583db4a5.min.css" />
<script type="text/javascript" src="/static/compiled/paparte-base-b075a980a04d014ff53a64a91f5458bb.min.js"></script>

<!-- FILENAME: paparte/templates/textblockpage.tpl -->
<script type="x-jquery-tmpl" id="templates_textblockpage">
<style>
.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
}
#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}
</style>

<div id="page_title" class="store_text_color_1">
    {{if textjob}}
    <span class="standard">Edit Your Text</span>
    {{else}}
    <span class="standard">Position Your Caption</span>
    {{/if}}
</div>

{{if getProductInfo()['product']['wrap_amount'] == 0}}
<center><img src="/static/images/${getProductInfo()['product']['wrap_direction']}wrap.png" style="width:300px;margin-top: 15px;"></center>
{{else getProductInfo()['product']['wrap_amount'] > 0}}
<center><img src="/static/images/almost${getProductInfo()['product']['wrap_direction']}wrap.png" style="width:300px;margin-top: 15px;"></center>
{{/if}}

<div class="row" id="captioneditor" style="text-align:center; padding:20px 0; width: 100%; {{if getExperience()['devicetype']=='kiosk'}}height: 1050px; overflow-y: auto;{{/if}}"></div>



</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinealignmentpopup.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinealignmentpopup">
<div id="alignmentpopup">
    <div class="toolpopuptitlebar">
        <div class="toolpopuptitle">Choose Alignment</div>
        <div part="closetoolpopupbutton">X</div>
    </div>
    <table align="left">
    {{each(i,val) widget['options']}}
        <tr part="selectalignment" value="${val['value']}">
            <td valign="middle" align="left">
                <img src="/static/images/alignment/${val['value']}.gif" width=30>
            </td>
            <td valign="middle" align="left">
                ${val['label']}
            </td>
        </tr>
    {{/each}}
    </table>
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/texttoolbox.tpl -->
<script type="x-jquery-tmpl" id="templates_texttoolbox">
<table>
<tr><td>FONT</td><td><img src="/images/fonts/hotdog.gif" height=30></td><td>+</td></tr>
</table>
</script>


<!-- FILENAME: paparte/templates/meta_tags.tpl -->
<script type="x-jquery-tmpl" id="templates_meta_tags">
<meta name="description" content="${meta_descr}">
<meta name="keywords" content="${meta_keys}">

</script>


<!-- FILENAME: paparte/templates/paparte_bottom_map.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_bottom_map">
    <div id="copyright_line" class="row u-full-width">
        <hr>
        <footer>
            <small>&copy; Copyright 2017, InScribe Inc. 9 Micro Drive, Woburn, MA</small>
        </footer>
    </div>    
    
    <map name="image-map-main-band" id="image-map-main-band">
    <area id="band_1" alt="Shop" title="Shop for Paparte products!" href="index.html" shape="poly" coords="1,1,167,2,188,28,159,51,7,51,2,46" style="outline:none;" target="_self"/>
    <!--area id="band_2" alt="2" title="Personalize your selected product" href="index.html" shape="poly" coords="172,1,191,25,172,51,509,51,531,27,510,1" style="outline:none;" target="_self"/-->
    <area id="band_3" alt="Shopping Cart" title="View your order details" href="index.html" shape="poly" coords="524,2,541,26,520,51,733,49,736,3" style="outline:none;" target="_self"/>
    </map>
    <map name="image-map-main-band-mobile" id="image-map-main-band-mobile">
    <area id="band_1" alt="Shop" title="Shop for Paparte products!" href="index.html" shape="poly" coords="1,1,167,2,188,28,159,51,7,51,2,46" style="outline:none;" target="_self"/>
    <area id="band_3" alt="Shopping Cart" title="View your order details" href="index.html" shape="poly" coords="524,2,541,26,520,51,733,49,736,3" style="outline:none;" target="_self"/>
    </map>

</script>


<!-- FILENAME: paparte/templates/paparte_page_confirm.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_confirm">
<div id="page_title" class="store_text_color_1">
    <span class="standard">Confirm Your</span><span class="heavy product_name">Selections</span>
</div>
<div class="page_subheader store_text_color_1">To change your <span id="select_txt"></span> go back</div>
<div class="main_div" id="middle_frame">
    <div id="product_color_preview"></div>
    <div class="pink_button ok_button" id="confirm_ok">OK</div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_fathersday2.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_fathersday2">
<style>
.promoline { background: #eee;
    padding: 7px;
    border-radius: 7px;
    margin: 4px 0 6px 0;
    font-size: 16px;
    }
.promoblockl { text-align: left }
.promoblockr { text-align: right }

@media only screen and (max-width: 550px) {
  .promoblockr { text-align: left }
}

</style>

{{if getExperience()['is_ecommerce']}}
<div class="row promoline">
    <div class="twelve columns promoblockl">
    <span class="site_color"><strong>GET IT FOR FATHER'S DAY - ORDER WITH PREMIUM SHIPPING BY TUESDAY 4 PM EST</strong></span></div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/proofablephoto.tpl -->
<script type="x-jquery-tmpl" id="templates_proofablephoto">

<style type="text/css">
.arbox {
    border: 2px dashed #AAAAAA;
    margin: auto;
    font-size: 12px;
    font-weight: bold;
}
[toolname=aspectratio] .photoeditbutton{
    background-color: #FFFFFF !important;
}
[toolname=aspectratio] .highlightPhotoColor{
    border-color: #FF0000 !important;
}

</style>

${dev=getExperience()['devicetype'],''}
${($data.photo_size = (dev == 'kiosk') ? "600" : (dev == 'phone') ? "300" : "730"),usebrightness=0,useflipflop=0,photomargin=10,''}
${boxshapes = photowidget['aspectratios'],''}

<div id="page_title" class="store_text_color_1" style="margin-bottom: 20px;">
{{if photowidget['widgettype'] == 'proofablephoto' || photowidget['widgettype'] == 'photobox'}}
    {{if photowidget['source'].indexOf('samples')==-1}}
        <span class="standard">Edit Your</span><span class="heavy">{{if photowidget['disposition'] == 'artwork'}}Art or Logo{{else}}Photo{{/if}}</span>
    {{else}}
        <span class="standard">Upload Your</span><span class="heavy">{{if photowidget['disposition'] == 'artwork'}}Art or Logo{{else}}Photo{{/if}}</span>
    {{/if}}
{{else photowidget['widgettype'] == 'paparteart'}}
    <span class="standard">Position Your</span><span class="heavy">Pattern</span>
{{/if}}
</div>
${ar=photowidget['location']['width']/photowidget['location']['height'],''}
{{if parseLogin()['groups'].indexOf('admin')>-1 || photowidget['source'].indexOf('samples')==-1}}
    <div class="edit_photo_row"  widgetid="${photowidget['id']}"> 
        <div proofablepart="photoboxcontainer" class="ilb edit_photo_ilb" style="
        {{if ar > 1}}
            width:${photo_size}px; height:${photomargin * 2 + photo_size/ar}px;
        {{else}}
            height:${photo_size}px; width:${photo_size*ar}px;
        {{/if}}

        margin: ${photomargin}px;">
                <div proofablepart="photoeditor">
                    <div proofablepart="cropdiv" style="{{if photowidget['disposition'] == 'artwork'}}background-image: url(/static/images/transparent_checkerboard.png); background-repeat: repeat;{{/if}}">
                        {{if photowidget['pattern'] && photowidget['color'] && photowidget['widgettype'] == 'paparteart' && getColorType(photowidget['color']) == 'palette'}}
                        <img proofablepart="photo" src="/colorize_art?color=${photowidget['color']}&pattern=${photowidget['pattern']}">
                        {{else}}
                        <img proofablepart="photo" src="${editorsettings['photodir']+'/'+photowidget['source']}" />
                        {{/if}}
                    </div>
                    {{if artimg}}
                    <img proofablepart="art" src="${artimg}" />
                    {{/if}}
                    <img proofablepart="textlayer" />
                    <div proofablepart="clickdiv">
                    </div>
                    <table proofablepart="obscurediv"><tr><th valign="middle">
                    </th></tr></table>
                </div>
        </div>

        {{if parseLogin()['groups'].indexOf('admin')>-1 || photowidget['source'].indexOf('samples')==-1}}
            <div class="ilb edit_photo_ilb edit_photo_tools" proofablepart="phototoolbox" style="width:${dev == 'phone'?'100%':usebrightness?'700px':(photowidget['widgettype'] == 'proofablephoto' || photowidget['widgettype'] == 'photobox'?(parseLogin()['groups'].indexOf('admin')>-1 || photowidget['source'].indexOf('samples')==-1?'590px':'80px'):'590px')};max-width:650px;">
                {{if boxshapes.length > 1 && (!getArea() || !getArea()['is_template'])}}<br>{{/if}}
                <table part="mobiletools" style="width: 100%; border-collapse: separate !important;">
                    <tr>
                        <td tabid="move">Move<br>Zoom</td>
                        {{if boxshapes.length > 1 && (!getArea() || !getArea()['is_template'])}}<td tabid="crop">Crop</td>{{/if}}
                        <td tabid="rotatezoom">Rotate{{if useflipflop}}<br>Flip{{/if}}</td>
                        {{if photowidget['widgettype'] == 'proofablephoto' || photowidget['widgettype'] == 'photobox'}}<td tabid="color">Color{{if usebrightness}}<br>Brightness{{/if}}</td>{{/if}}
                        {{if photowidget['widgettype'] == 'proofablephoto' || photowidget['widgettype'] == 'photobox'}}<td tabid="newphoto">New<br>Photo</td>{{/if}}
                    </tr>
                    <tr>
                        <td colspan=3>
                            <div tabid="move">
                                {{tmpl({"toolname":"moveup","text":"Up"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"movedown","text":"Down"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"moveleft","text":"Left"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"moveright","text":"Right"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"zoomin","text":"Zoom In"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"zoomout","text":"Zoom Out"}) "#templates_photo_edit_tool"}}
                            </div>
                            <div tabid="crop">
                                {{each(k, v) boxshapes.uniq()}}
                                    ${selected = getClosest(boxshapes, photowidget.location.width/photowidget.location.height) == v ? true : false, ''}
                                    ${vtext=ar_to_english(v),''}
                                    {{tmpl({"value": v, "selected": selected, "toolname":"aspectratio","text":""}) "#templates_photo_edit_tool"}}
                                {{/each}}
                            </div>
                            <div tabid="rotatezoom">
                                {{tmpl({"toolname":"rotateleft","text":"Left"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"rotateright","text":"Right"}) "#templates_photo_edit_tool"}}
                                {{if useflipflop}}
                                {{tmpl({"toolname":"fliph","text":"Flip H"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"flipv","text":"Flip V"}) "#templates_photo_edit_tool"}}
                                {{/if}}
                            </div>
                            {{if photowidget['widgettype'] == 'proofablephoto' || photowidget['widgettype'] == 'photobox'}}
                            <div tabid="color">
                                {{tmpl({"toolname":"originalcolor","text":"Color"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"sepia","text":"Sepia"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"grayscale","text":"B&amp;W"}) "#templates_photo_edit_tool"}}
                                {{if usebrightness}}
                                {{tmpl({"toolname":"brightnessup", "text":"Brighter"}) "#templates_photo_edit_tool"}}
                                {{tmpl({"toolname":"brightnessdown", "text":"Less Bright"}) "#templates_photo_edit_tool"}}
                                {{/if}}
                            </div>
                            {{/if}}
                            {{if photowidget['widgettype'] == 'proofablephoto' || photowidget['widgettype'] == 'photobox'}}
                            <div tabid="newphoto">
                            </div>
                            {{/if}}
                        </td>
                    </tr>
                </table>
            </div>
        {{/if}}
    </div>
    <p>
{{/if}}

{{if parseLogin()['groups'].indexOf('admin')>-1 && photowidget['source'].indexOf('whitedot')==-1 && (photowidget['widgettype'] == 'proofablephoto' || photowidget['widgettype'] == 'photobox')}}
<table align="center">
    <tr>
        <td>Image Protection</td>
        <td>
            <select name="image_protection" id="image_protection" onchange="setPhotoProtection(this)">
                <option value="none" {{if photowidget['source'].indexOf('library')==-1&&photowidget['source'].indexOf('samples')==-1}}selected{{/if}}>None</option>
                <option value="library" {{if photowidget['source'].indexOf('library')>-1}}selected{{/if}}>Library (Customers can use this)</option>
                <option value="samples" {{if photowidget['source'].indexOf('samples')>-1}}selected{{/if}}>Sample (Gets deleted when ordered)</option>
            </select>
        </td>
    </tr>
</table>
{{/if}}
</p>

{{if parseLogin()['groups'].indexOf('admin')>-1 || photowidget['source'].indexOf('samples')!=-1}}
    {{if parseLogin()['groups'].indexOf('admin')==-1}}
    <div style="border: 2px solid #000000; width:${fitInBox(ar, 1.0, Math.min($('body').width() - 50, 500.0), Math.min($('body').height()/2, 300.0))[0]}px; height:${fitInBox(ar, 1.0, Math.min($('body').width() - 50, 500.0), Math.min($('body').height()/2, 300.0))[1]}px;background-image: url(/static/images/transparent_checkerboard.png); background-repeat: repeat;margin: auto;"></div>
    {{if photowidget['widgettype'] != 'photobox'}}<div class="whitespace_warning" style="display: block;margin: 10px;">Please choose {{if photowidget['disposition'] == 'artwork'}}artwork{{else}}a photo{{/if}} that will fit in the box above.</div>{{/if}}
    {{/if}}
    <div style="padding-bottom: 20px; position: relative; margin: auto; height: 125px; width: ${110*Object.keys(sourcelist()).length}px" part="newphotos"></div>
{{else}}
    {{if photowidget['disposition'] != 'artwork' && getExperience()['appname'] == 'paparte' && photowidget['widgettype']=='proofablephoto' && getArtType()=='paparte'}}
        <div class="whitespace_warning whitespace_warning_weak" style="display: none;margin: 10px;">Note: Your photo may not fill the surface of your product when printed.<br>Zoom in on the photo to ensure that your photo covers the printable area.</div>
        <div class="whitespace_warning whitespace_warning_strong" style="display: none;margin: 10px;">Your photo does not fill the printable area. Try our Photo on Pattern option!<div class="pipbutton solidpipbutton" onClick="trackEvent('convert_layout', {'note': 'From fullcoverphoto to textoverpattern'});document.location='/add_pip_customize?quantity=1&product=${getProductInfo()['subcategory']}&layout=paparte&layout_code=textoverpattern'">Try Now</div></div>
    {{/if}}
{{/if}}

{{html "<scr"+"ipt language=JavaScript type=text/javascript>"}}
function checkFilters(){
    if(navigator.userAgent.match(/iPhone/)){
        var ver = navigator.userAgent.match(/Version\/([0-9.]+)/);
        if(ver && ver[0] < 7){
            return(false);
        }
    }
    if(parseInt(navigator.userAgent.indexOf('IEMobile'), 10) > 0){
        return(false);
    }
    return(true);
}
{{html "</scr"+"ipt>"}}


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/justaboxeditor.tpl -->
<script type="x-jquery-tmpl" id="templates_justaboxeditor">
<style>
#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}

.dragmargin {
    position: absolute;
    width: 41px;
    height: 41px;
    z-index: 2;
}

#dragbox_margins {
    border: 2px dashed #000000;
    cursor: move;
}

.selectedcolor, .selectedshadow, .selectedrotation {
    border: 3px solid transparent;
}

.selectedcolor.selected, .selectedshadow.selected, .selectedrotation.selected {
    border: 3px solid #0083AC;
}

#test_bottom {
    margin: 20px auto;
}

.rotate90 {
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}

.semitransparent {
    opacity: 0.6;
}

#dragleft, #dragright {cursor:ew-resize;}
#dragtop, #dragbottom {cursor:ns-resize;}
#dragtopright, #dragbottomleft {cursor:nesw-resize;}
#draglefttop, #dragrightbottom {cursor:nwse-resize;}

.tabContentCell {
    height: 110px;
}


</style>
<div style="display: inline-block; width: ${getExperience()['devicetype']=='phone' ? ($(document).width() - 50)+'px' : '100%'};">
    <div id="justaboxproof_wrapper" style="min-height:300px; display: inline-block; margin: 10px 0px; padding:0 20px;">
        <div id="proofcontainer" style="position: relative;">
            <div id="dragbox_margins"></div>
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="justaboxbackground" type="colorizable" color=""></div>
            <div style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="justaboxproof" type="colorizable" color=""></div>
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left:0px; top:0px;" base="/static/images/transdot.png" id="justaboxforeground" type="colorizable" color=""></div>
            <img style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" id="justaboxmask" />
            <img id="hcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${(proofsize[0]-120)/2}px; top: -20px;width: 120px;">
            <img id="vcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${proofsize[0] - 47}px; top: ${(proofsize[1]/2) - 8}px;width: 120px;" class="rotate90">
        </div>
    </div>

    <div class="editor_instructions">Drag the box above to move it.  Drag the corners of the box to resize it.</div>

{{if !getArea()['is_template']}}
    <table align="center" id="tools_tabset" style="max-width: 600px; width: 95%; border-collapse: separate;">
        <tr><td tabid="fillcolor">Fill<br>Color</td><td tabid="layerorder">Layer<br>Order</td></tr>
        <tr><td colspan=2>
{{/if}}
            <div tabid="fillcolor" style="max-width: 600px; margin: auto;">
                <table width="100%" align="center">
                    <tr>
                        {{if bestcolors.length > 0}}
                            <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                <div style="display: inline-block; width: 80px; margin-top: 10px; vertical-align: top;" class="colorselector">
                                    {{if is_colorscheme_mode() && getBackgroundInfo()['backgroundtype'] == '2color'}}
                                        ${getBackgroundInfo()['best_colors_label']}
                                    {{else}}
                                        Best&nbsp;${pluralize("Color(s)", Object.keys(bestcolors).length)}
                                    {{/if}}
                                    <br>
                                    {{each(k,v) bestcolors}}
                                        <div style="display: inline-block;" class="selectedcolor ${color.length>0 && colorcmp(v, color)?'selected':''}">
                                            <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="colorchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}' colorcode="${v}"></div>
                                        </div>
                                    {{/each}}
                                </div>
                            </td>
                        {{/if}}
                        <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                            <div style="display: inline-block; margin-top: 10px; vertical-align: middle;" class="colorselector">
                                <div style="font-size: 14px;">{{if bestcolors.length > 0}}Other Colors{{/if}}</div>
                                {{each(k,v) colors}}
                                    <div style="display: inline-block;" class="selectedcolor ${color.length>0 && colorcmp(v, color)?'selected':''}">
                                        <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="colorchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}' colorcode="${v}"></div>
                                    </div>
                                {{/each}}
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
{{if !getArea()['is_template']}}
                <div tabid="layerorder">
                    <table>
                        <tr>
                            <td align="center" valign="top" style="padding: 5px;">
                                {{each(k, v) {'top': 'Move Layer<br>To Front', 'bottom': 'Move Layer<br>To Back', 'up': 'Move Layer<br>Forward', 'down': 'Move Layer<br>Back'} }}
                                    <div type="layerorder" direction="${k}" style="width: 82px; height: 95px; display: inline-block; padding: 2px;margin: 2px; font-size: 13px;">
                                        <img src="/static/images/layerorder/layer${k}.png" style="width: 60px; height: 60px; border: 1px solid black;"><br>{{html v }}
                                    </div>
                                {{/each}}
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
{{/if}}




    {{if getExperience()['devicetype'] == 'phone'}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px">
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="deletejustabox">Remove Box<br>or Stripe</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="dupewidget">Duplicate Box<br>or Stripe</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="savejustabox">Next &#x226B;</span></div>
        </div>
    {{else getExperience()['devicetype'] == 'kiosk'}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px; width: 700px;">
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="deletejustabox" style="margin: 10px; width: 500px !important;">Remove Box or Stripe</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="dupewidget" style="margin: 10px; width: 500px !important;">Duplicate Box or Stripe</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="savejustabox" style="margin: 10px; width: 500px !important;">Next &#x226B;</span></div>
        </div>
    {{else}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px">
            <table><tr>
            <td style="padding:5px;"><div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="deletejustabox">Remove Box<br>or Stripe</span></div></td>
            <td style="padding:5px;"><div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="dupewidget">Duplicate Box<br>or Stripe</span></div></td>
            <td style="padding:5px;"><div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="savejustabox">Next &#x226B;</span></div></td>
            </tr></table>
        </div>
    {{/if}}
</div>

































</script>


<!-- FILENAME: paparte/templates/customerinfoerror.tpl -->
<script type="x-jquery-tmpl" id="templates_customerinfoerror">
<div style="text-align: left;">
<p>&nbsp;</p>
<center>Please enter or correct the following information:</center>
<ul>
{{each(i,error) errors}}
    <li>${error}</li>
{{/each}}
</ul>

<center><div style="width: 100px;" class="button redbutton" id="closepopup">CLOSE</div></center>
<p>&nbsp;</p>
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textalllinesspacingtool.tpl -->
<script type="x-jquery-tmpl" id="templates_textalllinesspacingtool">
<table cellpadding=5 width="100%">
<tr><td align="center" width="60%" part="linessize">{{tmpl({'height':'36px','width':'160px','images':'plusminus'}) "#templates_imagescroller"}}</td><td class="tooltip">Overall size for all lines on this card</td></tr>
<tr><td align="center" width="60%" part="linesspacing">{{tmpl({'height':'36px','width':'160px','images':'plusminus'}) "#templates_imagescroller"}}</td><td class="tooltip">Spacing between all lines on this card</td></tr>
</table>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/proofabletext.tpl -->
<script type="x-jquery-tmpl" id="templates_proofabletext">
    <table proofablepart="proofabletext" width=100% border=0 cellpadding=0 cellspacing=0>
        <tr>
            <td part="proofabletextlabel">${label}</td>
        </tr>
        
        <tr><td>
            <table style="{{if parseLogin()['groups'].indexOf('admin') == -1}}display: none;{{/if}}" part="margineditor" width="100%" border=0>
                <tr><td></td><td class="qslabel">Left</td><td class="qslabel">Right</td><td class="qslabel">Top</td><td class="qslabel">Bottom</td></tr></tr>
                <tr><td class="itemsku">Margins</td><td><input size="5" name="marginleft" value="${margins[0]}"></td>
                <td><input size="5" name="marginright" value="${margins[1]}"></td>
                <td><input size="5" name="margintop" value="${margins[2]}"></td>
                <td><input size="5" name="marginbottom" value="${margins[3]}"></td></tr>
            </table>
        </td></tr>
        
        <tr>
            <td part="textlinescontainer">
            {{each(i,thisline) lines}}
                {{tmpl({'linenum':i,'line':thisline}) "#templates_textline"}}
            {{/each}}
            </td>
        </tr>
        <tr><td part=lastaddline align="right">
            <table border=0><tr><td>Add Line&nbsp;&nbsp;&nbsp;</td><td><div style="display:block;" class="smallsquarebutton solidbutton"><img src="{{if getExperience()['devicetype']=='kiosk'}}${skin_img('kiosk_addlinebelow.png')}{{else}}${skin_img('addlinebelow.png')}{{/if}}" width="100%" /></div></td></tr></table>
        </td></tr>
        <tr><td part=lastaddlinenote align="right">
            <div class=lastaddlinenote style="visibility: hidden;color: red;">Maximum Lines Reached</div>
        </td></tr>
    </table>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_refund_line.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_refund_line">
<p>Your satisfaction is our top priority. <a href="javascript:void(0)" onclick="gotoimagehosturl('/refund_policy')">Click here</a> to read our Return & Refund policies and Personalized Forever Guarantee.
</p>
<p>
Your feedback is important to us. Please let us know if we have not met your needs. Is there a design that you need? <a class="submit_feedback" style="cursor:pointer; text-decoration:underline" onclick="show_feedback_form();">Click here</a> to let us know.
</p>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textblockeditor.tpl -->
<script type="x-jquery-tmpl" id="templates_textblockeditor">
<style>
svg {
    display: block;
}
.changefacbutton {
    background: #0083AC;
    border-radius: 10px;
    color: white;
    text-transform: capitalize; 
    font-size: 13px;
}

.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
    
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.6); /* IE */
    -moz-transform: scale(1.6); /* FF */
    -webkit-transform: scale(1.6); /* Safari and Chrome */
    -o-transform: scale(1.6); /* Opera */
    transform: scale(1.6);
}

#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}

#morefctable td {
    padding: 4px;
}

.selectselectinggroupdiv {
    box-sizing: border-box;
    border: 2px solid #0083AC;
}

.rotate90 {
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}

.dragmargin {
    position: absolute;
    width: 41px;
    height: 41px;
    z-index: 2;
}

#caption_proof_margins {
    position: absolute;
    z-index: 2;
    border: 1px dashed #BBBBBB;
    cursor: move;
}

.selectedcolor, .selectedshadow, .selectedrotation {
    border: 3px solid transparent;
}

.selectedcolor.selected, .selectedshadow.selected, .selectedrotation.selected {
    border: 3px solid #0083AC;
}

#test_bottom {
    margin: 20px auto;
}

#reproof.solidpipbutton, .reproof.solidpipbutton {
    background-color: #FF0000;
}

#dragleft, #dragright {cursor:ew-resize;}
#dragtop, #dragbottom {cursor:ns-resize;}
#dragtopright, #dragbottomleft {cursor:nesw-resize;}
#draglefttop, #dragrightbottom {cursor:nwse-resize;}

.tabContentCell {
    /*height: 110px;*/
}

</style>
<div style="display: inline-block; width: ${getExperience()['devicetype']=='phone' ? $(document).width() - 50 : 750}px;">
    <div id="customcaptionproof_wrapper" style="min-height:300px; display: inline-block; margin: 10px 0px; padding:0 20px;">
        <div id="proofcontainer" style="position: relative;">
            <div id="caption_proof_margins" style="left: 10px; top:10px; width: 200px; height: 30px;"></div>
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="captionbackground" type="colorizable" color=""></div>
            <div style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="textbg" type="colorizable" color=""></div>
            <div style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="captionproof" type="colorizable" color=""></div>
            <img style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" id="captionmask" />
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left: 0px; top: 0px;" base="/static/images/transdot.png" id="captionforeground" type="colorizable" color=""></div>
            <img id="hcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${(proofsize[0]-120)/2}px; top: -20px;width: 120px;z-index:3;">
            <img id="vcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${proofsize[0] - 47}px; top: ${(proofsize[1]/2) - 8}px;width: 120px;z-index:3;" class="rotate90">
        </div>
    </div>
    <div id="fcwarnings" style="width:400px;margin:auto;"></div>

    <div class="editor_instructions">Drag the text above to move it.  Drag the corners of the box to resize it.</div>

    <br>
    
    
    
    
    
    
    ${has_best_colors=bestcolors && bestcolors.length > 0, ''}
    ${has_best_shadow_colors=bestshadowcolors && Object.keys(bestshadowcolors).length > 0, ''}
    
    <table border="0" align="center" id="text_editing_tools_tabset" width="100%" toptaborientation="h" cellpadding="0" cellspacing="0" style="max-width: 750px; padding: 0px; margin: 0px; border: 0px; border-collapse: separate !important;">
        <tr>
            {{if getExperience()['devicetype'] != 'kiosk'}}
                <td tabid="textlines">Enter<br>Text</td>
            {{/if}}
            <td tabid="texttools">Text<br>Color</td>
            <td tabid="shadowtools">Shadow<br>Color</td>
            {{if !getArea()['is_template']}}
                <td tabid="textrotation">Rotate</td>
            {{/if}}
            {{if !getArea()['is_template']}}
            <td tabid="layerorder">Layer<br>Order</td>
            {{/if}}
        </tr>
        <tr>
            <td colspan=3>
                {{if getExperience()['devicetype'] != 'kiosk'}}
                    <div tabid="textlines">
                        <div class="buttonwrapper" style="height: 45px;"><span class="pipbutton solidpipbutton cp_done_button reproof">Update Proof</span></div><br>
                        <div class="custom_caption_text" style="display: inline-block; padding: 0; vertical-align: top; margin-top: 15px;">
                            <div id="captiontext"></div>
                        </div>
                    </div>
                {{/if}}
                <div tabid="texttools">
                    <table>
                        <tr>
                            {{if has_best_colors}}
                                <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                    <div style="display: inline-block; width: 80px; margin-top: 10px; vertical-align: top;" class="captioncolorselector">
                                        {{if is_colorscheme_mode() && getBackgroundInfo()['backgroundtype'] == '2color'}}
                                            ${getBackgroundInfo()['best_colors_label']}
                                        {{else}}
                                            Best&nbsp;${pluralize("Color(s)", Object.keys(bestcolors).length)}
                                        {{/if}}
                                        <br>
                                        {{each(k,v) bestcolors}}
                                            <div style="display: inline-block;" class="selectedcolor ${textcolor.length>0 && colorcmp(v, textcolor) && colorTypeCmp(v, textcolor)?'selected':''}" v="${v}" textcolor="${textcolor}">
                                                <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captioncolorchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}' colorcode="${v}"></div>
                                            </div>
                                        {{/each}}
                                    </div>
                                </td>
                            {{/if}}
                            <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                <div style="display: inline-block; margin-top: 10px; vertical-align: middle;" class="captioncolorselector">
                                    <div style="font-size: 14px;">{{if has_best_colors}}Other Colors{{/if}}</div>
                                    {{each(k,v) captioncolors}}
                                        <div style="display: inline-block;" class="selectedcolor ${textcolor.length>0 && colorcmp(v, textcolor) && colorTypeCmp(v, textcolor)?'selected':''}">
                                            <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captioncolorchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}' colorcode="${v}"></div>
                                        </div>
                                    {{/each}}
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
    
                <div tabid="shadowtools">
                    <table>
                        <tr>
                            {{if has_best_shadow_colors}}
                                <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                    {{if is_colorscheme_mode() && getBackgroundInfo()['backgroundtype'] == '2color'}}
                                        ${getBackgroundInfo()['best_colors_label']}
                                    {{else}}
                                        Best&nbsp;${pluralize("Color(s)", Object.keys(bestshadowcolors).length)}
                                    {{/if}}
                                    <br>
                                    {{each(k, v) bestshadowcolors}}
                                        <div type="textbg" style="display: inline-block;" class="selectedcolor {{if k == textbg}}selected{{/if}}" textbg="${k}">
                                            {{if k=="none"}}
                                                <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "image", "filename": "/static/images/textbgs/noshadow.png"}]}'></div>
                                            {{else}}
                                                <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}'></div>
                                            {{/if}}
                                        </div>
                                    {{/each}}
                                </td>
                            {{/if}}
                            <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                <div style="font-size: 14px;">{{if has_best_shadow_colors}}Other Colors{{/if}}</div>
                                <div type="textbg" style="display: inline-block;" class="selectedcolor {{if textbg == 'none'}}selected{{/if}}" textbg="none">
                                    <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "image", "filename": "/static/images/textbgs/noshadow.png"}]}'></div>
                                </div>
                                {{each(k, v) textbgs}}
                                    {{if k!="none"}}
                                        <div type="textbg" style="display: inline-block;" class="selectedcolor {{if k == textbg}}selected{{/if}}" textbg="${k}">
                                            <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}'></div>
                                        </div>
                                    {{/if}}
                                {{/each}}
                            </td>
                        </tr>
                    </table>
                </div>
                
                {{if !getArea()['is_template']}}
                    <div tabid="textrotation">
                        <table>
                            <tr>
                                <td align="center" valign="top" style="padding: 5px;">
                                    {{each(k, v) {'0': 'No<br>Rotation', '90': 'Rotate<br>Right', '180': 'Upside<br>Down', '270': 'Rotate<br>Left'} }}
                                        <div type="textrotation" rotation="${k}" style="width: 82px; height: 95px; display: inline-block; padding: 2px;margin: 2px; font-size: 13px;" class="selectedrotation {{if textrotation.length>0 && parseInt(textrotation)==parseInt(k)}}selected{{/if}}">
                                            <img src="/static/images/rotations/rotate${k}.png" style="width: 60px; height: 60px; border: 1px solid black;"><br>{{html v}}
                                        </div>
                                    {{/each}}
                                </td>
                            </tr>
                        </table>
                    </div>
                {{/if}}
                {{if !getArea()['is_template']}}
                    <div tabid="layerorder">
                        <table>
                            <tr>
                                <td align="center" valign="top" style="padding: 5px;">
                                    {{each(k, v) {'top': 'Move Layer<br>To Front', 'bottom': 'Move Layer<br>To Back', 'up': 'Move Layer<br>Forward', 'down': 'Move Layer<br>Back'} }}
                                        <div type="layerorder" direction="${k}" style="width: 82px; height: 95px; display: inline-block; padding: 2px;margin: 2px; font-size: 13px;">
                                            <img src="/static/images/layerorder/layer${k}.png" style="width: 60px; height: 60px; border: 1px solid black;"><br>{{html v }}
                                        </div>
                                    {{/each}}
                                </td>
                            </tr>
                        </table>
                    </div>
                {{/if}}
                </td></tr>
            </table>
            
            <table width=100%><tr><td width=45 rowspan=2 valign="top" align="center" style="padding-top: 8px;"><input type=checkbox {{if autosplit}}checked="checked"{{/if}} name="autosplit" id="autosplit"></td><td align="left" style="font-size: 25px;">Enable Automatic Line Splitting</td></tr><tr><td align="left">Automatic line splitting will optimize the layout of your text.</td></tr></table>
    
    {{if getExperience()['devicetype'] == 'phone'}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px">
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="deletecaption">Remove Text</span></div>
            {{if getBackgroundInfo()['backgroundtype']!='none'}}<div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="dupewidget">Duplicate Text</span></div>{{/if}}
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="savecaption">Next &#x226B;</span></div>
        </div>
    {{else getExperience()['devicetype'] == 'kiosk'}} 
        <div id="test_bottom" class="row" align="center" style="min-height:60px;">
            <table width=100%><tr>
                <td width=50% align="center"><div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="deletecaption">Remove Text</span></div></td>
                <td width=50% align="center"><div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="dupewidget">Duplicate Text</span></div></td>
            </tr><tr>
                <td width=100% colspan=2 align="center">
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button reproof">Update Proof</span></div>
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="savecaption">Next &#x226B;</span></div>
                </td>
            </tr></table>
        </div>
    {{else}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px">
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="deletecaption">Remove Text</span></div>
            {{if getBackgroundInfo()['backgroundtype']!='none'}}<div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="dupewidget">Duplicate Text</span></div>{{/if}}
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="savecaption">Next &#x226B;</span></div>
        </div>
    {{/if}}
</div>

{{if getExperience()['devicetype'] == 'kiosk'}}
    <div tabid="textlines">
        <div class="custom_caption_text" style="display: inline-block; padding: 0; vertical-align: top; margin-top: 15px;">
            <div id="captiontext"></div>
            <div id="scrollspacer" style="height:500px;"></div>
        </div>
    </div>
{{/if}}

{{html "<scr"+"ipt>"}}
$(".ui-keyboard").addClass("lowkeyboard");
{{html "</scr"+"ipt>"}}


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_gifts2go.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_gifts2go">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/gifts2go-mobile.jpg' : '/static/paparte/images/promo/at_home/gifts2go-desktop.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: paparte/templates/pipfullcoveragepage.tpl -->
<script type="x-jquery-tmpl" id="templates_pipfullcoveragepage">
<div id="page_title" class="store_text_color_1">
    <span class="standard">Create Your</span><span class="heavy">Product</span>
</div>

<div align=center>
    <div id="tiling_note" class="tiling_note store_text_color_1">
        {{if resources.length > 1}}
            Add your photos and captions.
        {{else}}
            Add your photo or caption.
        {{/if}}
        <br>
        Your photo should fit this box.
    </div>
</div>    

<div class="pattern_row">  
    {{for(i=0; i<resources.length; i++)}}
        <div class="ilb pattern_ilb_edit store_text_color_1" valign="top">
            {{if ['yoyo','ornament'].indexOf(___THEJOB___['skuinfoblob']['manufacturersku']) != -1}}
            ${labels=["Front","Back"],labels[i]}
            {{/if}}
            <div type="tileeditor" id="tileeditor_${i}"></div>
        </div>
    {{/for}}
</div>

<div id="test_bottom" align="center">
    <div class="buttonwrapper"><span id="test_bottom2" class="pipbutton solidpipbutton cp_done_button" part="nextstepbutton">Next &#x226B;</span></div>
</div>    
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/order_status_popup.tpl -->
<script type="x-jquery-tmpl" id="templates_order_status_popup">
<style>
#form_pop_email {
    line-height: 1.2;
    width: 95%;
    margin: 0 auto;
    text-align: left;
    max-width: 660px;
}

input.pop_form {
    margin: 10px;
    width:300px;
    font-size: 20px;
    font-weight: bold;
    padding: 6px 4px;
}

#message { margin: 10px; }

.small {font-size:14px;}
.small a {}

#fauxpopup {
}
#fauxpopup-maintable {
}
#fauxpopup.confirmation_popup #fauxpopup-contents {
    padding-top: 0px;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    font-family:'Poppins Regular';
    padding: 0px;
    font-size: 30px;
    color: #0083AC;
}

#fauxpopup.confirmation_popup .fauxpopup-title-text {
    font-family:'Poppins Regular';
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    background: none;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    padding: 0px;
    width: 320px;
    font-size: 24px;
    margin: 6px 8px;
    line-height: 36px;
    height: 36px;    
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
}

input[type="text"] {
}

#fauxpopup-close-icon {
}

.error_msg {
    font-size: 26px;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid gray;
}

#form_pop_email .subhead {
    font-size: 20px;
    padding-bottom: 6px;
}

#fauxpopup-header-bar { display:none !important}

[devicetype="phone"] input.pop_form {
    margin: 0 0 10px;
}    

[devicetype="phone"] #message { margin: 0px; }

[devicetype=phone] .feedback_input_text {
    text-align: left;
}

#message {
    resize:vertical;
}

.selectpop {
    font-size: 20px;
    font-family: Poppins Regular;
    font-weight: bold;
    margin: 10px 0 10px 10px;
    width: 95%;
}

[devicetype=phone] .selectpop {
    margin: 0 0 10px 0;
    width: 100%;
}    
</style>

<div id="form_pop_email">
    <div class="fauxpopup-title-text" style="padding-bottom:10px">{{if variant == 'giftiou'}}Create Gift IOUs{{else}}Order Status{{/if}}</div>
    {{if mode == 'search'}}
        <div class="subhead" style="display:block; text-align:left">
            <div style="max-width:640px; margin: 0 auto; padding: 0 0 10px 0">
                Enter the email address that you used to place the order.  We will email you a summary of all orders we have on file for that address.
                {{if variant == 'giftiou'}}
                    From there, you can create Gift IOUs for items on that order.
                {{else}}
                    From there, you can check the order status.
                {{/if}}
            </div>
        </div>
        
        <div class="row feedback_input_text">
            <input type="text" class="input_text pop_form" name="order_status_search_email" autocomplete="off" placeholder="Email Address*">
        </div>
    {{else mode == 'result'}}
        <div class="subhead" style="display:block; text-align:left">
            <div style="max-width:640px; margin: 0 auto; padding: 0 0 10px 0">
                If any orders match the email address you entered, you will receive an email.  Remember to check your SPAM folder!
            </div>
        </div>
    {{/if}}
    <div style="margin:0 auto; padding:0 6px 10px 6px">
        <div id="pop_error_msg" class="error_msg">&nbsp;</div>
        {{if variant == 'orderstatus' || mode == 'result'}}
            <div style="max-width:640px; margin: 0 auto; padding: 0 0 10px 0" class="subhead">
                If you need further assistance, please use the <span style="color: blue;text-decoration:underline;cursor:pointer;" onClick="show_feedback_form()">Customer Feedback Form</span> or call us Mon-Fri, 9AM-4:30PM, EST.&nbsp;&#9743;&nbsp;1-800-346-3461
            </div>
        {{/if}}
        <div class="small">
            By providing us with your email you agree to our <a target="_blank" href="/privacy_policy">privacy policy</a> and <a target="_blank" href="/terms_of_use">terms of use</a>. To protect your privacy, we cannot send the order information to anyone but the email address provided on the order.
        </div>
    </div>
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlineoverallspacingtool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlineoverallspacingtool">
<table width="100%" cellpadding=0 cellspacing=0 border=0>
<tr><td align="right" width="190" part="overallspacing">{{tmpl({'height':'36px','width':'160px','images':'plusminus'}) "#templates_imagescroller"}}</td></tr>
</table>

</script>


<!-- FILENAME: paparte/templates/awesomethis_steps.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_steps">
${($data.thisdate = new Date()),''}
${($data.expire_1 = new Date(2018, 11, 13, 23, 59, 59, 0)),''}
${($data.expire_2 = new Date(2018, 11, 16, 23, 59, 59, 0)),''}
{{if getExperience()['is_ecommerce']}}
    {{if ($data.thisdate < $data.expire_1) }}
        {{tmpl "#templates_awesomethis_christmas_shipping"}}
    {{else}}
        {{tmpl "#templates_awesomethis_trynow"}}
    {{/if}}
{{/if}}
</script>


<!-- FILENAME: paparte/templates/pop_email_form_tags.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_form_tags">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
<div class="subhead">Join our list to find out about special deals, offers, exclusive coupons and more! 2 free bags tags with thousands of designs to choose from if you sign up today!</div>
<form id="pop_email" name="pop_email">
<input type="text" class="pop_form" name="name" placeholder="Your Name">
<input type="text" class="pop_form" name="email" placeholder="Email Address*">
</form>
<div style="margin:0 auto; max-width:400px">
    <div id="pop_error_msg" class="error_msg">&nbsp;</div>
    <div class="small">
        By providing us with your email, you are agreeing to our <a target="_blank" href="/static/paparte/base-index.html#paparte_page_privacy_policy">privacy policy</a> and <a target="_blank" href="/static/paparte/base-index.html#paparte_page_terms_of_use">terms of use</a>.
    </div>
</div>    
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_review.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_review">
<div class="rowflex">
    <div class="review_col_image">
        <div class="ditem_img">
        {{if review.image}}
            <img class="item_img" src="/${review.image}">
        {{else}}    
            <!--<img class="item_img" src="/static/paparte/images/products/square/${review.product_code}.jpg">-->            
        {{/if}}    
        </div> 
    </div>
    <div class="review_col_detail">
        <div class="rev-line1${getExperience()['devicetype']}">
            <div id="my-rating-${review.id}" class="my-rating" style="padding-top:0px" data-rating="${review.rating}"></div>
            <input id="rating-${review.id}" type="hidden" name="rating" value="${review.rating}">
            <input id="review-${review.id}" type="hidden" class="review_id_${mode}" name="review_id" value="${review.id}">
            <br>
            <div class="recommend">
                {{if review.recommend=='true'}}
                Yes, I recommend this product
                {{/if}}
            </div>
        </div>    
        <div class="rev-line2">
        ${review.headline}
        </div>        
        <div class="rev-line-date">
        ${review.date_created}
        </div>
        <div class="rev-line3a">
          <figure class="quote">
            <p>${review.content}</p>
            <figcaption class="quote-by">- ${review.display_name}
            {{if review.display_location>'' }}
            , ${review.display_location}
            {{/if}}
            </figcaption>
          </figure>
        </div>
        
        {{if review.reply>'' }}
        <div class="reply_to"><div class="at_reply">Comment from AwesomeThis!</div><div class="reply_to_text">${review.reply}</div>
        {{/if}}        
        
    </div>    
</div>



</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/resolve_unconfirmed.tpl -->
<script type="x-jquery-tmpl" id="templates_resolve_unconfirmed">
<div id="awesome_subtitle" class="store_text_color_1">You have not completed editing your ${productname}</div>
<center>
{{if ___THEJOB___['once_confirmed']}}
    <table thewidth="${screen.width - 50}px" style="width:${screen.width - 50}px; max-width:600px;" align=center><tr><td align=center valign=middle><img src="/${proofimage}" style="max-width: 100%; max-height: 100%; top: 50%;"></td></tr></table>
{{else}}
    <div thewidth="${$('body').width() - 50}px" style="width:${$('body').width() - 50}px; max-width:600px; height: 300px; max-height: 600px; margin: auto; display: inline-block;" id="quickproofdiv"></div><br>
{{/if}}
<div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="reedit_button">Edit</span></div>
<div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="revert_button">Discard ${___THEJOB___['once_confirmed']?'Changes':'Item'}</span></div>
</center>
<style type="text/css">
#page_title {
    font-size: 50px;
    line-height: 60px;
    text-align: center;
}
#awesome_subtitle {
    font-size: 35px;
    line-height: 50px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
</style>

</script>


<!-- FILENAME: paparte/templates/paparte_page_intro.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_intro">
<div id="intro_header">
    What would you like to awesome today?
</div>

<div id="intro_sub_header">
    Personalize an awesome gift online - get it in store
</div>

<div id="intro_body">
    Awesome THIS! makes it easy to design the perfect gift for every occasion with names, initials, monograms, hundreds of designs, captions & sayings and even photos!
</div>

<div id="landing_image">
{{if getExperience()['devicetype'] == 'phone'}} 
    <div>
        <div id="enter_button" class="button pink_button">Get Started</div>
        <br>
        <div>
            <image class="enter_site" src="/static/paparte/images/landing-product-collage.jpg" style="width:100%; max-width:500px">
        </div>    
    </div>    
{{else}}
    <div id="intro_landing_image_over">
        <div id="enter_button" class="button pink_button absX">Get Started</div>
        <image class="enter_site" id="desktop_landing_image" src="/static/paparte/images/landing-product-collage.jpg" width="100%">
    </div>
{{/if}}
</div>

</script>


<!-- FILENAME: paparte/templates/photoboxpage.tpl -->
<script type="x-jquery-tmpl" id="templates_photoboxpage">
<style>
.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
}
#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}
</style>

<div id="page_title" class="store_text_color_1">
    {{if getExperience()['devicetype'] == 'desktop'}}
        <span class="standard">Position And Resize Your</span><span class="heavy">{{if disposition == 'artwork'}}Art or Logo{{else}}Photo{{/if}}</span>
    {{else}}
        <span class="standard">Position And Resize</span><span class="heavy">{{if disposition == 'artwork'}}Your Art or Logo{{else}}Your Photo{{/if}}</span>
    {{/if}}
</div>

<div class="row" id="photoboxeditor" style="text-align:center; padding:10px 0; width: 100%;"></div>



</script>


<!-- FILENAME: paparte/templates/awesomethis_christmas_shipping2.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_christmas_shipping2">
    <div id="home_step" class="row hide-mobile">
        <div id="steps1" class="u-full-width">
            <a href="javascript:void(0)" onclick="gotoimagehosturl('/products')"><img style="width:100%; max-width:1140px" src="/static/paparte/images/help/shipping-for-christmas-desktop.jpg"></a>
        </div>
    </div>
    
    <div class="row show-mobile no_print">
        <div id="steps" class="u-full-width">
            <a href="/products"><img width="100%" src="/static/paparte/images/help/shipping-for-christmas-mobile.jpg"></a>
        </div>
    </div> 

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner">
${($data.thisdate = new Date()),''}
${($data.expire_1 = new Date(2019, 1, 11, 23, 59, 59, 0)),''}
${($data.expire_2 = new Date(2018, 11, 17, 09, 59, 59, 0)),''}
${($data.expire_3 = new Date(2019, 4, 5, 23, 59, 59, 0)),''}
${($data.expire_4 = new Date(2019, 5, 16, 23, 59, 59, 0)),''}
${($data.expire_5 = new Date(2019, 5, 11, 15, 59, 59, 0)),''}
${($data.expire_6 = new Date(2019, 5, 12, 15, 59, 59, 0)),''}
${($data.myurl = window.location.href.indexOf("gifts2go") > -1),''}
{{if ($data.myurl) }}
    {{tmpl "#templates_awesomethis_promobanner_gifts2go"}}
{{else ($data.thisdate < $data.expire_1) }}
    {{tmpl "#templates_awesomethis_promobanner_valentines"}}
{{else ($data.thisdate < $data.expire_2)}}
    {{tmpl "#templates_awesomethis_promobanner_premship"}}
{{else ($data.thisdate < $data.expire_3)}}
    {{tmpl "#templates_awesomethis_promobanner_mothersday"}}    
{{else ($data.thisdate < $data.expire_4)}}
    {{tmpl "#templates_awesomethis_promobanner_fathersday"}}  
    {{if ($data.thisdate < $data.expire_5) }}
        {{tmpl "#templates_awesomethis_promobanner_fathersday2"}}    
    {{else}}
        {{if ($data.thisdate < $data.expire_6)}}        
            {{tmpl "#templates_awesomethis_promobanner_fathersday3"}}        
        {{/if}}                    
    {{/if}}        
{{else}}
    {{tmpl "#templates_awesomethis_promobanner50pink"}}
{{/if}}




{{if getExperience()['appname'] == 'cart'}}
    {{tmpl "#templates_promo1_html"}}
{{/if}}
</script>


<!-- FILENAME: paparte/templates/head_icons.tpl -->
<script type="x-jquery-tmpl" id="templates_head_icons">

</script>


<!-- FILENAME: paparte/templates/paparte_page_wow.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_wow">
<style type="text/css">
.wowlabel {
    font-size: 40px;
}
.wowvalue {
    font-size: 40px;
    color: red;
}
.wowwording {
    font-size: 30px;
}
[devicetype=kiosk] .wowlabel {
    font-size: 40px;
}
[devicetype=kiosk] .wowvalue {
    font-size: 60px;
    color: red;
}
[devicetype=kiosk] .wowwording {
    font-size: 40px;
}

</style>

<div class="main_div" id="choose_design"></div>
<div class="main_div" id="middle_frame">
<table id="wow_top" class="row">
    <tr>
        <td>
            <span id="wow_header" style="float:left">All done -</span><br />
            <span id="wow_sub_header" style="float:left">AWESOME<br>job!</span>
        </td>    
    </tr>
</table>
<div id="wow_body">
    <table>
        <tr>
            <td rowspan=3><img src="${proof_url}" width=150 /></td>
            <td valign="middle" align="left" class="wowlabel">ORDER #</td>
            <td valign="middle" align="right" class="wowvalue">${ordercode}</td>
        </tr>
        <tr>
            <td valign="middle" align="left" class="wowlabel">PRODUCT</td>
            <td valign="middle" align="right" class="wowvalue">${description}</td>
        </tr>
        <tr>
            <td valign="middle" align="left" class="wowlabel">PRICE</td>
            <td valign="middle" align="right" class="wowvalue">${price}</td>
        </tr>
        {{if customer_email}}
            <tr>
                <td colspan=3 style="font-size: 20px;">This information has been emailed to ${customer_email}.<br>Please check your SPAM folder!</td>
            </tr>
        {{/if}}
        <tr>
            <td colspan=3><hr></td>
        </tr>
        <tr>
            <td colspan=3 class="wowwording">{{html wording}}</td>
        </tr>
    </table>
</div>
{{if getExperience()['devicetype'] == 'kiosk' || getExperience()['devicetype'] == 'desktopkiosk'}} 
    <div id="wow_buttons">
            <div class="buttonwrapper"><span style="margin: 10px; width: 600px !important;" class="pipbutton solidpipbutton cp_done_button width4" id="wow_ok">Make Another Like This</span></div>
            <div class="buttonwrapper"><span style="margin: 10px; width: 600px !important;" class="pipbutton solidpipbutton cp_done_button width4" id="wow_continue">Continue Shopping</span></div>
            <div class="buttonwrapper"><span style="margin: 10px; width: 600px !important;" class="pipbutton solidpipbutton cp_done_button width4" id="wow_done">I'm Finished</span></div>
    </div>
{{else}}    
    <div id="wow_buttons_2_lines">
        <div class="row">
            <div class="buttonwrapper"><span style="margin: 10px; height: 50px !important;" class="pipbutton solidpipbutton cp_done_button width4" id="wow_ok">Make Another Like This</span></div>
            <div class="buttonwrapper"><span style="margin: 10px; height: 50px !important;" class="pipbutton solidpipbutton cp_done_button width4" id="wow_continue">Continue Shopping</span></div>
            <div class="buttonwrapper"><span style="margin: 10px; height: 50px !important;" class="pipbutton solidpipbutton cp_done_button width4" id="wow_done">I'm Finished</span></div>
        </div>
        <div class="row">
            <div class="button wow_button" id="homepage" style="display:none"><span>Homepage</span></div>            
        </div>
    </div>
{{/if}}
{{if getExperience()['devicetype'] !== 'kiosk' && getExperience()['devicetype'] !== 'phone' }} 
    <div id="public_computer_note">Note: If you are using a public computer/device we suggest you hit "I'm Finished" above to clear your information from this device.</div>
{{/if}}
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_freeshipping.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_freeshipping">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/free-shipping-banner-mobile.jpg' : '/static/paparte/images/promo/at_home/free-shipping-banner-desktop.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/designhelpbutton.tpl -->
<script type="x-jquery-tmpl" id="templates_designhelpbutton">
<div class="designhelp" onClick="designHelpForm('${item_code}')" style="cursor: pointer;font-weight: bold;{{if button}}border: 1px solid red; border-radius: 6px;padding: 5px;width: 150px;text-align: center;{{/if}}">
    <img src="/static/images/helpicon.png" height=20 valign="middle">&nbsp;Design&nbsp;Help
</div>


</script>


<!-- FILENAME: paparte/templates/paparte_page_product_layout.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_product_layout">
<div id="page_title" class="store_text_color_1"><span class="standard">Personalize Your</span><span id="product_name" class="heavy"></span></div>
<div class="main_div" id="middle_frame">
    <div id="product_layout_nilm">
        <div class="header1">Tons of Designs & Colors</div>
        <div class="product_layout_row">
            <div layout_id="0" layout_name="name">Name</div>
            <div layout_id="1" layout_name="initial">Initials</div>
            <div layout_id="2" layout_name="monigram">Monogram</div>
        </div>
    </div>
    <div id="product_layout_snapshot">
        <div class="header1">Create Your Own Pattern<br/>with Photos & Captions</div>
        <div class="product_layout_row">
            <div layout_id="3" layout_name="3photos+caption">Up to 3 Photos + feature caption</div>
            <div layout_id="4" layout_name="3photos">Up To 3 Photos</div>
            <div layout_id="5" layout_name="2photos+caption">Up to 2 Photos + 1 caption</div>
        </div>
    </div>
</div>

</script>


<!-- FILENAME: paparte/templates/paparte_bottom.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_bottom">
<div id="bottom" class="main_div pos_abs abc">
    <div class="row">
        <div id="back_button" class="one-third column back_button"><a id="back_button_link" href="javascript:window.history.go(-1)" title=""><img src="/static/paparte/images/arrows/backarrow.png"></a></div>
        <div class="one-third column outer">
            <span class="button_color_home">Start Over</span>
        </div>    
        <div class="one-third column">
            <img class="bottom_logo" src="/static/paparte/images/papartelogo.png">
        </div>
    </div>    
</div>
</script>


<!-- FILENAME: paparte/templates/pop_email_formconfirmTAG4.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formconfirmTAG4">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
    <div class="subhead">We sent you a confirmation email with a promo code.<br>Look out for our email from info@awesomethis.com<br>
    If you don't see it, please check your SPAM/JUNK folder. Please add our email to your contact list.</div>
</div>
 
</script>


<!-- FILENAME: paparte/templates/pop_email_formconfirm.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formconfirm">
<style>
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
    <div class="subhead">Thank You. Look out for our emails in your inbox from promos@awesomethis.com. If you don't see any, please check your SPAM/JUNK folder.</div>
</div> 
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner25pink.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner25pink">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/25-percent-banner-mobile-pink.jpg' : '/static/paparte/images/promo/at_home/25-percent-banner-desktop-pink.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/at_nav.tpl -->
<script type="x-jquery-tmpl" id="templates_at_nav">
<!-- Mobile Header -->
  <div class="wsmobileheader clearfix" id="mobileheader">
    <a id="wsnavtoggle" class="wsanimated-arrow"><span></span></a>
    <span class="smllogo"><a href="/home"><img src="/static/paparte/images/awesomethis.png" width="125" alt="" /></a></span>
    <div class="wscarticon mobileheader clearfix">
            <a href="/static/cart/"><img class="vert_mid_old" style="display:block; max-width:100%;" src="/static/images/carticon.png">
                <div id="items_in_cart" class="items_in_cart" data-numitems="0"></div>
            </a>                
    </div>
    <a id="get_out_of_cart" href="/tools/clear_session" style="display:none;">EXIT CART</a>
  </div>
  <!-- Mobile Header -->



  <div class="headtoppart clearfix">
    <div class="headerwp clearfix">
      <div class="headertopleft clearfix">
        <div class="addressline clearfix">
        <span class="support_link logout"><a href="/logout">LOGOUT</a></span>
        <span class="bull logout">&bull;</span>
        <div class="designhelp" id="header_designhelp"></div>
        <span class="bull designhelp">&bull;</span>
        <span class="support_link"><a target="_custserv" href="https://www.inscribe.com/find-store">Find a Store</a></span>
        <span class="bull">&bull;</span>
        <span class="support_link"><a class="submit_feedback" onclick="show_feedback_form();">Contact Us</a></span>
        <span class="bull">&bull;</span>
        <span class="support_link"><a href="/page/about-us">About Us</a></span>
        <span class="bull">&bull;</span>
        <span class="support_link"><a target="_custserv" href="https://www.inscribe.com/becomeadealer">Become a Dealer</a></span><i class="fas fa-phone"></i> 1-800-346-3461
        </div>
      </div>
    </div>
  </div>

  <div class="headerfull">
    <div class="wsmain clearfix">
      <div class="smllogo"><a href="/home"><img src="/static/paparte/images/awesomethis.png" alt="" /></a></div>
      <nav class="wsmenu clearfix">
        <ul class="wsmenu-list">
	  <!-- START -->

          <li aria-haspopup="true"><a href="#" class="navtext"><span>Shop By</span> <span>Expression</span></a>
            <div class="wsshoptabing wtsdepartmentmenu clearfix halfmenu">
              <div class="wsshopwp clearfix">
                <ul class="wstabitem clearfix">

                  <li><a href="/for/expressions/family-and-friends">Family and Friends</a></li>
                  <li><a href="/for/expressions/love">Love</a></li>
                  <li><a href="/for/expressions/omg">OMG</a></li>
                  <li><a href="/for/expressions/real-guys">Real Guys</a></li>
                  <li><a href="/for/expressions/humor-and-fun">Humor and Fun</a></li>
                  <li><a href="/for/expressions/milestones-and-birthdays">Milestones</a></li>
                  <li><a href="/for/expressions">Shop All</a></li>
                </ul>
              </div>
            </div>
          </li>

          <li aria-haspopup="true"><a href="#" class="navtext"><span>Shop By</span> <span>Product</span></a>
            <div class="wsshoptabing wtsdepartmentmenu clearfix halfmenu">
              <div class="wsshopwp clearfix">
                <ul class="wstabitem clearfix">

                  <li class="wsshoplink-active"><a href="/items/insulated-steel"><i class="fas fa-wine-glass"></i>Insulated Steel</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/insulated-steel/personalized-insulated-mugs">Stainless Steel Insulated Coffee Mugs</a></li>
                        <li><a href="/items/insulated-steel/personalized-coffee-tumblers">Stainless Steel Insulated Tumblers</a></li>
                        <li><a href="/items/insulated-steel/personalized-insulated-water-bottles">Stainless Steel Insulated Water Bottles</a></li>
                        <li><a href="/items/insulated-steel/personalized-wine-tumblers">Stainless Steel Insulated Wine Cups</a></li>
                        <li><a href="/items/insulated-steel/personalized-sports-water-bottles">Stainless Steel Insulated Sports Bottles</a></li>
                        <li><a href="/items/for-kids/personalized-insulated-water-bottles-for-kids">Stainless Steel Insulated Kids' Sports Bottles</a></li>
                        <li><a href="/items/insulated-steel/custom-food-thermos">Stainless Steel Insulated Food Thermos</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/travel-mugs"><i class="fas fa-mug-hot"></i>Travel Mugs</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/insulated-steel/personalized-insulated-mugs">Insulated Steel Coffee Mugs</a></li>
                        <li><a href="/items/travel-mugs/personalized-coffee-travel-mugs">Tall Travel Coffee Mugs</a></li>
                        <li><a href="/items/travel-mugs/personalized-coffee-mugs-with-handles">Travel Mugs with Handles</a></li>
                        <li><a href="/items/travel-mugs/personalized-stainless-steel-travel-mugs-12oz">Travel Mugs</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/tumblers"><i class="fas fa-glass-whiskey"></i>Tumblers</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/insulated-steel/personalized-coffee-tumblers">Insulated Steel Tumblers with Straws</a></li>
                        <li><a href="/items/tumblers/personalized-tumbler-with-straws">Plastic Tumblers with Straws</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/water-bottles"><i class="fas fa-tint"></i>Water Bottles</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/insulated-steel/personalized-insulated-water-bottles">Insulated Steel Water Bottles</a></li>
                        <li><a href="/items/insulated-steel/personalized-sports-water-bottles">Insulated Steel Sports Bottles</a></li>
                        <li><a href="/items/for-kids/personalized-insulated-water-bottles-for-kids">Insulated Steel Kids' Sports Bottles</a></li>
                        <li><a href="/items/for-kids/personalized-kids-sports-bottles">Kids' Plastic Sports Bottles</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/specialty-drinkware"><i class="fas fa-wine-glass-alt"></i>Specialty Drinkware</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/insulated-steel/personalized-wine-tumblers">Insulated Steel Stemless Wine Cups</a></li>
                        <li><a href="/items/specialty-drinkware/personalized-wine-glasses">Personalized Plastic Wine Glasses</a></li>
                        <li><a href="/items/for-the-home/personalized-cocktail-shakers">Personalized Cocktail Shaker</a></li>
                        <li><a href="/items/specialty-drinkware/custom-8oz-flasks">8oz Flasks</a></li>
                        <li><a href="/items/specialty-drinkware/personalized-6oz-flasks">6oz Flasks</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/accessories"><i class="fas fa-key"></i>Accessories</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/accessories/custom-acrylic-keychains">Acrylic Key Chains</a></li>
                        <li><a href="/items/accessories/custom-badge-reels">Badge Reels</a></li>
                        <li><a href="/items/accessories/custom-ipad-air-cases">iPad Cases</a></li>
                        <li><a href="/items/accessories/custom-iphone-x-cases">iPhone X Cases</a></li>
                        <li><a href="/items/accessories/custom-iphone-7-plus-cases">iPhone 7 Plus Cases</a></li>
                        <li><a href="/items/accessories/custom-iphone-7-cases">iPhone 7 Cases</a></li>
                        <li><a href="/items/accessories/custom-iphone-6-plus-cases">iPhone 6 Plus Cases</a></li>
                        <li><a href="/items/accessories/custom-iphone-6-cases">iPhone 6 Cases</a></li>
                        <li><a href="/items/accessories/custom-metal-keychains">Metal Key Chains</a></li>
                        <li><a href="/items/travel-products/custom-large-face-masks">Large Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-face-masks">Medium Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-small-face-masks">Small Face Masks</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/travel-products"><i class="fas fa-suitcase"></i>Travel Products</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/product/flipflop">Flip Flops</a></li>
                        <li><a href="/items/travel-products/custom-license-plates">License Plates</a></li>
                        <li><a href="/items/travel-products/personalized-luggage-tags">Luggage Tags</a></li>
                        <li><a href="/items/travel-products/custom-large-face-masks">Large Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-face-masks">Medium Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-small-face-masks">Small Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-manicure-sets">Manicure Sets</a></li>
                        <li><a href="/items/travel-products/custom-portable-phone-chargers">Portable Phone Chargers</a></li>
                        <li><a href="/items/travel-products/personalized-selfie-sticks">Selfie Sticks</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/for-the-home"><i class="fas fa-home"></i>For The Home</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/for-the-home/personalized-aprons">Aprons</a></li>
                        <li><a href="/items/for-the-home/personalized-bottle-openers">Bottle Openers</a></li>
                        <li><a href="/items/for-the-home/personalized-coasters">Coasters</a></li>
                        <li><a href="/items/for-the-home/personalized-cocktail-shakers">Cocktail Shakers</a></li>
                        <li><a href="/items/for-the-home/personalized-flags">Flags</a></li>
                        <li><a href="/items/for-the-home/personalized-flashlights">Flashlights</a></li>
                        <li><a href="/items/for-the-home/personalized-ornaments">Ornaments</a></li>
                        <li><a href="/items/for-the-home/personalized-pet-bowls">Pet Bowls</a></li>
                        <li><a href="/items/for-the-home/personalized-throw-pillows">Throw Pillows</a></li>
                        <li><a href="/items/for-the-home/custom-13x24-whiteboards">Horizontal Whiteboards</a></li>
                        <li><a href="/items/for-the-home/custom-24x13-whiteboards">Vertical Whiteboards</a></li>
                        <li><a href="/items/for-the-home/personalized-vases">Vases</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/for-kids"><i class="fas fa-child"></i>For Kids</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/for-kids/personalized-insulated-water-bottles-for-kids">Insulated Steel Kids' Sports Bottles</a></li>
                        <li><a href="/items/for-kids/personalized-kids-sports-bottles">Kids' Plastic Sports Bottles</a></li>
                        <li><a href="/items/for-kids/personalized-sippy-cups">Sippy Cups</a></li>
                        <li><a href="/items/for-kids/personalized-toddler-cup">Toddler Sippy Cups</a></li>
                        <li><a href="/items/insulated-steel/custom-food-thermos">Stainless Steel Insulated Food Thermos</a></li>
                        <li><a href="/items/stationery/personalized-bookmarks">Bookmarks</a></li>
                        <li><a href="/items/accessories/custom-acrylic-keychains">Acrylic Key Chains</a></li>
                        <li><a href="/items/stationery/custom-4x6-journals">4x6 Journals</a></li>
                        <li><a href="/items/stationery/custom-6x9-journals">6x9 Journals</a></li>
                        <li><a href="/items/for-kids/custom-yoyo">Yo-Yo's</a></li>
                        <li><a href="/items/for-kids/customized-dog-tags">Dog Tags</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/items/stationery"><i class="fas fa-pen"></i>Stationery</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/items/stationery/personalized-note-cards">Note Cards</a></li>
                        <li><a href="/items/stationery/personalized-enclosure-cards">Enclosure Cards</a></li>
                        <li><a href="/items/stationery/personalized-note-sheets">Note Sheets</a></li>
                        <li><a href="/items/stationery/personalized-flat-cards">Flat Cards</a></li>
                        <li><a href="/items/stationery/personalized-pens">Pens</a></li>
                        <li><a href="/items/stationery/personalized-bookmarks">Bookmarks</a></li>
                        <li><a href="/items/stationery/custom-4x6-journals">4x6 Journals</a></li>
                        <li><a href="/items/stationery/custom-6x9-journals">6x9 Journals</a></li>
                        <li><a href="/categories/thank_you_notes">Thank You Notes & Accessories</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/categories/banners"><i class="fas fa-scroll"></i>Banners</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/categories/banners/Wedding">Wedding</a></li>
                        <li><a href="/categories/banners/Birthday">Birthday</a></li>
                        <li><a href="/categories/banners/Baby">Baby</a></li>
                        <li><a href="/category/banners/Graduation">Graduation</a></li>
                        <li><a href="/categories/banners/Religious">Religious</a></li>
                        <li><a href="/category/banners/Anniversary">Anniversary</a></li>
                        <li><a href="/categories/banners/Holiday">Holidays</a></li>
                        <li><a href="/categories/banners/Theme">Shop by Theme</a></li>
                        <li><a href="/categories/banners/Shop%20By%20Color">Shop by Color</a></li>
                        <li><a href="/categories/banners/Florals%20and%20Patterns">Shop by Florals & Patterns</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="/categories/invitations"><i class="fas fa-gift"></i>Invitations & Announcements</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/categories/invitations/Wedding">Wedding</a></li>
                        <li><a href="/categories/invitations/Birthday">Birthday</a></li>
                        <li><a href="/categories/invitations/Baby">Baby</a></li>
                        <li><a href="/categories/invitations/Graduation">Graduation</a></li>
                        <li><a href="/categories/invitations/Religious">Religious</a></li>
                        <li><a href="/category/invitations/Anniversary">Anniversary</a></li>
                        <li><a href="/categories/invitations/Holiday">Holidays</a></li>
                        <li><a href="/category/invitations/Holiday/Holiday%20Photo%20Card">Holiday Photo Cards</a></li>
                        <li><a href="/categories/invitations/Theme">Shop by Theme</a></li>
                        <li><a href="/categories/invitations/Shop%20By%20Color">Shop by Color</a></li>
                        <li><a href="/categories/invitations/Florals%20and%20Patterns">Shop by Florals & Patterns</a></li>
                      </ul>
                    </div>
                  </li>
                  <li><a href="/parts"><i class="fas fa-store"></i>Replacement Parts</a></li>
                  <li><a href="/products"><i class="fas fa-store"></i>Shop All Products</a></li>
                </ul>
              </div>
            </div>
          </li>

          <li aria-haspopup="true"><a href="#" class="navtext"><span>Shop By</span> <span>Recipient</span></a>
            <div class="wsshoptabing wtsdepartmentmenu clearfix halfmenu">
              <div class="wsshopwp clearfix">
                <ul class="wstabitem clearfix">

                  <li class="wsshoplink-active"><a href="#"><i class="fas fa-male"></i>For Him</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/him/gifts-with-funny-sayings-for-him">Gifts with Funny Sayings for Men</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-female"></i>For Her</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/friends-and-family/get-together-with-a-gift">Gifts for Mom to get Together</a></li>
                        <li><a href="/for/mothers-day/personalized-gifts-for-mom-from-daughters-and-sons">Personalized Gifts For Mom From Daughters and Sons</a></li>
                        <li><a href="/for/mothers-day/mothers-day-photo-gifts">Photo Gifts for Mom</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-child"></i>For Kids</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/back-to-school">Back to School Gifts</a></li>
                        <li><a href="/for/friends-and-family/get-together-with-a-gift">Gifts for Kids to get Together</a></li>
                        <li><a href="/for/the-home/kids-room-decor">Kids Room Decor</a></li>
                        <li><a href="/for/friends-and-family/personalized-cups-for-kids">Personalized Cups for Kids</a></li>
                        <li><a href="/for/friends-and-family/custom-keychains-for-kids">Custom Keychains for Kids</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-baby"></i>For Baby</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/category/banners/Baby/Baby%20Shower">Personalized Baby Shower Banners</a></li>
                        <li><a href="/category/invitations/Baby/Gender%20Reveal">Gender Reveal Invitations</a></li>
                        <li><a href="/category/invitations/Baby/Birth%20Announcement">Birth Announcements</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-user-friends"></i>For Family</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/friends-and-family/get-together-with-a-gift">Get Together with a Gift</a></li>
                        <li><a href="/for/friends-and-family/family-gifts">Family Gifts</a></li>
                        <li><a href="/for/the-home/custom-home-decor">Custom Home Decor</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-paw"></i>For Pet Lovers</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/pet-lovers/gifts-for-dog-lovers">Personalized Gifts for Dog Lovers</a></li>
                        <li><a href="/for/pet-lovers/personalized-dog-bowls">Custom Dog Bowls</a></li>
                        <li><a href="/for/pet-lovers/fun-dog-license-plates">Photo Dog License Plates</a></li>
                        <li><a href="/for/pet-lovers/dog-memorial-gifts">Memorial Dog License Plates</a></li>
                        <li><a href="/for/fathers-day/gifts-for-dog-dads">Custom Gifts for Dog Dads</a></li>
                        <li><a href="/for/pet-lovers/unique-gifts-for-cat-lovers">Unique Gifts for Cat Lovers</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-school"></i>For School</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li class="wstheading clearfix">GRADUATION</li>
                        <li><a href="/for/graduation/personalized-graduation-gifts">Personalized Graduation Gifts</a></li>
                        <li><a href="/category/banners/Graduation">Personalized Graduation Banners</a></li>
                        <li><a href="/category/invitations/Graduation/Graduation%20Announcement">Custom Graduation Announcements</a></li>
                        <li><a href="/category/invitations/Graduation/Graduation%20Invitation">Graduation Invitations</a></li>
                        <li class="wstheading clearfix">TEACHERS</li>
                        <li><a href="/for/teachers/custom-gifts-for-teachers">Custom Gifts for Teachers</a></li>
                        <li><a href="/for/teachers/custom-mugs-for-teachers">Custom Mugs for Teachers</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-running"></i>For Teams</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/sports-theme-gifts">Team Water Bottles</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-building"></i>For Work</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/staff-appreciation-gifts">Personalized Business Gifts</a></li>
                        <li><a href="/for/health-care-professionals/custom-gifts-for-doctors">Custom Gifts for Doctors</a></li>
                        <li><a href="/for/teachers/custom-gifts-for-teachers">Custom Gifts for Teachers</a></li>
                        <li><a href="/for/teachers/custom-mugs-for-teachers">Custom Mugs for Teachers</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-glass-cheers"></i>For Bridal Party</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/bridal-party-gifts">Bridal Party Gifts</a></li>
                      </ul>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </li>

          <li aria-haspopup="true"><a href="#" class="navtext"><span>Shop By</span> <span>Occasion</span></a>
            <div class="wsshoptabing wtsdepartmentmenu clearfix halfmenu">
              <div class="wsshopwp clearfix">
                <ul class="wstabitem clearfix">

                  <li class="wsshoplink-active"><a href="#"><i class="fas fa-virus"></i>Quarantine</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/quarantine/quarantine-gifts">Quarantine Themed Gifts</a></li>
                        <li><a href="/items/travel-products/custom-large-face-masks">Large Custom Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-face-masks">Medium Custom Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-small-face-masks">Small Custom Face Masks</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-sun"></i>Summer</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/summer">Personlized Summer Themed Gifts</a></li>
                        <li><a href="/for/summer/custom-flip-flops">Custom Flip Flops</a></li>
                        <li><a href="/for/summer/backyard-party-supplies">Custom Backyard Party Supplies</a></li>
                        <li><a href="/for/summer/summer-flip-flops">Summer Flip Flops</a></li>
                        <li><a href="/category/invitations/Theme/Summer">Summer Invitations</a></li>
                        <li><a href="/category/banners/Theme/Summer">Summer Banners</a></li>
                        <li><a href="/category/thank_you_notes/Theme/Summer">Summer Thank You Notes & Accessories</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-school"></i>Back to School</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/back-to-school">Back to School Gifts</a></li>
                        <li><a href="/page/off-to-college">Back to College Gifts</a></li>
                        <li><a href="/for/the-home/kids-room-decor">Kids Room Decor</a></li>
                        <li><a href="/for/friends-and-family/personalized-cups-for-kids">Personalized Cups for Kids</a></li>
                        <li><a href="/for/friends-and-family/custom-keychains-for-kids">Custom Keychains for Kids</a></li>
                        <li><a href="/for/teachers/custom-gifts-for-teachers">Custom Gifts for Teachers</a></li>
                        <li><a href="/for/teachers/custom-mugs-for-teachers">Custom Mugs for Teachers</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-calendar-day"></i>Holiday</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li class="wstheading clearfix">HOLIDAY PHOTO CARDS</li>
                        <li><a href="/category/invitations/Holiday/Holiday%20Photo%20Card">Holiday Photo Cards</a></li>
                        <li class="wstheading clearfix">CHRISTMAS</li>
                        <li><a href="/category/invitations/Holiday/Christmas">Christmas Invitations</a></li>
                        <li><a href="/category/banners/Holiday/Christmas">Christmas Banners</a></li>
                        <li><a href="/for/christmas/personalized-christmas-decor">Personalized Christmas Decor</a></li>
                        <li><a href="/for/christmas/stocking-stuffers-for-the-family">Stocking Stuffers for the Family</a></li>
                        <li><a href="/for/christmas/custom-christmas-gifts-for-her">Custom Christmas Gifts for Her</a></li>
                        <li><a href="/for/christmas/custom-christmas-gifts-for-your-boyfriend-or-husband">Custom Christmas Gifts for Your Boyfriend Or Husband</a></li>
                        <li class="wstheading clearfix">KWANZAA</li>
                        <li><a href="/for/kwanzaa/kwanzaa-gifts-for-children">Kwanzaa Gifts for Children</a></li>
                        <li class="wstheading clearfix">HANUKKAH</li>
                        <li><a href="/for/hanukkah/personalized-hanukkah-gifts">Personalized Hanukkah Gifts</a></li>
                        <li><a href="/category/invitations/Holiday/Hanukkah">Hanukkah Invitations</a></li>
                        <li><a href="/category/banners/Holiday/Hanukkah">Hanukkah Banners</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-birthday-cake"></i>Birthday</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/categories/banners/Birthday">Birthday Banners</a></li>
                        <li><a href="/categories/invitations/Birthday">Birthday Invitations</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-ring"></i>Wedding</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/categories/banners/Wedding">Wedding Banners</a></li>
                        <li><a href="/categories/invitations/Wedding">Wedding Invitations</a></li>
                        <li><a href="/page/bridal-party-gifts">Bridal Party Gifts</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-baby-carriage"></i>New Baby</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/category/banners/Baby/Baby%20Shower">Personalized Baby Shower Banners</a></li>
                        <li><a href="/category/invitations/Baby/Birth%20Announcement">Birth Announcements</a></li>
                        <li><a href="/category/invitations/Baby/Gender%20Reveal">Gender Reveal Invitations</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-heart"></i>Valentines Day</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/valentines-day">Personalized Valentine's Day Gifts</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-heart"></i>Mother's Day</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/mothers-day/mothers-day-gifts-for-mother-in-law">Mother's Day Gifts For Mother In Law</a></li>
                        <li><a href="/for/mothers-day/mothers-day-keychains">Mother's Day Keychains</a></li>
                        <li><a href="/for/mothers-day/mothers-day-tumblers">Mother's Day Tumblers</a></li>
                        <li><a href="/for/mothers-day/personalized-mothers-day-mugs">Personalized Mother's Day Mugs</a></li>
                        <li><a href="/for/mothers-day/personalized-mothers-day-gifts-for-grandma">Personalized Mother's Day Gifts For Grandma</a></li>
                        <li><a href="/for/mothers-day/mothers-day-pillows">Mother's Day Pillows</a></li>
                        <li><a href="/for/mothers-day/funny-mothers-day-mugs">Funny Mother's Day Mugs</a></li>
                        <li><a href="/for/mothers-day/personalized-gifts-for-mom-from-daughters-and-sons">Personalized Gifts For Mom From Daughters and Sons</a></li>
                        <li><a href="/for/mothers-day/mothers-day-photo-gifts">Photo Gifts for Mom</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-heart"></i>Father's Day</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/fathers-day">Shop All Father's Day</a></li>
                        <li><a href="/for/him/gifts-with-funny-sayings-for-him">Gifts with Funny Sayings for Men</a></li>
                        <li><a href="/for/fathers-day/personalized-photo-gifts-for-dad">Personalized Photo Gifts For Dad</a></li>
                        <li><a href="/for/fathers-day/fathers-day-mug-personalized">Personalized Father's Day Mugs</a></li>
                        <li><a href="/for/fathers-day/personalized-fathers-day-keychain">Personalized Father's Day Keychains</a></li>
                        <li><a href="/for/fathers-day/fathers-day-gifts-for-grandpa">Father's Day Gifts For Grandpa</a></li>
                        <li><a href="/for/fathers-day/funny-fathers-day-gifts">Funny Father's Day Gifts</a></li>
                        <li><a href="/for/fathers-day/funny-fathers-day-mugs">Funny Father's Day Mugs</a></li>
                        <li><a href="/for/fathers-day/gifts-for-dog-dads">Custom Gifts for Dog Dads</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-graduation-cap"></i>Graduation</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/graduation/personalized-graduation-gifts">Personalized Graduation Gifts</a></li>
                        <li><a href="/category/banners/Graduation">Graduation Banners</a></li>
                        <li><a href="/category/invitations/Graduation/Graduation%20Announcement">Graduation Announcements</a></li>
                        <li><a href="/category/invitations/Graduation/Graduation%20Invitation">Graduation Invitations</a></li>
                      </ul>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </li>

          <li aria-haspopup="true"><a href="#" class="navtext"><span>Shop By</span> <span>Theme</span></a>
            <div class="wsshoptabing wtsdepartmentmenu clearfix halfmenu">
              <div class="wsshopwp clearfix">
                <ul class="wstabitem clearfix">

                  <li class="wsshoplink-active"><a href="#"><i class="fas fa-person-booth"></i>Election 2020</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/election-2020/trump-election-gear">Trump 2020 Gear</a></li>
                        <li><a href="/for/election-2020/biden-election-gear">Biden 2020 Gear</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-calendar-day"></i>Current Events</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/current-events/ruth-bader-ginsburg-gifts">Ruth Bader Ginsburg</a></li>
                        <li><a href="/for/current-events/black-lives-matter-gear">Black Lives Matter</a></li>
                        <li><a href="/for/friends-and-family/stuck-with-you">Stuck With You!</a></li>
                        <li><a href="/for/health-care-professionals/gifts-for-covid19-care-givers">Covid-19 Care Givers</a></li>
                        <li><a href="/for/quarantine/quarantine-gifts">Quarantine Themed Gifts</a></li>
                        <li><a href="/items/travel-products/custom-large-face-masks">Large Custom Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-face-masks">Medium Custom Face Masks</a></li>
                        <li><a href="/items/travel-products/custom-small-face-masks">Small Custom Face Masks</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-laugh-beam"></i>Humor</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/funny-gifts/head-shotz-funny-gifts-with-faces">Head Shotz! Funny Selfie Gifts</a></li>
                        <li><a href="/for/funny-gifts/yo-semite-gifts">Yo Semite Gifts</a></li>
                        <li><a href="/for/mothers-day/funny-mothers-day-mugs">Funny Mother's Day Mugs</a></li>
                        <li><a href="/for/him/gifts-with-funny-sayings-for-him">Gifts with Funny Sayings for Men</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-heart"></i>Love</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/valentines-day">Personalized Valentine's Day Gifts</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-running"></i>Sports</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/sports-theme-gifts">Team Water Bottles</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-paw"></i>Pets</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/pet-lovers/gifts-for-dog-lovers">Personalized Gifts for Dog Lovers</a></li>
                        <li><a href="/for/pet-lovers/personalized-dog-bowls">Custom Dog Bowls</a></li>
                        <li><a href="/for/pet-lovers/fun-dog-license-plates">Photo Dog License Plates</a></li>
                        <li><a href="/for/pet-lovers/dog-memorial-gifts">Memorial Dog License Plates</a></li>
                        <li><a href="/for/fathers-day/gifts-for-dog-dads">Custom Gifts for Dog Dads</a></li>
                        <li><a href="/for/pet-lovers/unique-gifts-for-cat-lovers">Unique Gifts for Cat Lovers</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-praying-hands"></i>Religious</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/scripture/custom-scripture-journals">Custom Scripture Journals</a></li>
                        <li><a href="/for/scripture/custom-bible-verse-pillows">Custom Bible Verse Pillows</a></li>
                        <li><a href="/for/scripture/mugs-with-bible-verses">Mugs With Bible Verses</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-home"></i>Home Decor</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/for/the-home/custom-home-decor">Custom Home Decor</a></li>
                        <li><a href="/for/christmas/personalized-christmas-decor">Personalized Christmas Decor</a></li>
                        <li><a href="/for/the-home/kids-room-decor">Kids Room Decor</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="wsshoplink"><a href="#"><i class="fas fa-globe"></i>Culture</a>
                    <div class="wstitemright clearfix menuimg menuimg1">
                     <ul class="wstliststy06 clearfix">
                        <li><a href="/page/ireland">Irish Themed Gifts</a></li>
                      </ul>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </li>

	  <!-- END -->
          <li aria-haspopup="true"><a href="#" class="navtext"><span>General</span> <span>Site Info</span></a>
            <div class="wsmegamenu clearfix halfmenu">

              <ul class="wstliststy06 clearfix">
                <li class=""><a class="submit_feedback" onclick="shipping_popup();">Shipping Information</a></li>                
                <li class=""><a class="submit_feedback" onclick="order_status_popup('orderstatus');">Order Status</a></li>
                <li><a href="/page/gift-iou">About Gift IOU</a></li>
                <li class=""><a class="submit_feedback" onclick="order_status_popup('giftiou');">Create Gift IOUs</a></li>
                <li><a href="/reviews">Product Reviews </a></li>
                <li><a href="/page/special-promotions">Sitewide Specials</a> <span class="wstmenutag redtag">Save Big!</span></li>
                <li><a href="/page/flipflop-size-charts">Size Charts</a></li>
                <li class="mobileonly"><a href="/page/about-us">About Us</a></li>                
                <li class=""><a href="/refund_policy">Refund Policy</a></li>                
                <li class=""><a href="/privacy_policy">Privacy Policy</a></li>                
                <li class=""><a href="/terms_of_use">Terms Of Use</a></li>                
                <li class="mobileonly"><a class="submit_feedback" onclick="show_feedback_form();">Contact Us</a></li>                
              </ul>

            </div>
          </li>


          <li class="wscarticon mainheader clearfix">
            <a href="/static/cart/"><img class="vert_mid_old" style="display:block; max-width:100%;" src="/static/images/carticon.png">
                <div id="items_in_cart" class="items_in_cart" data-numitems="0"></div>
            </a>                
            <a id="get_out_of_cart" href="/tools/clear_session">EXIT CART</a><br>
          </li>


        </ul>
      </nav>
    </div>
  </div>

  <hr class="cart hide-mobile" style="margin-bottom:0px">

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/photoupload_choosephotopopup.tpl -->
<script type="x-jquery-tmpl" id="templates_photoupload_choosephotopopup">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="40" height="40">
        <!--
        <img src="${sourcelist()[source]}" width="40" height="40">
        -->
        </td>
        <td height="40" class="popuptitle store_text_color_1" align="center">Choose {{if source == 'recent'}}Recent {{/if}}Photo</td>
        <td width="40" height="40"><div style="width:40px;"></div></td>
    </tr>
    <tr>
        <td colspan=3 align="center">
            <table width="100%" height="100%" cellpadding="5" cellspacing="0" border="0">
            <tr><td style="text-align:center">
            {{each(i,photo) photolist}}
                    <div style="display: inline-block">
                        <div><figure>
                            <img class="recent_pic" {{if photo['aspectratio'] > 1}}width{{else}}height{{/if}}="100" src="${photo['thumbnail']}" bigimage="${photo['bigimage']}" disposition="${disposition}">
                            </figure>
                            {{if 'photocaption' in photo && photo['photocaption']}}
                                <figcaption>${photo['photocaption']}</figcaption>
                            {{/if}}
                        </div>
                    </div>    
            {{/each}}
            </td></tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <table width="100%">
                <tr>
                    {{if source != 'recent'}}
                    <td width="50%" align="center"><div style="margin-bottom:10px"><div class="pipbutton solidpipbutton" style="width: 200px;" button="backtoalbums">Back to Albums</div></div></td>
                    {{/if}}
                    <td width="50%" align="center"><div style="margin-bottom:10px"><div class="pipbutton solidpipbutton" style="width: 200px;" button="cancel">Cancel</div></div></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</script>


<!-- FILENAME: paparte/templates/paparte_page_choose_product_color.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_choose_product_color">
<div id="page_title" class="store_text_color_1">
    <span class="standard">Choose Your</span><span class="heavy product_name">Product Color</span>
</div>
<!--  div class="page_subheader store_text_color_1">To change your <span id="select_txt"></span> go back</div -->
<div class="main_div" id="middle_frame">
    <div id="product_color_preview"></div>
    <div id="product_color_options"></div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textline.tpl -->
<script type="x-jquery-tmpl" id="templates_textline">
    {{if $data['line']['alignment']['value'][0] == 's' || $data['line']['alignment']['value'][0] == 'sm'}}
        <div style="position: relative;" proofablepart="textlinecontainer" alignment="${$data['line']['alignment']['value'][0]}" font="${$data['line']['font']['value'][0]}" color="${$data['line']['color']['value'][0]}" indent="${$data['line']['indent']['value'][0]}" size="${$data['line']['size']['value'][0]}" linenum=${$data['linenum']} line="{{if line['line']}}${line['line']}{{/if}}" lineleft="{{if line['lineleft']}}${line['lineleft']}{{/if}}" lineright="{{if line['lineright']}}${line['lineright']}{{/if}}" {{if 'maxchars' in line && line['maxchars']}}maxchars="${line['maxchars']}"{{/if}}>
            <table width="100%" cellpadding=5 border=0 cellspacing=0>
                <tr>
                    <td>
                        <input class="textline textline_splitline splittext_left blueinput" type="text" value="${line['splitlineleft']}">
                    </td>
                    <td>
                        <input class="textline textline_splitline splittext_right blueinput" type="text" value="${line['splitlineright']}">
                    </td>
                </tr>
            </table>
            <div proofablepart="texttoolbox" style="display:none;"></div>
        </div>
    {{else $data['line']['alignment']['value'][0] != 'v'}}
        <div style="position: relative;" proofablepart="textlinecontainer" alignment="${$data['line']['alignment']['value'][0]}" font="${$data['line']['font']['value'][0]}" color="${$data['line']['color']['value'][0]}" indent="${$data['line']['indent']['value'][0]}" size="${$data['line']['size']['value'][0]}" linenum=${$data['linenum']} line="{{if line['line']}}${line['line']}{{/if}}" lineleft="{{if line['lineleft']}}${line['lineleft']}{{/if}}" lineright="{{if line['lineright']}}${line['lineright']}{{/if}}" {{if 'maxchars' in line && line['maxchars']}}maxchars="${line['maxchars']}"{{/if}}>
            <table width="100%" cellpadding=5 cellspacing=0 border=0>
                <tr>
                    <td>
                        <input class="textline textline_line blueinput" type="text" value="${line['line']}">
                    </td>
                </tr>
            </table>
            <div proofablepart="texttoolbox" style="display:none;"></div>
        </div>
    {{else}}
        <div proofablepart="textlinecontainer" alignment="${$data['line']['alignment']['value'][0]}" size="${$data['line']['size']['value'][0]}" linenum="${$data['linenum']}">
            <!-- No graphical representation of the vertical spacing line - its value is stored on the containing line div -->
        </div>
    {{/if}}


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinespacingtool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinespacingtool">
<table width="100%" cellpadding=0 cellspacing=0 border=0>
<tr><td align="right" width="190" part="linespacing${where}">{{tmpl({'height':'36px','width':'160px','images':'plusminus'}) "#templates_imagescroller"}}</td></tr>
</table>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/site_feedback.tpl -->
<script type="x-jquery-tmpl" id="templates_site_feedback">
<style>
#form_pop_email {
    line-height: 1.2;
    width: 95%;
    margin: 0 auto;
    text-align: left;
    max-width: 660px;
}

input.pop_form {
    margin: 10px;
    width:300px;
    font-size: 20px;
    font-weight: bold;
    padding: 6px 4px;
}

#message { margin: 10px; }

.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}
#fauxpopup.confirmation_popup #fauxpopup-contents {
    padding-top: 0px;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding: 0px;
    font-size: 30px;
}

#fauxpopup.confirmation_popup .fauxpopup-title-text {
    color: white; 
    font-family:'Poppins Regular';
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    background: none;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 320px;
    font-size: 24px;
    margin: 6px 8px;
    line-height: 36px;
    height: 36px;    
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 26px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

#fauxpopup-header-bar { display:none !important}

[devicetype="phone"] input.pop_form {
    margin: 0 0 10px;
}    

[devicetype="phone"] #message { margin: 0px; }

[devicetype=phone] .feedback_input_text {
    text-align: left;
}

#message {
    resize:vertical;
}

.selectpop {
    font-size: 20px;
    font-family: Poppins Regular;
    font-weight: bold;
    margin: 10px 0 10px 10px;
    width: 95%;
}

[devicetype=phone] .selectpop {
    margin: 0 0 10px 0;
    width: 100%;
}    
</style>
${($data.myurl = window.location.href.split('#')[0]),''}

<div id="form_pop_email">
    <div class="fauxpopup-title-text" style="color:#FFF; padding-bottom:10px">Contact AwesomeThis!</div>
    <div class="subhead" style="display:block; text-align:left">
        <div style="max-width:640px; margin: 0 auto; padding: 0 0 10px 0">
        Please use this form to contact us about any website problems, product issues or suggestions.
        </div>
        <div style="max-width:640px; margin: 0 auto; padding: 0 0 10px 0">
            The Awesome THIS! experts are here to help out with any issue Mon-Fri, 9AM-4.30PM, EST.&nbsp;&#9743;&nbsp;1-800-346-3461
        </div>        
        <div style="max-width:640px; margin: 5 auto; padding: 10px; font-weight: bold;border: 2px solid white;">
            To check the status of your order, <span style="color: blue; font-decoration: underline; cursor: pointer;" onClick="order_status_popup();">CLICK HERE</span>
        </div>
    </div>
    <form id="pop_email" name="pop_email" style="margin-bottom:0px">
    <div class="row feedback_input_text">
        <input type="text" class="input_text pop_form" name="email" autocomplete="off" placeholder="Email Address*">
        <input type="text" class="input_text pop_form" name="name" autocomplete="off" placeholder="First Name"><br>
    </div>
    <div class="row feedback_input_text">
        <input type="text" class="input_text pop_form" name="phone" autocomplete="off" placeholder="Phone Number">    
        <input type="hidden" id="url" name="url" value="${$data.myurl}">
        <input type="hidden" id="devicetype" name="devicetype" value="${getExperience()['devicetype']}">
    </div>
    
    <div class="row feedback_input_text">
        <select class="selectpop" name="subject">
          <option value="">Select Feedback Subject *</option>
          <option value="Customer Service">Customer Service</option>
          <option value="User Stuck!">I'm stuck - can you help me?</option>
          <!--option value="No Order Confirmation Email">Did not receive confirmation email</option-->
          <option value="Shipping Damage or Return">Shipping damage or return</option>
          <option value="Creative Suggestion">Creative Suggestion</option>
          <option value="Website">Website</option>
          <option value="Other">Other</option>
        </select>
    </div>
    
    <div id="message_content">
    <textarea id="message" class="input_text" name="message" placeholder="Enter your feedback here" style="width:100%; max-width:630px; min-height:150px; font-weight:bold; font-size: 20px;" rows="5"></textarea>
    </div>
    </form>
    <div style="margin:0 auto; padding:0 6px 10px 6px">
        <div id="pop_error_msg" class="error_msg">&nbsp;</div>
        <div class="small">
            By providing us with your email you agree to our <a target="_blank" href="/privacy_policy">privacy policy</a> and <a target="_blank" href="/terms_of_use">terms of use</a>.
        </div>
    </div>
</div>

</script>


<!-- FILENAME: paparte/templates/paparte_product_description_layout.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_product_description_layout">
{{tmpl "#templates_awesomethis_slider_css"}}
<style>
    #reviews_block { display: flex !important; align-items:center; justify-content: flex-end; }
    #reviews_block div { display: inline-block }
    [devicetype=kiosk] div.row.product_middle {
        max-height: 210px;
        overflow-y: auto;
    }
</style>
<div id="reviews_block" style="display:none">
    <div id="my-rating-main" class="my-rating"></div>
    <div id="reviews_link" style="padding-left:10px; cursor:pointer"></div>
</div>
<div class="row product_prices" style="display:block; margin: 0 auto;">
    <span class="product_price"></span>
</div>
<div class="row product_middle" style="display:block; margin: 0 auto;">
    <p class="product_desc"></p>
</div>
{{if getExperience()['devicetype'] == 'kiosk'}}
    <div id="product_description_layout">
        <div id="header1" class="product_options_caption store_text_color_1">Choose Your Layout{{if getExperience()['devicetype'] != 'kiosk'}} or Design{{/if}}</div>
        <!--        
        <div id="product_layout_nilm">
            <div class="product_layout_row">
                <div layout_code="name"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="monogram"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="initial"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="blank"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                
                <div layout_code="phototiling"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="captiontiling"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="captionphototiling"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="fccaption"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="fcphoto"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
                <div layout_code="fccaptionphoto"><img><br><span class="pipbutton solidpipbutton fntsmall"></span></div>
            </div>
        </div>
        -->        
        
        <div id="product_layout_slider_row0" style="width:100%; max-width:820px; display:flex; margin: 0 auto">
            <div class="navcol"><span id="nav_prev_allproducts_product_layout_slider0" class="spnav">&nbsp;</span></div>
            <ul id="allproducts_product_layout_slider0" class="allproducts_product_layout_slider0 product_layout_slider demo-card dc1 mbsc-cloak"></ul>
            <div class="navcol"><span id="nav_next_allproducts_product_layout_slider0" class="spnav">&nbsp;</span></div>
        </div>                
        
        <div id="product_layout_slider_row1" style="width:100%; max-width:820px; display:flex; margin: 0 auto">
            <div class="navcol"><span id="nav_prev_allproducts_product_layout_slider1" class="spnav nonnim_nav"><</span></div>                        
            <ul id="allproducts_product_layout_slider1" class="allproducts_product_layout_slider1 product_layout_slider demo-card dc1 mbsc-cloak"></ul>
            <div class="navcol"><span id="nav_next_allproducts_product_layout_slider1" class="spnav nonnim_nav">></span></div>    
        </div>        
        
    </div>
{{else}}
    <!--<div id="header1" class="product_options_caption store_text_color_1">Personalize Your <span class="product_name">&nbsp;</span></div>-->
    <div id="header1" class="product_options_caption store_text_color_1">Choose your layout to create your own design</div>
    
    {{if getExperience()['devicetype'] == 'phone'}}
        <div id="ph_allproducts_product_layout_slider" class="ph_slider" style="display:table;">
            <div id="p2l_allproducts_product_layout_slider" class="navcoll slider_title"><</div>
            <h2 id="slider_allproducts_product_layout_slider" class="gallery slider_title navcolm">Available Layouts</h2>
            <div id="p2r_allproducts_product_layout_slider" class="navcolr slider_title">></div>
        </div>
    {{else}}
        <h2 id="slider_allproducts_product_layout_slider" class="gallery slider_title navcolm">Available Layouts</h2>
    {{/if}}    
    
    <div id="product_layout_slider_row" style="width:100%; max-width:1140px; display:flex;">
    {{if getExperience()['devicetype'].indexOf('desktop')>-1}}
        <div class="navcol"><span id="nav_prev_allproducts_product_layout_slider" class="spnav"><</span></div>                        
    {{/if}}    
        <ul id="allproducts_product_layout_slider" class="allproducts_product_layout_slider product_layout_slider demo-card dc1 mbsc-cloak"></ul>
    {{if getExperience()['devicetype'].indexOf('desktop')>-1}}        
        <div class="navcol"><span id="nav_next_allproducts_product_layout_slider" class="spnav">></span></div>    
    {{/if}}        
    </div>        

    <div id="dynamic2" style="width:100%; max-width:1140px"></div>
    <div id="dynamic" style="width:100%; max-width:1140px"></div>
{{/if}}
</script>


<!-- FILENAME: paparte/templates/paparte_page_choose_color.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_choose_color">
<div class="main_div" id="middle_frame">
    <div class="row">
        <div id="page_title" class="store_text_color_1"><span class="standard">Choose Your Background Colors</span></div>
        
        {{if artinfo && artinfo['selectedcolor']}}
        ${filename='/static/paparte/images/patterns/200/p'+artinfo['pattern_art_id']+'_'+(getLayoutInfo()?getLayoutInfo()['suffix']:'b')+'.png', ''}
        <div type="colorizable" color_category="${color_category}" color='${makeSvgJson(colorCodeToRgbs(artinfo['selectedcolor']), artinfo['pattern_art_id'], filename, '2px #FFFFFF')}' color_id="${artinfo['selectedcolor']}" art_id="${artinfo['pattern_art_id']}" is_single="true" title="${artinfo['family']} - ${artinfo['name']} - ${artinfo['pattern_art_id']}" id="colorizable_div_selected" part="swatch" class="color_icon selected" style="margin: auto; width: 200px; height: 155px; border: 0px !important;"></div>
        <br><div class="buttonwrapper"><span id="keepthiscolor_button" style="margin: 20px auto;" class="pipbutton solidpipbutton width4">Keep This Color</span></div>
        {{/if}}
        
        {{if num_cats > 1}}
        <div id="page_title_instructions" class="store_text_color_1" style="display:none">
            {{tmpl "#templates_awesomethis_more_colors_button"}} 
        </div>
        <div id="choose_color" class="middle">
            <div id="dropdown" class="dropdown">
              <div id="color_button_container"><div id="color_button" class="dropbtn noborder button_outer store_text_color_1">Artist Favorites &nbsp;<i id="arrow" class="fa fa-chevron-down"></i></div><div style="display: inline-block"><!--input type="checkbox" id="invert_checkbox" />&nbsp;Invert&nbsp;Colors--></div>
              <div class="dropdown-content colors"></div>
            </div>
        </div>
        {{/if}}
    </div>

    <div id="color_group_details">
        <div id="color_group_details_slider"></div>
    </div>
    
{{if getExperience()['devicetype'] != 'kiosk'}}    
    {{tmpl "#templates_awesomethis_more_colors_button"}} 
{{/if}}
    
</div>

</script>


<!-- FILENAME: paparte/templates/awesomethis_pop_item.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_pop_item">
<div class="row" style="padding: 0 20px 10px; font-size:16px;text-align:left">
${intro}
<br>
{{html description}}
</div>
<div class="row">
    <div class="six columns">
        <div>
            <img border=0 style="max-height:380px" src="${product_image}"></img>
        </div>
        {{if (pattern) }}
        <div class="design_name">
            Design Name: ${pattern}
        </div>
        {{/if}}
    </div>
    <div class="six columns">    
        {{html price}}
    
        <div id="buttons">
            <span id="btn_addtocart" data-personalizationid="${item_id}" class="btn_addtocart pipbutton solidpipbutton width4 shareable">Add to Cart</span>
            <br>                
            <span id="btn_makecopy" data-personalizationid="${item_id}" class="btn_makecopy pipbutton solidpipbutton width4 shareable">Make One Like This</span>
            <br>
            <span id="btn_makenew" data-product_id="${sku}" class="btn_makenew pipbutton solidpipbutton width4">Design My Own</span>
            <br>            
            <span id="btn_close" class="pipbutton solidpipbutton width4">Close</span>
            <br>
        </div>      
    
    </div>
</div>    
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_footerbanner.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_footerbanner">
<!--
include when ready "#templates_awesomethis_footerbannerTAG"
-->

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/texttool.tpl -->
<script type="x-jquery-tmpl" id="templates_texttool">
<div proofablepart="toolcontainer">
    <table cellpadding=0 cellspacing=0 border=0 class=texttool proofablepart="texttool" height="36">
        <tr>
            <td height="42" class="toollabel" valign="top" align="left"><div style="padding-top:12px;">${label}</div></td>
            <td height="42" width={{if selecting == 'alignment'}}400{{else selecting == 'font' || selecting == 'color'}}400{{else}}180{{/if}} class="toolvalue" part="toolvalue" valign="middle" align="right"></td>
        </tr>
        {{if tooltip}}
            <tr><td colspan=2 class="tooltip">{{html tooltip}}</td></tr>
        {{/if}}

    </table>
</div>


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_footerbannerTAG.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_footerbannerTAG">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/bag-tag-promo-banner-mobile.jpg' : '/static/paparte/images/promo/at_home/bag-tag-promo-banner-desktop.jpg'),''}
{{if getExperience()['is_ecommerce'] && "pop_promo" in GLOBALS['store_info']['store_record'] && GLOBALS['store_info']['store_record']['pop_promo']=="TAG"}}
<hr class="cart" style="margin-bottom:20px">
<div class="row">
    <div class="twelve columns promoblock">
    <img id="poptag" onclick="pop_tag_promo()" style="cursor:pointer" src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlineindenttool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlineindenttool">
<table width="100%" cellpadding=0 cellspacing=0 border=0>
<tr><td align="right" width="190" part="lineindent">{{tmpl({'height':'36px','width':'160px','images':'plusminus'}) "#templates_imagescroller"}}</td></tr>
</table>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinesimplefonttool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinesimplefonttool">
<div><table width="100%" part="fontselector" value="${widget['value']}"><tr>
    <td style="border: 1px solid #DDDDDD; width: 150px;">
        <img part="currentfontimage" src="/static/images/fonts/${widget['value']}.gif" width=100%>
    </td>
    <td>
        <div class="idwbutton solidbutton">Change Font</div>
    </td>
</tr></table></div>
</script>


<!-- FILENAME: paparte/templates/pipgotfotospage.tpl -->
<script type="x-jquery-tmpl" id="templates_pipgotfotospage">
<div id="page_title" class="store_text_color_1">
    <span class="standard">Upload Your</span><span class="heavy">{{if disposition == 'artwork'}}Art or Logo{{else}}Photo{{/if}}</span>
</div>

<div id="upload_photo">

    <div class="get_photo_main">

            <div class="get_photo_sub upload_page_tall">
              <span class="upload_ix">1</span>  
              <div class="upload_photo_txt">Open the internet<br>on your phone</div>
            </div>
            <div class="get_photo_sub upload_page_tall">
                <img class="rotateme" height="280" src="/static/paparte/images/help/phoneimage.png">
            </div>

    </div>    
        
    <div class="get_photo_main">
        
        <div class="get_photo_sub upload_page_tall">
              <span class="upload_ix">2</span>
              <div class="upload_photo_txt_bold site_color">Go to<br><span class="heavy">GOTFOTOS.COM</span></div>
        </div>
        
        <div class="get_photo_sub upload_page_tall">
            <img class="rotateme" height="280" src="/static/paparte/images/help/phoneimage2.png">
        </div>
        
    </div>        

    <div class="get_photo_main">
        <div class="get_photo_sub upload_page_tall">
              <span class="upload_ix">3</span>
              <div class="upload_photo_txt">Enter this unique<br>6-letter code</div><br>
              <div style="padding-top:20px">
                <span class="button upper_case" id="photocode">${photo_code}</span>
             </div>
        </div>
        
        <div class="get_photo_sub upload_page_tall">
            <div class="keep_screen_note">
                <div><img src="${getSpinnerImage()}"></div>
                <div>Keep this page on the screen while waiting for the photo to pop up.</div>
            </div>
        </div>

    </div>    
    
    <center><p><hr /></center>
    
    <div class="get_photo_main">
        <div class="get_photo_sub upload_page_tall">
              <span class="upload_ix" style="font-size: {{if getExperience()['devicetype']=='kiosk'}}45px{{else}}35px{{/if}};">OR</span>
              <div class="upload_photo_txt">Scan this QR code</div><br>
        </div>
        
        <div class="get_photo_sub upload_page_tall">
            <img width=200 height=200 id="gotfotosqrcode" src="${qrcode}" />
        </div>

    </div>    
</div>    

</script>


<!-- FILENAME: paparte/templates/pop_email_formTAG3.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formTAG3">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}
#fauxpopup.confirmation_popup #fauxpopup-contents {
    padding-top: 0px;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding: 0px;
    font-size: 30px;
}

#fauxpopup.confirmation_popup .fauxpopup-title-text {
    color: white; 
    font-family:'Poppins Regular';
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    background: none;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 320px;
    font-size: 24px;
    margin: 6px 8px;
    line-height: 36px;
    height: 36px;    
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

#fauxpopup-header-bar { display:none }

[devicetype="phone"] input.pop_form {
    margin: 8px;
}    

.show_content.is_preview {display:none}
.show_content.non_preview {display:block}
[page="paparte_page_preview"] .show_content.is_preview {display:block}
[page="paparte_page_preview"] .show_content.non_preview {display:none}
</style>
<div id="form_pop_email">
    <div class="fauxpopup-title-text show_content non_preview" style="color:#FFF">Get 2 free bags tags!</div>
    <div class="fauxpopup-title-text show_content is_preview" style="color:#FFF">Save Your Work!</div>
    <div class="subhead" style="display:block;">
        <div class="show_content non_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
        Personalize them any way you like.
        </div>
        <div class="show_content non_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
        Sign up now! You will get special deals, offers, exclusive coupons and more.
        </div>
        <div class="show_content is_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
            Enter your email and we will save your design. 
        </div>
        <div class="show_content is_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
            We will send you email with a link to your cart, special deals and a code for two free bag tags! 
        </div>        
    </div>
    <form id="pop_email" name="pop_email">
    <input type="text" class="pop_form" name="email" autocomplete="off" placeholder="Email Address*">
    <input type="text" class="pop_form" name="name" autocomplete="off" placeholder="First Name">    
    </form>
    <div style="margin:0 auto; padding:0 6px 10px 6px">
        <div id="pop_error_msg" class="error_msg">&nbsp;</div>
        <div class="small">
            By providing us with your email you agree to our <a target="_blank" href="/privacy_policy">privacy policy</a> and <a target="_blank" href="/terms_of_use">terms of use</a>.
        </div>
    </div>
</div>    
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textaddlinetool.tpl -->
<script type="x-jquery-tmpl" id="templates_textaddlinetool">
<table width="100%" cellspacing=5 cellpadding=0 border=0 part="addlinetool"><tr>
    {{if numlines > 1}}
    <td align="center" width="33%" part="addlinebutton" class="removeline" valign="top">
        <div class="idwbutton solidbutton" style="{{if getExperience()['devicetype']=='phone'}}width: 90%;{{/if}}margin:0px;padding:0px;height:40px;"><table border=0 cellspacing=5 height=40 width=100%><tr><td width={{if getExperience()['devicetype']=='phone'}}20{{else}}40{{/if}} height=40 align=center valign=middle><img valign="middle" src="{{if getExperience()['devicetype']=='kiosk'}}${skin_img('kiosk_trashcan.png')}{{else}}${skin_img('trashcan.png')}{{/if}}" height="20" border=0 /></td><td align=center valign=middle height=40>Delete<br>Line</td></tr></table></div>
    </td>
    {{/if}}
    {{if numlines < text['maxlines']}}
    <td align="center" width="34%" part="addlinebutton" class="addlineabove" valign="top">
        <div class="idwbutton solidbutton" style="{{if getExperience()['devicetype']=='phone'}}width: 90%;{{/if}}margin:0px;padding:0px;height:40px;"><table border=0 cellspacing=5 height=40 width=100%><tr><td width={{if getExperience()['devicetype']=='phone'}}20{{else}}40{{/if}} height=40 align=center valign=middle><img valign="middle" src="{{if getExperience()['devicetype']=='kiosk'}}${skin_img('kiosk_addlineabove.png')}{{else}}${skin_img('addlineabove.png')}{{/if}}" height="20" border=0 /></td><td align=center valign=middle height=40>Add New<br>Line Above</td></tr></table></div>
    </td>
    <td align="center" width="33%" part="addlinebutton" class="addlinebelow" valign="top">
        <div class="idwbutton solidbutton" style="{{if getExperience()['devicetype']=='phone'}}width: 90%;{{/if}}margin:0px;padding:0px;height:40px;"><table border=0 cellspacing=5 height=40 width=100%><tr><td width={{if getExperience()['devicetype']=='phone'}}20{{else}}40{{/if}} height=40 align=center valign=middle><img valign="middle" src="{{if getExperience()['devicetype']=='kiosk'}}${skin_img('kiosk_addlinebelow.png')}{{else}}${skin_img('addlinebelow.png')}{{/if}}" height="20" border=0 /></td><td align=center valign=middle height=40>Add New<br>Line Below</td></tr></table></div>
    </td>
    {{/if}}
</tr></table>


</script>


<!-- FILENAME: paparte/templates/piptilingpage.tpl -->
<script type="x-jquery-tmpl" id="templates_piptilingpage">
${( $data.txt_cnt = ( (maxresources - resources.length) == 2) ? "1 or " : ( (maxresources - resources.length) > 2) ? "1 to " : ""),''}

<div id="page_title" class="store_text_color_1">
    <span class="standard">Create Your</span><span class="heavy">Pattern</span>
</div>

<div align=center>
    <div id="tiling_note" class="tiling_note store_text_color_1">
        {{if resources.length < minresources}}
            You must add ${minresources - resources.length} more ${pluralize('photo(s) or caption(s)', minresources - resources.length)} <span class="next_line">to tile with your pattern <!--below--></span>
        {{else resources.length < maxresources}}
            You can add ${txt_cnt}${maxresources - resources.length} more ${pluralize('photo(s) or caption(s)', maxresources - resources.length)} <span class="next_line">to tile with your pattern <!--below--></span>
            or select <b>All Done</b> to make a pattern out of what you have.
        {{else}}
            <div id="tiling_edit_all">Edit your photos or captions <span class="next_line">or select <b>All Done</b> to proceed</span></div>
        {{/if}}
    </div>
    <div id="tiling_edit_one" class="tiling_note store_text_color_1">Choose your photo or caption</div>
    <div id="tiling_note_init" class="tiling_note store_text_color_1">
        Personalize with up to ${maxresources} photos or captions <span class="next_line">which will be tiled into a pattern</span>
    </div>            
</div>


<div class="pattern_row">    
  
    <div class="ilb pattern_ilb_edit">
        <div id="tileeditor"></div>
    </div>

</div>

<div id="test_bottom" align="center">
    <div class="buttonwrapper"><span id="test_bottom2" class="pipbutton solidpipbutton cp_done_button" part="nextstepbutton">Next &#x226B;</span></div>
</div>    

</script>


<!-- FILENAME: paparte/templates/buildeditablecaption.tpl -->
<script type="x-jquery-tmpl" id="templates_buildeditablecaption">
<style>
.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
}
#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}
</style>

<div id="page_title" class="store_text_color_1">
    {{if basejob}}
    <span class="standard">Enter Your</span><span class="heavy">Text</span>
    {{else}}
    <span class="standard">Position Your</span><span class="heavy">Caption</span>
    {{/if}}
</div>

<div class="row" id="captioneditor" style="text-align:center; padding:10px 0; width: 100%;"></div>



</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/pop_feedback_formconfirm.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_feedback_formconfirm">
<style>
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
    <div class="subhead">We appreciate your feedback.</div>
</div> 
</script>


<!-- FILENAME: paparte/templates/tilingresource.tpl -->
<script type="x-jquery-tmpl" id="templates_tilingresource">
${resourcewidth=fitInBox(location['width'], location['height'], Math.min($(document).width()-150, 940), 250)[0],resourceheight=fitInBox(location['width'], location['height'], Math.min($(document).width()-150, 940), 250)[1],''}
${arrowwidth=getExperience()['devicetype']=='phone'?60:95,''}

<table class="tilingresource_table" width="${resourcewidth + 2*arrowwidth}px" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td width="${arrowwidth}" part="goleft" align="left" valign="middle">
            <div style="width: ${arrowwidth-5}px; height: ${resourceheight}px;position: relative; overflow: hidden;{{if context == 'fullcoveragecp'}}display: none;{{/if}}">
                <div id="leftarrowcontext" style="width:${arrowwidth-5}px;height:${fitInBox(resourcewidth,resourceheight,arrowwidth-5,arrowwidth-5)[1]}px;position:absolute;opacity: 1;left:0px;top:0px;"></div>
                <img style="z-index: 2; position: absolute; left:0px;top:0px;" src="${skin_img('goleft.png')}" width=${arrowwidth-5} height="${resourceheight}">
            </div>
        </td>
        <td part="resource" width="${resourcewidth}" align="center" valign="middle">
            <div style="position: relative; width: ${resourcewidth}px; height: ${resourceheight}px;" part="resourcecontainer">
            {{tmpl "#templates_tile"}}
            </div>
        </td>
        <td width="${arrowwidth}" part="goright" align="right" valign="middle">
            <div style="width: ${arrowwidth-5}px; height: ${resourceheight}px;position: relative; overflow: hidden;{{if context == 'fullcoveragecp'}}display: none;{{/if}}">
                <div id="rightarrowcontext" style="width:${arrowwidth-5}px;height:${fitInBox(resourcewidth,resourceheight,arrowwidth-5,arrowwidth-5)[1]}px;position:absolute;opacity: 1;left:0px;top:0px;"></div>
                <img style="z-index: 2; position: absolute; left:0px;top:0px;" src="${skin_img('goright.png')}" width=${arrowwidth-5} height="${resourceheight}">
            </div>
        </td>
    </tr>
    {{if context != 'fullcoveragecp'}}<tr><td colspan=3 id="tile_n_of_m">Editing Tile ${index} of ${len}</td></tr>{{/if}}
    {{if context != 'fullcoveragecp'}}<tr><td colspan=3 id="tile_n_of_m">Any empty tiles will be filled with copies of what you've entered already.</td></tr>{{/if}}
    <tr>
        <td colspan=3 style="vertical-align:top;">
                <img class="ilb resource_btn_edit" src="${skin_img('editresourcebutton.png')}" part="editcaptionbutton" />
                <img class="ilb resource_btn_edit" src="${skin_img('editresourcebutton.png')}" part="editphotobutton" />
                    <img class="ilb resource_btn_edit" src="${skin_img('deleteresourcebutton.png')}" part="deletephotobutton" />
                    <img class="ilb resource_btn_edit" src="${skin_img('deleteresourcebutton.png')}" part="deletecaptionbutton" />
                    <img class="ilb resource_btn_edit" src="${skin_img('addresourcebutton.png')}" part="addresourcebutton" />
        </td>
    </tr>
</table>
    <div class="ilb" align="center">    
        <div class="buttonwrapper"><span part="addphotobutton" class="pipbutton solidpipbutton bigbutton cp_mod_button">Add a photo</span></div> <br>
        <div class="buttonwrapper"><span part="addcaptionbutton" class="pipbutton solidpipbutton bigbutton cp_mod_button">Add a caption</span></div> <br>
        <div class="addyourtextbutton newfeature"><a title="Now you can create and colorize your own caption text!">* NEW FEATURE</a></div>
        <div class="buttonwrapper"><span part="addyourtextbutton" base="blank" class="addyourtextbutton pipbutton solidpipbutton bigbutton cp_mod_button">Add your text</span></div> <br>
        <div class="buttonwrapper"><span part="deleteresourcebutton" class="pipbutton solidpipbutton bigbutton cp_mod_button">Cancel</span></div> 
        {{tmpl({"button": true}) "#templates_designhelpbutton"}}
    </div>
<!--    
    <tr>
        <td colspan=2>&nbsp;</td>
        <td colspan=3><img style="" part="addresourcebutton" src="/static/paparte/images/addresourcebutton.png" /></td>    
    </tr>    
-->    
<!--</table>-->

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/kiosk_timeout_popup.tpl -->
<script type="x-jquery-tmpl" id="templates_kiosk_timeout_popup">
<div>
    Touch Yes to stay on this screen.
    <br/>Touch No to start over
    <br/>You will lose any edits you've made.
    <h2 class="popup_timer">&nbsp;</h2>
</div>    
</script>


<!-- FILENAME: paparte/templates/paparte_page_product_art.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_product_art">
<style type="text/css">
.pat_cat_desc {
    color: #0083AC;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 300px;
    text-align: center;
    margin-bottom: 20px;
}
[devicetype=phone] .pat_cat_desc {
    width: 100% !important;
}
</style>

{{if false && getExperience()['devicetype'] != 'kiosk' && getExperience()['skinname'] == 'base'}}
    {{tmpl "#templates_awesomethis_shopone"}}
{{/if}}
<div id="page_title" class="store_text_color_1" style="margin-bottom: 15px;"><span class="standard">Choose Your {{if getArtType() == 'paparte'}}Background{{else}}Pattern{{/if}} {{if !(getHashParam('filter_art'))}}Type{{/if}}</span></div>

<center>
{{if !(getHashParam('filter_art')) && getExperience()['devicetype'] != 'phone'}}<div style="width: 100%; display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start;">{{/if}}
    ${artinfo=getArtInfo(),''}
    {{if artinfo && artinfo['pattern_art_id'] != '000'}}
        <div style="width: 330px; display: block;">
            ${filename='/static/paparte/images/patterns/200/p'+artinfo['pattern_art_id']+'_'+(getLayoutInfo()?getLayoutInfo()['suffix']:'b')+'.png', ''}
            <div 
                type="colorizable" 
                color='${makeSvgJson(colorCodeToRgbs(artinfo['selectedcolor'] || artinfo['colors'][0]), artinfo['pattern_art_id'], filename, '2px #FFFFFF')}' 
                color_id="${artinfo['selectedcolor'] || artinfo['colors'][0]}" 
                art_id="${artinfo['pattern_art_id']}" 
                is_single="${artinfo['colors'].length==1&&!artinfo['is_2color']}" 
                title="${artinfo['family']} - ${artinfo['name']} - ${artinfo['pattern_art_id']}" 
                id="colorizable_div_selected" 
                part="swatch" 
                class="pattern_main_item selected" 
                style="margin: auto; width: 200px; height: 155px; border: 0px !important;"
            ></div>
            <div class="buttonwrapper">
                <span id="keepthispattern_button" class="pipbutton solidpipbutton width4">Keep This {{if getArtType() == 'paparte' || getArtInfo()['family'] == 'solid'}}Background{{else}}Pattern{{/if}}</span>
            </div>
        </div>
    {{/if}}
    
    {{if ['is_2color','is_1color'].indexOf(getHashParam('filter_art'))>-1}}
        <div class="buttonwrapper">
            <span id="changecolor_button" art_id="${artinfo && artinfo['selectedcolor'] && artinfo['selectedcolor'].length==4?artinfo['pattern_art_id']:'000'}" class="pipbutton solidpipbutton twolinebutton">{{if artinfo['selectedcolor']}}Change{{else}}Choose{{/if}} Colors</span>
        </div>
    {{/if}}

    {{if num_4color>0}}
        {{if !(getHashParam('filter_art'))}}<div class="pat_cat_desc">{{/if}}
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton {{if getHashParam('filter_art') == 'is_4color'}}strongselected{{/if}}" type="filter_art" filter="is_4color">Backgrounds in<br>Artists Colors</span></div>
            
        {{if !(getHashParam('filter_art'))}}<br>These colorful backgrounds are perfect just the way they are!</div>{{/if}}
    {{/if}}
    {{if num_2color>0}}
        {{if !(getHashParam('filter_art'))}}<div class="pat_cat_desc">{{/if}}
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton {{if getHashParam('filter_art') == 'is_2color'}}strongselected{{/if}}" type="filter_art" filter="is_2color">Backgrounds in<br>Your Colors</span></div>
        {{if !(getHashParam('filter_art'))}}<br>These background are perfect in any colors you choose.</div>{{/if}}
    {{/if}}
    {{if getArtType() == 'paparte'}}
        {{if !(getHashParam('filter_art'))}}<div class="pat_cat_desc">{{/if}}
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="convert_pattern_to_photo">Your Photo<br>Background</span></div>
        {{if !(getHashParam('filter_art'))}}<br>Use your photo as the background.</div>{{/if}}
    {{/if}}
{{if !(getHashParam('filter_art')) && getExperience()['devicetype'] != 'phone'}}</div>{{/if}}
</center>

{{if getHashParam('filter_art')}}
    {{if getExperience()['devicetype'] != 'kiosk'}}
    <!--div id="pattern_favs" class="store_text_color_1" style="text-align:center">
        <div style="display:inline-block">&nbsp;</div>
        <div id="show_favs" class="show_favs show_favs_link"><span class="hover_ul">Show Favorites</span></div>
        <div id="show_all_patterns" class="show_all_patterns show_favs_link" style="display:none;"><span class="hover_ul">Show All</span></div>
        <div id="show_favs_sep" class="show_favs_sep">&nbsp;&#9679;&nbsp;</div>    
        <div id="clear_favs" class="clear_favs show_favs_link"><span class="hover_ul">Clear Favorites</span></div>
        <div style="display:inline-block">&nbsp;</div>
    </div-->

    <div id="no_pattern_favs" style="text-align:center; display:none; font-size:30px;">
        <div>Click on the&nbsp;<div class="heart" style="display:inline-block" title="Add to favorites"></div>'s&nbsp;to add to your favorites!</div>
    </div>
    {{/if}}
{{/if}}
<div class="main_div" id="middle_frame">
    <div id="patterns_outer">
        <div id="pattern_slider"></div>
    </div>
</div>

{{if getExperience()['devicetype'] != 'kiosk' && getHashParam('filter_art')}}
<div id="pattern_favs2" style="text-align:center">
    <div style="display:inline-block">&nbsp;</div>
    <div id="show_favs" class="show_favs show_favs_link"><span class="hover_ul">Show Favorites</span></div>
    <div id="show_all_patterns" class="show_all_patterns show_favs_link" style="display:none;"><span class="hover_ul">Show All</span></div>
    <div id="show_favs_sep" class="show_favs_sep">&nbsp;&#9679;&nbsp;</div>    
    <div id="clear_favs" class="clear_favs show_favs_link"><span class="hover_ul">Clear Favorites</span></div>
    <div style="display:inline-block">&nbsp;</div>
</div>    
{{/if}}

</script>


<!-- FILENAME: paparte/templates/paparte_page_intro - Copy.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_intro - Copy">
<div id="intro_header">
    What would you like to awesome today?
</div>

<div id="intro_sub_header">
    Personalize an awesome gift online - get it in store
</div>

<div id="intro_body">
    Awesome THIS! makes it easy to design the perfect gift for every occasion with names, initials, monograms, hundreds of designs, captions & sayings and even photos!
</div>

<div id="landing_image">
{{if getExperience()['devicetype'] == 'phone'}} 
    <div>
        <div id="enter_button" class="button pink_button">Get Started</div>
        <br>
        <div>
            <image class="enter_site" src="/static/paparte/images/landing_mobile.jpg" style="width:100%; max-width:500px">
        </div>    
    </div>    
{{else}}
    <div id="intro_landing_image_over">
        <div id="enter_button" class="button pink_button abs">Get Started</div>
        <image class="enter_site" id="desktop_landing_image" src="/static/paparte/images/landing_desktop.jpg" width="100%">
    </div>
{{/if}}
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/pop_privacy_policy.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_privacy_policy">
<div class="pop_small">
    <div>This privacy policy has been compiled to better serve those who are concerned with how their 'Personally Identifiable Information' (PII) is being used online. PII, as described in US privacy law and information security, is information that can be used on its own or with other information to identify, contact, or locate a single person, or to identify an individual in context. Please read our privacy policy carefully to get a clear understanding of how we collect, use, protect or otherwise handle your Personally Identifiable Information in accordance with our website.</div>
    <div><h4>What personal information do we collect from the people that visit our blog, website or app?</h4></div>
    <div>When ordering or registering on our site, as appropriate, you may be asked to enter your name, email address, mailing address, phone number, credit card information or other details to help you with your experience.</div>
    <div><h4>When do we collect information?</h4></div>
    <div>We collect information from you when you place an order or enter information on our site.</div>
    <div><h4>How do we use your information?</h4></div>
    <div>We may use the information we collect from you when you register, make a purchase, sign up for our newsletter, respond to a survey or marketing communication, surf the website, or use certain other site features in the following ways:</div>
    <div><ul><li>To quickly process your transactions.</li></ul></div>
    <div><h4>How do we protect your information?</h4></div>
    <div>
        <p>We do not use vulnerability scanning and/or scanning to PCI standards.<br>
           An external PCI compliant payment gateway handles all CC transactions.<br>
           We use regular Malware Scanning.
        </p>
        <p>Your personal information is contained behind secured networks and is only accessible by a limited number of persons who have special access rights to such systems, and are required to keep the information confidential. In addition, all sensitive/credit information you supply is encrypted via Secure Socket Layer (SSL) technology.</p>
        <p>We implement a variety of security measures when a user places an order to maintain the safety of your personal information.</p>
        <p>All transactions are processed through a gateway provider and are not stored or processed on our servers.</p>
    </div>
    <div><h4>Do we use 'cookies'?</h4></div>
    <div>Yes. Cookies are small files that a site or its service provider transfers to your computer's hard drive through your Web browser (if you allow) that enables the site's or service provider's systems to recognize your browser and capture and remember certain information. For instance, we use cookies to help us remember and process the items in your shopping cart. They are also used to help us understand your preferences based on previous or current site activity, which enables us to provide you with improved services. We also use cookies to help us compile aggregate data about site traffic and site interaction so that we can offer better site experiences and tools in the future.</div>
    <div><h4>We use cookies to:</h4></div>
    <div><ul><li>Help remember and process the items in the shopping cart.</li></ul></div>
    <div>You can choose to have your computer warn you each time a cookie is being sent, or you can choose to turn off all cookies. You do this through your browser settings. Since browser is a little different, look at your browser's Help Menu to learn the correct way to modify your cookies.</div>
    <div><h4>If users disable cookies in their browser:</h4></div>
    <div>If you turn cookies off, Some of the features that make your site experience more efficient may not function properly.Some of the features that make your site experience more efficient and may not function properly.</div>
    <div><h4>Third-party disclosure</h4></div>
    <div>We do not sell, trade, or otherwise transfer to outside parties your Personally Identifiable Information.</div>
    <div><h4>Third-party links</h4></div>
    <div>We do not include or offer third-party products or services on our website.</div>
    <div><h4>California Online Privacy Protection Act</h4></div>
    <div>CalOPPA is the first state law in the nation to require commercial websites and online services to post a privacy policy. The law's reach stretches well beyond California to require any person or company in the United States (and conceivably the world) that operates websites collecting Personally Identifiable Information from California consumers to post a conspicuous privacy policy on its website stating exactly the information being collected and those individuals or companies with whom it is being shared. - See more at: <a href="http://consumercal.org/california-online-privacy-protection-act-caloppa/#sthash.0FdRbT51.dpuf" target="_blank" rel="eplinks_hrefhttp://consumercal.org/california-online-privacy-protection-act-caloppa/#sthash.0FdRbT51.dpuf noopener">http://consumercal.org/california-online-privacy-protection-act-caloppa/#sthash.0FdRbT51.dpuf</a></div>
    <div><h4>According to CalOPPA, we agree to the following:</h4></div>
    <div>Users can visit our site anonymously.</div>
    <div>Once this privacy policy is created, we will add a link to it on our home page or as a minimum, on the first significant page after entering our website.</div>
    <div>Our Privacy Policy link includes the word 'Privacy' and can easily be found on the page specified above.</div>
    <div>You will be notified of any Privacy Policy changes:</div>
    <div><ul><li>On our Privacy Policy Page</li></ul></div>
    <div>Can change your personal information:</div>
    <div><ul><li>By logging in to your account</li></ul></div>
    <div><h4>How does our site handle Do Not Track signals?</h4></div>
    <div>We honor Do Not Track signals and Do Not Track, plant cookies, or use advertising when a Do Not Track (DNT) browser mechanism is in place.</div>
    <div><h4>Does our site allow third-party behavioral tracking?</h4></div>
    <div>It's also important to note that we allow third-party behavioral tracking</div>
    <div><h4>COPPA (Children Online Privacy Protection Act)</h4></div>
    <div>
        <p>When it comes to the collection of personal information from children under the age of 13 years old, the Children's Online Privacy Protection Act (COPPA) puts parents in control. The Federal Trade Commission, United States' consumer protection agency, enforces the COPPA Rule, which spells out what operators of websites and online services must do to protect children's privacy and safety online.</p>
        <p>We do not specifically market to children under the age of 13 years old.</p>
        <p>We do not let third-parties, including ad networks or plug-ins collect PII from children under 13.</p>
    </div>    
    <div><h4>Fair Information Practices</h4></div>
    <div>The Fair Information Practices Principles form the backbone of privacy law in the United States and the concepts they include have played a significant role in the development of data protection laws around the globe. Understanding the Fair Information Practice Principles and how they should be implemented is critical to comply with the various privacy laws that protect personal information.</div>
    <div><h4>In order to be in line with Fair Information Practices we will take the following responsive action, should a data breach occur:</h4></div>
    <div>We will notify you via email</div>
    <div><ul><li>Within 7 business days</li></ul></div>
    <div>We also agree to the Individual Redress Principle which requires that individuals have the right to legally pursue enforceable rights against data collectors and processors who fail to adhere to the law. This principle requires not only that individuals have enforceable rights against data users, but also that individuals have recourse to courts or government agencies to investigate and/or prosecute non-compliance by data processors.</div>
    <div><h4>CAN SPAM Act</h4></div>
    <div>The CAN-SPAM Act is a law that sets the rules for commercial email, establishes requirements for commercial messages, gives recipients the right to have emails stopped from being sent to them, and spells out tough penalties for violations.</div>
    <div><h4>We collect your email address in order to:</h4></div>
    <div>
        <ul>
        <li>Send information, respond to inquiries, and/or other requests or questions</li>
        <li>Process orders and to send information and updates pertaining to orders.</li>
        <li>Market to our mailing list or continue to send emails to our clients after the original transaction has occurred.</li>
        </ul>
    </div>
    <div><h4>To be in accordance with CANSPAM, we agree to the following:</h4></div>
    <div>
        <ul>
        <li>Not use false or misleading subjects or email addresses.</li>
        <li>Identify the message as an advertisement in some reasonable way.</li>
        <li>Include the physical address of our business or site headquarters.</li>
        <li>Monitor third-party email marketing services for compliance, if one is used.</li>
        <li>Honor opt-out/unsubscribe requests quickly.</li>
        <li>Allow users to unsubscribe by using the link at the bottom of each email.</li>
        </ul>
    </div>
    
</div>
</script>


<!-- FILENAME: paparte/templates/paparte_nav.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_nav">
<style>
@media screen and (min-width: 480px) {
    #main-nav {
        padding: 0 12px;
    }
}
</style>

<table class="row" width="100%">
    <tr>
        <td class="main_nav_only" width="15%">
                <a href="../paparte/home.html"><img class="main_logo vert_midXX" src="images/desktop-paparte-logo.png" style="max-width:100%;height;auto"></a>
        </td>
        <td class="main_nav" width="80%">
            <nav id="main-nav" role="navigation">

            <!-- Mobile menu toggle button (hamburger/x icon) -->
            <input id="main-menu-state" type="checkbox" />
            <label class="main-menu-btn" for="main-menu-state">
              <span class="main-menu-btn-icon"></span> Toggle main menu visibility
            </label>
            <span href="home.html" class="main-menu-heading">
            <a href="home.html"><img src="images/mobile-paparte-logo.png" height="44px"></a>
            </span>
            <span href="home.html" class="main-menu-heading-r"><img src="images/cart_icon.png" height="40px"></span>

              <!-- Sample menu definition -->
              <ul id="main-menu" class="sm sm-pink">

                <li><a href="base-index.html">Shops</a>
                <ul>
                    <li><a href="base-index.html">Mens</a></li>
                    <li><a href="base-index.html">Kids</a></li>
                    <li><a href="base-index.html">Teachers</a></li>
                    <li><a href="base-index.html">Fashion</a></li>
                    <li><a href="base-index.html">Sports</a></li>
                    <li><a href="base-index.html">Holidays</a></li>
                </ul>                
                </li>
                <li><a href="base-index.html">Products</a>
                  <ul>
                        <li><a href="base-index.html">Drinkware</a></li>
                        <li><a href="base-index.html">Tech Items</a>
                        <ul>
                            <li><a href="base-index.html">Phone Cases</a></li>
                            <li><a href="base-index.html">Tablet Cases</a></li>
                            <li><a href="base-index.html">Selfie Sticks</a></li>
                            <li><a href="base-index.html">Other Tech</a></li>
                        </ul>
                        </li>
                        <li><a href="base-index.html">Stationery</a></li>
                        <li><a href="base-index.html">Housewares</a></li>
                        <li><a href="base-index.html">Travel</a></li>
                        <li><a href="base-index.html">Toys</a></li>
                  </ul>
                </li>
                <li><a href="base-index.html">Occasions</a>
                      <ul>
                        <li><a href="base-index.html">Birthday</a></li>
                        <li><a href="base-index.html">Graduation</a></li>
                        <li><a href="base-index.html">Wedding</a></li>
                      </ul>        
                </li>
                <li><a href="base-index.html">Support</a></li>
                
              </ul>
            </nav>
        </td>
            
        <td class="main_nav_only" width="5%">
            <img class="vert_midXX" style="max-width:100%;" src="images/cart_icon.png">
        </td>
    </tr>  
</table>
<hr>

</script>


<!-- FILENAME: paparte/templates/paparte_page_contact_info.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_contact_info">
<div id="page_title" class="store_text_color_1">
    <span class="standard">Personalize Your</span><span class="heavy">Product</span>
</div>
<div class="main_div" id="middle_frame">
    <div id="step1">
        <div id="contact_info_images"></div>
        <div id="contact_info_buttons_container">
            <div id="contact_info_blank" class="pipbutton solidpipbutton fntlarge">Leave Back Blank</div>
            <div id="contact_info_fill" class="pipbutton solidpipbutton fntlarge">Personalize Back</div>
        </div>
    </div>
    <div id="step2" class="hidden">
        <div id="contact_info_header">Enter contact information</div>
        <div id="contact_info_container">
            <div class="input_div">
                <input type="text" id="contact_info_FullName" field_name="name" value="" placeholder="Full Name">
            </div>
            <br class="clear">
            <div class="input_div">
                <input type="text" id="contact_info_AddressLine1" field_name="address" field_index="0" value="" placeholder="Address Line 1">
            </div>
            <br class="clear">
            <div class="input_div">
                <input type="text" id="contact_info_AddressLine2" field_name="address" field_index="1" value="" placeholder="Address Line 2">
            </div>
            <br class="clear">
            <div class="input_div">
                <input type="text" id="contact_info_AddressLine3" field_name="address" field_index="2" value="" placeholder="Address Line 3">
            </div>
            <br class="clear">
            <div class="input_div">
                <input type="text" id="contact_info_AddressLine4" field_name="address"  field_index="3" value="" placeholder="Address Line 4">
            </div>
            <br class="clear">
            <div class="input_div">
                <input type="text" id="contact_info_PhoneNumber" field_name="phone" value="" placeholder="Phone Number">
            </div>
            <br class="clear">
            <div class="input_div">
                <input type="text" id="contact_info_EmailAddress" field_name="email" value="" placeholder="Email Address">
            </div>
            <br class="clear">
        </div>
        <div id="contact_info_header2">Fields that are left blank will not be printed</div>
        <div class="pipbutton solidpipbutton fntlarge" id="contact_info_ok">OK</div>
    </div>
</div>
</script>


<!-- FILENAME: paparte/templates/tile.tpl -->
<script type="x-jquery-tmpl" id="templates_tile">
<div 
    part="cropdiv"
    style="
        position: relative; 
        width: ${resourcewidth}px; 
        height: ${resourceheight}px; 
        font-weight: bold; 
        color: #AAAAAA; 
        border: 0px solid #000000; 
        background-color: #FFFFFF; 
        display: table-cell; 
        vertical-align: middle; 
        text-align: center
    "
>

</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner20.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner20">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/discount-banner-mobile.png' : '/static/paparte/images/promo/at_home/discount-banner-1.png'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: paparte/templates/paparte_page_landing.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_landing">
{{tmpl "#templates_awesomethis_promobanner"}} 
{{tmpl "#templates_awesomethis_steps"}}
{{tmpl "#templates_awesomethis_shopone"}}
{{tmpl "#templates_awesomethis_slider_css"}}

<div class="main_div" id="middle_frame">

    <h2 id="page_title" class="store_text_color_1" style="display:none"></h2>
    <h3 id="sub_title" class="store_text_color_1" style="display:none"></h3>
    
    <div id="sample_placeholder"></div>

    <div id="product_slider_landing" class="slider">
    
        <div id="groups"></div>
        <div id="headline"></div>
        <div id="galleries">
        
            <div mbsc-page class="demo-cards mbsc-page">
                <div class="md-cards">
                    <div id="md-card-cont" class="md-card-cont"></div>
                </div>
            </div>    
                
        </div><!-- galleries -->
        
    </div>    
    
    <div id="all_products_button" class="row">
        <div class="u-full-width" align="center">
            <div id="see_all" class="pipbutton solidpipbutton fntlarge width4">See All Products</div>
        </div>
    </div>    
    
    
</div>    



<hr class="product_layout_hr">
{{tmpl "#templates_awesomethis_product_blurb"}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/pop_refund_policy.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_refund_policy">
<div class="pop_small">

    <p>Effective 5/15/2018 - 12/31/2020</p>
    
    <h4>Damaged Products</h4>

    <p>If your product arrived damaged, you have 30 calendar days to return it from the date you received it. To request a replacement due to product damage, just fill out our <a style="cursor:pointer" onclick="show_feedback_form()">Contact AwesomeThis!</a> form. Be sure to provide a description. An InScribe representative will instruct you on further actions that may be needed. Upon approval by InScribe, you will be shipped a replacement for the damaged product. You will not be charged for shipping.</p>

    <h4>Personalized Forever Guaranteed</h4>
    <p>InScribe will replace any Awesome THIS! product that we confirm by visual inspection to have defects in materials or workmanship.</p>
    <p>Damages due to normal wear and tear (e.g. fading or scratching), accidental or intentional misuse are not covered.</p>
    <p>To submit a guarantee request please fill out our <a style="cursor:pointer" onclick="show_feedback_form()">Contact AwesomeThis!</a> form. Be sure to provide description. An InScribe representative will instruct you on further actions that may be needed.
    
    <p>
    <div class="pipbutton solidpipbutton width3" onclick="show_feedback_form()">Customer Service</div>
    </p>
    
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/captionboxeditor.tpl -->
<script type="x-jquery-tmpl" id="templates_captionboxeditor">
<style>
.changefacbutton {
    background: #0083AC;
    border-radius: 10px;
    color: white;
    text-transform: capitalize; 
    font-size: 13px;
}

.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
    
}

#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}

#morefctable td {
    padding: 4px;
}

.selectselectinggroupdiv {
    box-sizing: border-box;
    border: 2px solid #0083AC;
}

.rotate90 {
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}

.dragmargin {
    position: absolute;
    width: 41px;
    height: 41px;
    z-index: 2;
}

#dragbox_margins {
    border: 2px dashed #000000;
    cursor: move;
}

.selectedcolor, .selectedshadow, .selectedrotation {
    border: 3px solid transparent;
}

.selectedcolor.selected, .selectedshadow.selected, .selectedrotation.selected {
    border: 3px solid #0083AC;
}

#test_bottom {
    margin: 20px auto;
}

#reproof.solidpipbutton {
    background-color: #FF0000;
}

#dragleft, #dragright {cursor:ew-resize;}
#dragtop, #dragbottom {cursor:ns-resize;}
#dragtopright, #dragbottomleft {cursor:nesw-resize;}
#draglefttop, #dragrightbottom {cursor:nwse-resize;}

.tabContentCell {
    /*height: 110px;*/
}


</style>
<div style="display: inline-block; width: ${getExperience()['devicetype']=='phone' ? ($(document).width() - 50)+'px' : '100%'};">
    <div id="customcaptionproof_wrapper" style="min-height:300px; display: inline-block; margin: 10px 0px; padding:0 20px;">
        <div id="proofcontainer" style="position: relative;">
            <div id="dragbox_margins"></div>
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="captionbackground" type="colorizable" color=""></div>
            <div style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="textbg" type="colorizable" color=""></div>
            <div style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="captionproof" type="colorizable" color=""></div>
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left: 0px; top: 0px;" base="/static/images/transdot.png" id="captionforeground" type="colorizable" color=""></div>
            <img style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" id="captionmask" />
            <img id="hcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${(proofsize[0]-120)/2}px; top: -30px;width: 120px;">
            <img id="vcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${proofsize[0] - 37}px; top: ${(proofsize[1]/2) - 8}px;width: 120px;" class="rotate90">
        </div>
    </div>

    <div class="editor_instructions">Drag the caption above to move it.</div>

    ${has_size=!getArea()['is_template'], ''}
    ${has_text_color=is_colorizable && ((bestcolors && bestcolors.length > 0) || (captioncolors && captioncolors.length > 1)), ''}
    ${has_shadow=Object.keys(textbgs).length > 1, ''}
    ${has_best_colors=bestcolors && bestcolors.length > 0, ''}
    ${has_best_shadow_colors=bestshadowcolors && Object.keys(bestshadowcolors).length > 0, ''}
    ${has_rotation=true,''}
    ${has_layerorder=!getArea()['is_template'],''}
    ${is_tabset=(has_size?1:0)+(has_text_color?1:0)+(has_shadow?1:0)+(has_rotation?1:0)+(has_layerorder?1:0)>1,''}

{{if is_tabset}}
    <table border="0" align="center" id="caption_editing_tools_tabset" width="100%" toptaborientation="h" cellpadding="0" cellspacing="0" style="max-width: 750px; padding: 0px; border: 0px; border-collapse: separate !important;">
        <tr>
            {{if has_size}}
                <td tabid="textsize">Caption<br>Size</td>
            {{/if}}
            {{if has_text_color}}
                <td tabid="texttools">Caption<br>Color</td>
            {{/if}}
            {{if has_shadow}}
                <td tabid="shadowtools">Shadow<br>Color</td>
            {{/if}}
            {{if has_rotation}}
                <td tabid="textrotation">Rotate</td>
            {{/if}}
            {{if has_layerorder}}
                <td tabid="layerorder">Layer<br>Order</td>
            {{/if}}
        </tr>
        <tr>
            <td colspan=3>
{{/if}}

                {{if has_size}}
                    <div tabid="textsize">
                        <table cellpadding=0 cellspacing=5 border=0 align="center">
                            <tr>
                                <td width="65" align="center"><div id="smaller_icon" class="photoeditbutton" style="text-align: center;"><img src="/static/images/zoomout.png"></div><div class="toolboxbuttontext" style="width:100%;">Smaller</div></td>
                                <td width=${getExperience()['devicetype']=='phone'?220:280} align="center" valign="top" style="padding-top: 10px;"><div style="width:${getExperience()['devicetype']=='phone'?200:260}px; height: 40px; border: 0px solid gray; display: inline-block;" id="sizeslider"></div></td>
                                <td width="65" align="center"><div id="larger_icon" class="photoeditbutton" style="text-align: center;"><img src="/static/images/zoomin.png"></div><div class="toolboxbuttontext" style="width:100%;">Larger</div></td>
                            </tr>
                        </table>
                    </div>
                {{/if}}

                {{if has_text_color}}
                    <div tabid="texttools">
                        <table>
                            <tr>
                                {{if has_best_colors}}
                                    <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                        <div style="display: inline-block; width: 80px; margin-top: 10px; vertical-align: top;" class="captioncolorselector">
                                            <div style="font-size: 14px;">
                                            {{if is_colorscheme_mode() && getBackgroundInfo()['backgroundtype'] == '2color'}}
                                                ${getBackgroundInfo()['best_colors_label']}
                                            {{else}}
                                                Best&nbsp;${pluralize("Color(s)", Object.keys(bestcolors).length)}
                                            {{/if}}
                                            </div>
                                            {{each(k,v) bestcolors}}
                                                <div style="display: inline-block;" class="selectedcolor ${captioncolor.length>0 && v == captioncolor?'selected':''}">
                                                    <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captioncolorchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}' colorcode="${v}"></div>
                                                </div>
                                            {{/each}}
                                        </div>
                                    </td>
                                {{/if}}
                                <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                    <div style="display: inline-block; margin-top: 10px; vertical-align: middle;" class="captioncolorselector">
                                        <div style="font-size: 14px;">{{if has_best_colors}}Other Colors{{/if}}</div>
                                        {{each(k,v) captioncolors}}
                                            <div style="display: inline-block;" class="selectedcolor ${captioncolor.length>0 && v == captioncolor?'selected':''}">
                                                <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captioncolorchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}' colorcode="${v}"></div>
                                            </div>
                                        {{/each}}
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                {{/if}}
                
                {{if has_shadow}}
                    <div tabid="shadowtools">
                        <table>
                            <tr>
                                {{if has_best_shadow_colors}}
                                    <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                            <div style="font-size: 14px;">
                                            {{if is_colorscheme_mode() && getBackgroundInfo()['backgroundtype'] == '2color'}}
                                                ${getBackgroundInfo()['best_colors_label']}
                                            {{else}}
                                                Best&nbsp;${pluralize("Color(s)", Object.keys(bestshadowcolors).length)}
                                            {{/if}}
                                            </div>
                                        {{each(k, v) bestshadowcolors}}
                                            <div type="textbg" style="display: inline-block;" class="selectedcolor {{if k == textbg}}selected{{/if}}" textbg="${k}">
                                                {{if k=="none"}}
                                                    <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "image", "filename": "/static/images/textbgs/noshadow.png"}]}'></div>
                                                {{else}}
                                                    <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}'></div>
                                                {{/if}}
                                            </div>
                                        {{/each}}
                                    </td>
                                {{/if}}
                                <td align="center" valign="top" style="border-right: 0px solid #0083AC;padding: 5px;">
                                    <div style="font-size: 14px;">{{if has_best_shadow_colors}}Other Colors{{/if}}</div>
                                    <div type="textbg" style="display: inline-block;" class="selectedcolor {{if k == textbg}}selected{{/if}}" textbg="none">
                                        <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "image", "filename": "/static/images/textbgs/noshadow.png"}]}'></div>
                                    </div>
                                    {{each(k, v) textbgs}}
                                        {{if k!="none"}}
                                            <div type="textbg" style="display: inline-block;" class="selectedcolor {{if k == textbg}}selected{{/if}}" textbg="${k}">
                                                <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captionshadowchoice" type="colorizable" base="" color='{"layers": [{"type": "rect", "color": "${colorCodeToRgbs(v)[0]}"}]}'></div>
                                            </div>
                                        {{/if}}
                                    {{/each}}
                                </td>
                            </tr>
                        </table>
                    </div>
                {{/if}}

                {{if has_rotation}}
                    <div tabid="textrotation">
                        <table>
                            <tr>
                                <td align="center" valign="top" style="padding: 5px;">
                                    {{each(k, v) {'0': 'No<br>Rotation', '90': 'Rotate<br>Right', '180': 'Upside<br>Down', '270': 'Rotate<br>Left'} }}
                                        <div type="textrotation" rotation="${k}" style="width: 82px; height: 95px; display: inline-block; padding: 2px;margin: 2px; font-size: 13px;" class="selectedrotation {{if parseInt(textrotation)==parseInt(k)}}selected{{/if}}">
                                            <img src="/static/images/rotations/rotate${k}.png" style="width: 60px; height: 60px; border: 1px solid black;"><br>{{html v }}
                                        </div>
                                    {{/each}}
                                </td>
                            </tr>
                        </table>
                    </div>
                {{/if}}

                {{if has_layerorder}}
                    <div tabid="layerorder">
                        <table>
                            <tr>
                                <td align="center" valign="top" style="padding: 5px;">
                                    {{each(k, v) {'top': 'Move Layer<br>To Front', 'bottom': 'Move Layer<br>To Back', 'up': 'Move Layer<br>Forward', 'down': 'Move Layer<br>Back'} }}
                                        <div type="layerorder" direction="${k}" style="width: 82px; height: 95px; display: inline-block; padding: 2px;margin: 2px; font-size: 13px;">
                                            <img src="/static/images/layerorder/layer${k}.png" style="width: 60px; height: 60px; border: 1px solid black;"><br>{{html v }}
                                        </div>
                                    {{/each}}
                                </td>
                            </tr>
                        </table>
                    </div>
                {{/if}}

{{if is_tabset}}
            </td>
        </tr>
    </table>
{{/if}}





    {{if getExperience()['devicetype'] == 'phone'}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px">
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="deletecaption">Remove Caption</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="changecaption">Change Caption</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="dupewidget">Duplicate Caption</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="savecaption">Next &#x226B;</span></div>
        </div>
    {{else getExperience()['devicetype'] == 'kiosk'}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px; width: 700px;">
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="deletecaption" style="margin: 10px; width: 400px !important;">Remove Caption</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="changecaption" style="margin: 10px; width: 400px !important;">Change Caption</span></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="dupewidget" style="margin: 10px; width: 400px !important;">Duplicate Caption</span></div>
            <div style="height: 0px; margin-top: 40px;"></div>
            <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="savecaption" style="margin: 10px; width: 400px !important;">Next &#x226B;</span></div>
        </div>
    {{else}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px">
            <table><tr>
            <td style="padding:5px;"><div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="deletecaption">Remove Caption</span></div></td>
            <td style="padding:5px;"><div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="changecaption">Change Caption</span></div></td>
            <td style="padding:5px;"><div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="dupewidget">Duplicate Caption</span></div></td>
            <td style="padding:5px;"><div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="savecaption">Next &#x226B;</span></div></td>
            </tr></table>
        </div>
    {{/if}}
</div>

































</script>


<!-- FILENAME: paparte/templates/awesomethis_product_na.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_product_na">
<div style="text-align:center">
    <div><p style="font-size:30px">Product not available at this time</p></div>
    <div><p style="font-size:24px">REF: ${ref}</p></div>
    <div id="nahomelink">
        <a href="/">
        <div class="pipbutton solidpipbutton">Homepage</div>
        </a>
    </div>    
</div>    

</script>


<!-- FILENAME: paparte/templates/awesomethis_more_colors_button.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_more_colors_button">
<div class="more_colors">
    <div class="buttonwrapper"><span class="pipbutton solidpipbutton more_col">More Colors</span></div>
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/photoboxeditor.tpl -->
<script type="x-jquery-tmpl" id="templates_photoboxeditor">
<style>
.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
    
}

#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}

.rotate90 {
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}

.dragmargin {
    position: absolute;
    width: 41px;
    height: 41px;
    z-index: 2;
}

#dragbox_margins {
    border: 3px dashed #000000;
}

#test_bottom {
    margin: 20px auto;
}


</style>
<div style="margin: auto; width: ${getExperience()['devicetype']=='phone' ? $(document).width() - 50 : 750}px;">
    <div id="photobox_wrapper" style="min-height:100px; margin: 10px 0px; padding:0 25px;">
        <div id="photoboxcontainer" style="position: relative;width:${proofsize[0]}px;height:${proofsize[1]}px;margin: auto;">
            <div id="dragbox_margins"></div>
            <div id="background" style="width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" type="colorizable" color=""></div>
            <div id="photoproof" style="position: absolute; left: 10px; top:10px; width: 200px; height: 200px;" base="/static/images/transdot.png" type="colorizable" color=""></div>
            <img id="photomask" style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" />
            <div id="foreground" style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left: 0px; top: 0px;" base="/static/images/transdot.png" type="colorizable" color=""></div>
            <img id="hcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${(proofsize[0]-120)/2}px; top: -20px;width: 120px;">
            <img id="vcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${proofsize[0] - 47}px; top: ${(proofsize[1]/2) - 8}px;width: 120px;" class="rotate90">
        </div>
    </div>
    <br>

    <div class="editor_instructions">Drag the photo above to move it.</div>

    <table align="center" id="tools_tabset" style="max-width: 600px; width: 95%; border-collapse: separate;">
        <tr><td tabid="sizeslider">Photo<br>Size</td><td tabid="layerorder">Layer<br>Order</td></tr>
        <tr><td colspan=2>
            <div tabid="sizeslider">
                <table cellpadding=0 cellspacing=0 border=0 align="center"><tr>
                    <td width=65 align="center"><div id="smaller_icon" class="photoeditbutton" style="text-align: center;"><img src="/static/images/zoomout.png"></div><div class="toolboxbuttontext" style="width:100%;">Smaller</div></td>
                    <td width=${getExperience()['devicetype']=='phone'?220:280} align="center" valign="top" style="padding-top: 10px;"><div style="width:${getExperience()['devicetype']=='phone'?200:260}px; height: 40px; border: 0px solid gray; display: inline-block;" id="sizeslider"></div></td>
                    <td width=65 align="center"><div id="larger_icon" class="photoeditbutton" style="text-align: center;"><img src="/static/images/zoomin.png"></div><div class="toolboxbuttontext" style="width:100%;">Larger</div></td>
                </tr></table>
            </div>
                <div tabid="layerorder">
                    <table>
                        <tr>
                            <td align="center" valign="top" style="padding: 5px;">
                                {{each(k, v) {'top': 'Move Layer<br>To Front', 'bottom': 'Move Layer<br>To Back', 'up': 'Move Layer<br>Forward', 'down': 'Move Layer<br>Back'} }}
                                    <div type="layerorder" direction="${k}" style="width: 82px; height: 95px; display: inline-block; padding: 2px;margin: 2px; font-size: 13px;">
                                        <img src="/static/images/layerorder/layer${k}.png" style="width: 60px; height: 60px; border: 1px solid black;"><br>{{html v }}
                                    </div>
                                {{/each}}
                            </td>
                        </tr>
                    </table>
                </div>
        </td></tr>
    </table>
    
    
    <br>
</div>
{{if getExperience()['devicetype'] == 'phone'}}
    <div id="test_bottom" class="row" align="center" style="min-height:60px">
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="deletephoto">Remove {{if disposition == 'artwork'}}<br>Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="changephoto">Edit {{if disposition == 'artwork'}}<br>Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="dupewidget">Duplicate {{if disposition == 'artwork'}}<br>Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="savephoto">Next &#x226B;</span></div>
    </div>
{{else getExperience()['devicetype'] == 'kiosk'}}
    <div id="test_bottom" class="row" align="center" style="min-height:60px; width: 700px;">
        <div class="buttonwrapper"><span style="margin: 10px; width: 400px !important;" class="cp_done_button pipbutton solidpipbutton" id="deletephoto">Remove {{if disposition == 'artwork'}}Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span style="margin: 10px; width: 400px !important;" class="cp_done_button pipbutton solidpipbutton" id="changephoto">Edit {{if disposition == 'artwork'}}Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span style="margin: 10px; width: 400px !important;" class="cp_done_button pipbutton solidpipbutton" id="dupewidget">Duplicate {{if disposition == 'artwork'}}Art or Logo{{else}}Photo{{/if}}</span></div>
        <div style="height: 0px; margin-top: 40px;"></div>
        <div class="buttonwrapper"><span style="margin: 10px; width: 400px !important;" class="cp_done_button pipbutton solidpipbutton" id="savephoto">Next &#x226B;</span></div>
    </div>
{{else}}
    <div id="test_bottom" class="row" align="center" style="min-height:60px">
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="deletephoto">Remove {{if disposition == 'artwork'}}<br>Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="changephoto">Edit {{if disposition == 'artwork'}}<br>Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="dupewidget">Duplicate {{if disposition == 'artwork'}}<br>Art or Logo{{else}}Photo{{/if}}</span></div>
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton twolinebutton" id="savephoto">Next &#x226B;</span></div>
    </div>
{{/if}}

<div class="custom_caption_text" style="display: inline-block; padding: 0; vertical-align: top;">
    <div id="captiontext"></div>
</div>


</script>


<!-- FILENAME: paparte/templates/paparte_editor.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_editor">
<div id="page_title" class="store_text_color_1">
    <span class="standard">Edit Your</span><span class="heavy product_name">Design</span>
</div>
<style type="text/css">
{{if !('wrap' in product['product'])}}${product['product']['wrap']='',''}{{/if}}
#quickproof {
    width: ${getExperience()['devicetype']=='phone'?$(document).width()-50:700}px; height: 400px;
    margin: ${product['product']['wrap'] ? '0px': '50px'} auto 50px;
}

</style>

<div class="main_div" style="position:relative;">
    {{if product['product']['wrap_amount'] == 0}}
    <img src="/static/images/${product['product']['wrap_direction']}wrap.png" style="width:300px;margin-top: 15px;"><br>
    {{else product['product']['wrap_amount'] > 0}}
    <img src="/static/images/almost${product['product']['wrap_direction']}wrap.png" style="width:300px;margin-top: 15px;"><br>
    {{/if}}
    <div id="quickproof">
    </div>
    <div class="whitespace_warning whitespace_warning_weak" style="display: none;margin: 10px;">Note: Your photo may not fill the surface of your product when printed.<br>Zoom in on the photo to ensure that your photo covers the printable area.</div>
    <div class="whitespace_warning whitespace_warning_strong" style="display: none;margin: 10px;">Note: Your photo does not fill the printable area.<br>The photo and white margins will appear on your product as shown here.</div>
    <p>
    {{if instructions}}
    <center><div style="font-size: 20px; width: {{if getExperience()['devicetype']=='phone'}}95%{{else}}650px{{/if}}; margin-top: {{if getExperience()['devicetype'] == 'kiosk'}}40px{{else}}20px{{/if}}; margin-bottom: {{if getExperience()['devicetype'] == 'kiosk'}}40px{{else}}20px{{/if}};">{{html instructions}}</div></center>
    <center>{{tmpl({"button": true}) "#templates_designhelpbutton"}}</center>
    {{/if}}
    {{if getArea()['is_template']}}
        ${buttons = editbuttons.concat(addbuttons), ''}
    {{else}}
        ${buttons = addbuttons.concat(editbuttons), ''}
    {{/if}}
    
    <center>
        {{if getArea()['is_template']}}
            <div class="buttonwrapper"><span style="width: 240px;" class="pipbutton solidpipbutton {{if getExperience()['devicetype']=='kiosk'}}cp_done_button width4{{/if}}" action="advancededitor">Advanced Editor</span><input style="visibility: hidden; width: 0px; height: 0px; display: inline-block;" id="xaddwidget_dummy_buttonx" value="Test Value"></div>
        {{else getExperience()['has_no_mouse'] }}
            <select mbsc-dropdown id="addwidget_select" data-input-style="box">
                {{each(i,button) addbuttons}}
                    <option value="${button['widgettype']}${button['subwid']?':'+button['subwid']:''}">${button['label']}</option>
                {{/each}}
            </select>
            <div class="buttonwrapper"><span style="width: 240px;{{if editbuttons.length==1 && getExperience()['devicetype']=='kiosk'}}height: 100px;{{/if}}" class="pipbutton solidpipbutton {{if getExperience()['devicetype']=='kiosk'}}cp_done_button width4{{/if}}" id="visible_addwidget_button">Add</span><input style="visibility: hidden; width: 0px; height: 0px; display: inline-block;" id="addwidget_dummy_button" value="Test Value"></div>
        {{else}}
            <div class="buttonwrapper"><span style="width: 240px;" class="pipbutton solidpipbutton" id="addwidget_button">Add</span><input style="visibility: hidden; width: 0px; height: 0px; display: inline-block;" id="xaddwidget_dummy_buttonx" value="Test Value"></div>
        {{/if}}
        
        {{if editbuttons.length==1}}
            <div class="buttonwrapper"><span style="width: 240px;{{if getExperience()['devicetype']=='kiosk'}}height: 100px;{{/if}}" class="pipbutton solidpipbutton {{if getExperience()['devicetype']=='kiosk'}}cp_done_button width4{{/if}}" action="editwidget" widgetid="${editbuttons[0]['widgetid']}" {{if 'subwid' in editbuttons[0]}}subwid="${editbuttons[0]['subwid']}"{{/if}}>${editbuttons[0]['label']}</span><input  style="visibility: hidden; width: 0px; height: 0px; display: inline-block;" id="xeditwidget_dummy_buttonx" value="Test Value"></div>
        {{else getExperience()['has_no_mouse'] }}
            <select mbsc-dropdown id="editwidget_select" data-input-style="box">
                {{each(i,button) editbuttons}}
                    <option value="${button['widgetid']}${button['subwid']?':'+button['subwid']:''}" {{if i==0}}selected{{/if}}>${button['label']}</option>
                {{/each}}
            </select>
            <div class="buttonwrapper"><span style="width: 240px;" class="pipbutton solidpipbutton {{if getExperience()['devicetype']=='kiosk'}}cp_done_button width4{{/if}}" id="visible_editwidget_button">Edit</span><input  style="visibility: hidden; width: 0px; height: 0px; display: inline-block;" id="editwidget_dummy_button" value="Test Value"></div>
        {{else}}
            <div class="buttonwrapper"><span style="width: 240px;" class="pipbutton solidpipbutton" id="editwidget_button">Edit</span><input style="visibility: hidden; width: 0px; height: 0px; display: inline-block;" id="xaddwidget_dummy_buttonx" value="Test Value"></div>
        {{/if}}

        {{each(i,j) buttons}}
            <div class="buttonwrapper" style="display: none;"><span class="pipbutton solidpipbutton" action="${j['action']}" {{if 'subwid' in j}}subwid="${j['subwid']}"{{/if}} {{if 'widgetid' in j}}widgetid="${j['widgetid']}"{{/if}} {{if 'widgettype' in j}}widgettype="${j['widgettype']}"{{/if}}>{{html j['label']}}</span></div>
        {{/each}}
        <br>
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton {{if getExperience()['devicetype']=='kiosk'}}cp_done_button width4{{/if}}" style="width: 240px;" id="nextstepbutton">Done Customizing &#x226B;</span></div>
    </center>
</div>

{{if false && parseLogin()['groups'].indexOf('admin')>-1}}
<table align="center">
    <tr><td>SEO Page Title</td><td><input name="seo_page_title" id="seo_page_title" size=100 value="${item_title}"></td></tr>
    <tr><td>SEO Page Description</td><td><input name="seo_page_description" id="seo_page_description" size=100 value="${item_description}"></td></tr>
</table>
{{/if}}


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlines.tpl -->
<script type="x-jquery-tmpl" id="templates_textlines">
<!--
selecting: 'font'
availablevalues: [{'value':'atelier','label':''},{'value':'alpha','label':''},{'value':'brenner','label':''},{'value':'corsiva','label':''},{'value':'curry','label':''},...]
values: ['brenner','atelier']
labelmap: {'brenner':{'value':'brenner','label':''},'atelier':{'value':'atelier','label':''}}
value: 0
-->

<table width=100% cellpadding=0 cellspacing=0 border=0 selecting="${selecting}">
    <tr><td colspan="2" class="moreaorb">Choose ${selecting.toLowerCase()} for this line:</td></tr>
    <tr>
    {{for(i=0; i<values.length; i++)}}
        <td width=50% align="left">
            <table border=0>
                <!--tr>
                    <td width="20">&nbsp;</td>
                    <td align="center" class="aorbcolheader">${toTitleCase(selecting)} ${i + 1}:</td>
                </tr-->
                <tr>
                    <td width="20" type="radio" valign="middle"><input type="radio" name="which_${selecting}" value="${i}" {{if i==value}}checked="true"{{/if}} onchange="setaorb(event);"></td>
                    <td><span onclick="clickradio(event)" ontouch="clickradio(event)"><img src="/static/images/${selecting}s/${values[i]}.gif" height=23 valign="middle" proofablepart="aorb_${selecting}s_${i+1}" style="padding:0px 10px;"><span class="toolvaluelabel" proofablepart="aorb_${selecting}_label_${i+1}">${labelmap[values[i]]['label']}</span></span></td>
                </tr>
            </table>
        </td>
    {{/for}}
    </tr>
    {{if availablevalues.length > 2}}
    <tr>
        <td colspan=${values.length}>
            <table width=100% cellpadding=0 cellspacing=0 border=0>
                <tr onClick="aorbtooltoggle(event)">
                    <td align="left" class="moreaorb">&nbsp;More ${selecting.toLowerCase()}s</td>
                    <td align="right" toggle="+-" class="aorbexpander">+</td>
                </tr>
                <tr>
                    <td colspan=${values.length}>
                        <div proofablepart="moreaorb">
                            <div class="aorbblurb">Select two ${selecting}s below. The ${selecting}s selected will be the only ${selecting}s available on every line of this text block.</div>
                            <table width=100% cellpadding="0" cellspacing="0" border=0>
                                <tr>
                                {{for(j=0; j<values.length; j++)}}
                                    <td width="${100/values.length}%">
                                    
                                    <table border=0>
                                        <!--tr>
                                            <td width="20">&nbsp;</td>
                                            <td align="center" class="aorbcolheader">${toTitleCase(selecting)} ${j + 1}:</td>
                                        </tr-->
                                        {{for(i=0; i<availablevalues.length; i++)}}
                                        <tr type="radio">
                                            <td width="20" valign="middle"><input name="which_${selecting}s_${j+1}" value="${availablevalues[i]['value']}" type=radio{{if values[j] == availablevalues[i]['value']}} checked="true"{{/if}} onchange="setaorb(event)"></td>
                                            <td valign="middle" class="toolvaluelabel"><img valign="middle" onclick="clickradio(event)" ontouch="clickradio(event)" style="padding:5px 5px;" src="/static/images/${selecting}s/${availablevalues[i]['value']}.gif" height=23 /> ${availablevalues[i]['label']}</td>
                                        </tr>
                                        {{/for}}
                                    </table>
                                    
                                    </td>
                                {{/for}}
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    {{/if}}
</table>





{{html "<scr"+"ipt language=JavaScript type=text/javascript>"}}
function aorbtooltoggle(event){
    
    var elem = $(event.target);
    var target = $('[proofablepart=moreaorb]', elem.closest('table'));
    if(target.css('display')=='none'){
        target.css({'display':'block'});
        target.closest('table').addClass('aorbpopup');
        $('td[toggle]', target.closest('table')).html('x');
        thepopup = target.closest('.aorbpopup');
        var scrollable = thepopup.height() + thepopup.offset().top - $(window).height() - $('body').scrollTop();
        if(scrollable > 0){
            $('body').scrollTop($('body').scrollTop() + scrollable);
        }
    }else{
        target.css({'display':'none'});
        target.closest('table').removeClass('aorbpopup');
        elem.closest('td[toggle]').html('+');
    }
    check_footer();
}


{{html "</scr"+"ipt>"}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/shipping_details.tpl -->
<script type="x-jquery-tmpl" id="templates_shipping_details">
<div class="pop_small">
<span id="centralshippingnote" style="display:${display?display:'none'}">
<b>Delivery By Volunteers</b><br>
    We will ship to <span class="orgname" style="font-weight: bold;">${orgname}</span> whose volunteers will deliver at no charge to the shipping or billing address you indicated.<br><br>
</span>
    <!-- change api_info.json to match -->
    <b>Standard Shipping</b><br>
    Delivery in 5 to 10 business days<br>$ 5.99 for first item - add $1.00 for each additional item<br><br>
    <b>Premium Shipping</b><br>
    Delivery in 4 to 8 business days<br>$ 15.99 for first item - add $2.00 for each additional item<br><br>
    <b>Rush Shipping</b><br>
    Delivery in 3 to 6 business days<br>$ 29.99 for first item - add $5.00 for each additional item<br><br>
All orders will receive a confirmation email with tracking information. Standard Shipping times are estimates and are not guaranteed. If you need a guaranteed delivery time, please use Rush or Premium. Delivery times include production time plus shipping time from Awesome THIS! to your shipping address. 
<br><br>
    <b>Delivery Day Count</b><br>
    If an order is placed BEFORE 2PM on Mon-Fri, the order is received that day and the Delivery Day Count begins the following day. Example: For an order placed at Monday 10am, the first day of the Delivery Day Count is Tuesday.<br><br>
    Our weekday order cut off time is 2pm. Any order placed AFTER 2pm Mon-Fri is considered received on the following business day. The Delivery Day Count begins the day after the order is considered received. Example: For an order received Monday 3pm, the first day of the Delivery Day Count is Wednesday.<br><br>
    If an order is placed on either Saturday or Sunday, it is received on Monday. Tuesday is the first day of the Delivery Day Count. Example: For an order received at Sunday 11pm, the first day of the Delivery Day Count is Tuesday.
</div>


</script>


<!-- FILENAME: paparte/templates/paparte_page_choose_product.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_choose_product">
{{if getExperience()['devicetype'] != 'kiosk'}}

<style>
.rhs_image {
    position:absolute; 
    width:100%;   
    -webkit-transition: all 1.5s linear;
    transition: all 1.5s linear;
    opacity: 0;
}

.rhs_image:first {
    opacity: 1;
}

.product_item.fancybox.all_cat {
    border: 1px solid lightgray;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 6px 0 rgba(0, 0, 0, 0.19);
    border-radius: 6px;
    /*padding-top: 10px;*/
    height: 300px;
}


</style>
    {{tmpl "#templates_awesomethis_promobanner"}} 
    {{tmpl "#templates_awesomethis_steps"}}
    {{tmpl "#templates_awesomethis_shopall"}}
{{/if}}
<div id="page_title" class="store_text_color_1"><span class="standard">Choose a Product to</span><span class="heavy">Customize</span></div>

{{if ("X"=="Y") && (getExperience()['devicetype'] != 'kiosk')}}
        <div id="choose_color" class="middle">
            <div id="dropdown" class="dropdown">
              <div id="color_button" class="dropbtn button_outer store_text_color_1">All Products&nbsp;<i id="arrow" class="fa fa-chevron-down"></i></div>
              <div class="dropdown-content"></div>
            </div>
        </div>  
{{/if}}

<div id="middle_frame" class="main_div">
    <div id="product_slider" class="slider">
    </div>
</div>

{{if getExperience()['devicetype'] != 'kiosk'}}
    <hr class="cart">
    {{tmpl "#templates_awesomethis_home_blurb"}}
    {{tmpl "#templates_awesomethis_footerbanner"}}
{{/if}}

</script>


<!-- FILENAME: paparte/templates/pop_email_formconfirmTAG.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formconfirmTAG">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
    <div class="subhead">We sent your promo code!<br>Look out for our email from promos@awesomethis.com<br>
    If you don't see it, please check your SPAM/JUNK folder.</div>
</div> 
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesome_preview_allprods.tpl -->
<script type="x-jquery-tmpl" id="templates_awesome_preview_allprods">
<div id="all_title_${item_id}" class="all_products_slider_title" style="display:none">Use this design on another product</div>
<div id="all_${item_id}" class="md-card-cont row rflex all_products_slider" style="display:none">

{{if getExperience()['devicetype'] == "desktop"}}
    <div id=col1_${item_id} class="navcol"><span id=nav_prev_allproducts_${item_id} class="spnav"><</span></div>
{{/if}}

    <ul id="allproducts_${item_id}" class="allproducts_${item_id} demo-card dc1"></ul>
    
{{if getExperience()['devicetype'] == "desktop"}}
    <div id=col2_${item_id} class="navcol"><span id=nav_next_allproducts_${item_id} class="spnav">></span></div>
{{/if}}
    
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_blackfriday.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_blackfriday">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/50-percent-mobile-black-friday.jpg' : '/static/paparte/images/promo/at_home/50-percent-desktop-black-friday.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/fauxpopup.tpl -->
<script type="x-jquery-tmpl" id="templates_fauxpopup">
<div>
    <div id="fauxpopup">
        <table id="fauxpopup-maintable" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;background:#FFFFFF">
            {{if pop_image}}
            <tr style="font-size:0px" id="image_area"><td colspan="3" align="center" id="image_td" style="background-color:white; font-size:0px"><img onload="recenterFauxPopup()" src="${pop_image}" border=0 width=100%" style="max-width:600px"></td></tr>
            {{/if}}
            <tr id="fauxpopup-header-bar">
                <td id="fauxpopup-close-balancer"></td>
                <td id="fauxpopup-title-text" class="store_text_color_1">{{html title}}</td>
                <td id="fauxpopup-close"><div id="fauxpopup-close-icon"><div part="fauxpopup-close-1"></div><div part="fauxpopup-close-2"></div></div></td>
            </tr>
            <tr>
                <td colspan="3">
                    <div id="fauxpopup-contents" style="min-height:${height};height:unset;overflow-y:${overflowy};" class="store_text_color_2">
                    </div>
                </td>
            </tr>
        </table>
    </div>
    
    <iframe id="fauxpopup-bgif"></iframe>
    <div id="fauxpopup-overlay"></div>
    <div id="fauxpopup-buttons"></div>
</div>


</script>


<!-- FILENAME: paparte/templates/pop_email_formTAG4.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formTAG4">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}
#fauxpopup.confirmation_popup #fauxpopup-contents {
    padding-top: 0px;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding: 0px;
    font-size: 30px;
}

#fauxpopup.confirmation_popup .fauxpopup-title-text {
    color: white; 
    font-family:'Poppins Regular';
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    background: none;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 320px;
    font-size: 24px;
    margin: 6px 8px;
    line-height: 36px;
    height: 36px;    
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

#fauxpopup-header-bar { display:none }

[devicetype="phone"] input.pop_form {
    margin: 8px;
}    

.show_content.is_preview {display:none}
.show_content.non_preview {display:block}
[page="paparte_page_preview"] .show_content.is_preview {display:block}
[page="paparte_page_preview"] .show_content.non_preview {display:none}
</style>
<div id="form_pop_email">
    <div class="fauxpopup-title-text show_content non_preview" style="color:#FFF">Get 2 free bags tags!</div>
    <div class="fauxpopup-title-text show_content is_preview" style="color:#FFF">Save Your Work!</div>
    <div class="subhead" style="display:block;">
        <div class="show_content non_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
        Personalize them any way you like.
        </div>
        <div class="show_content non_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
        Sign up now! You will get special deals, offers, exclusive coupons and more.
        </div>
        <div class="show_content is_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
            Enter your email and we will save your design. 
        </div>
        <div class="show_content is_preview" style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
            We will send you email with a link to your cart, special deals and a code for two free bag tags! 
        </div>        
    </div>
    <form id="pop_email" name="pop_email">
    <input type="text" class="pop_form" name="email" autocomplete="off" placeholder="Email Address*">
    <input type="text" class="pop_form" name="name" autocomplete="off" placeholder="First Name">    
    </form>
    <div style="margin:0 auto; padding:0 6px 10px 6px">
        <div id="pop_error_msg" class="error_msg">&nbsp;</div>
        <div class="small">
            By providing us with your email you agree to our <a target="_blank" href="/privacy_policy">privacy policy</a> and <a target="_blank" href="/terms_of_use">terms of use</a>.
        </div>
    </div>
</div>    
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_fathersday3.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_fathersday3">
<style>
.promoline { background: #eee;
    padding: 7px;
    border-radius: 7px;
    margin: 4px 0 6px 0;
    font-size: 16px;
    }
.promoblockl { text-align: left }
.promoblockr { text-align: right }

@media only screen and (max-width: 550px) {
  .promoblockr { text-align: left }
}

</style>

{{if getExperience()['is_ecommerce']}}
<div class="row promoline">
    <div class="twelve columns promoblockl">
    <span class="site_color"><strong>GET IT FOR FATHER'S DAY - ORDER WITH RUSH SHIPPING BY WEDNESDAY 4 PM EST</strong></span></div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/evenmoreselecting.tpl -->
<script type="x-jquery-tmpl" id="templates_evenmoreselecting">
<table id="morefctable" cellpadding=5 border=0>
    <tr>
        <th colspan=2 class="selectselectingtitle">Choose one ${selecting} from each column.  Each line in this text area will use one of the two ${selecting}s you select below.</th>
    </tr>
    <tr>
        <td width="50%">
            <div class="selectselectinggroupdiv" id="select${selecting}0"></div>
        </td>
        <td width="50%">
            <div class="selectselectinggroupdiv" id="select${selecting}1"></div>
        </td>
    </tr>
    <tr>
        <td colspan=2>
            {{if selecting == 'font' && !evenmorelist}}
                <div id="evenmorefcbutton" class="toollabel" style="padding: 15px;">Even More ${toTitleCase(selecting)}s...</div>
            {{/if}}
            <table width=100% border=0 cellpadding=0 cellspacing=0>
                <tr>
                    <td width="50%" align="center">
                        <div id="cancelbutton" class="idwbutton hollowbutton ${getExperience()['devicetype']=='phone'?'twolinebutton':''}" style="width: 160px;">Cancel</div>
                    </td><td width="50%" align="center">
                        <div id="choosethisfcbutton" class="idwbutton solidbutton ${getExperience()['devicetype']=='phone'?'twolinebutton':''}" style="width: 160px;">Use These ${toTitleCase(selecting)}s</div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</script>


<!-- FILENAME: paparte/templates/awesomethis_browse_all.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_browse_all">
    <div id="home_all_desktop" class="row hide-mobile">
        <div id="all_desktop" class="u-full-width">
            <a href="/products"><img style="width:100%; max-width:840px" src="/static/paparte/images/home/desktop-browse-all-banner2.jpg"></a>
        </div>
    </div>
    
    <div id="home_all_mobile" class="row show-mobile no_print">
        <div id="all_mobile" class="u-full-width">
            <a href="/products"><img width="100%" src="/static/paparte/images/home/banner-mobile.jpg"></a>
        </div>
    </div> 
</script>


<!-- FILENAME: paparte/templates/awesomethis_home_secondary_school.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_home_secondary_school">

        <div class="row pad_left pad_top">
            <div class="u-full-width" style="text-align:center">
                <hr style="height:1px; margin-top: 10px">
                <p style="color: #0083AC; font-family:'Poppins Regular'; font-size:30px; margin: 20px 0 10px;">Awesome Back to School Gifts</p>
            </div>    
        </div>
        
        <div class="row pad_top">
            <div class="by_2">
                <div id="r2c1" class="three columns secondary">
                    {{tmpl({"product_code":"steelfoodjar12", "price":"$26.99", "img":"/static/paparte/images/secondary/Insulated-Steel-Food-Jar---Home-Page-Secondary-Tile.jpg", "title":"Insulated Steel Food Jar", "subtitle":"Personalized for your bundle of joy! This Sippy will not get mixed up with other sippys!"}) "#templates_awesomethis_home_secondary"}}
                </div>
                <div id="r2c2" class="three columns secondary">
                    {{tmpl({"product_code":"sb", "price":"$14.99", "img":"/static/paparte/images/secondary/Plastic-Sports-Bottle---Home-Page-Secondary-Tile.jpg", "title":"Sports Bottles", "subtitle":"Ideal for a day on the field, turf or playground. Your child will not lose this personalized bottle!"}) "#templates_awesomethis_home_secondary"}}
                </div>                
            </div>
            <div class="by_2">                
                <div id="r2c3" class="three columns secondary">
                    {{tmpl({"product_code":"journal", "price":"From $14.99", "img":"/static/paparte/images/secondary/Journal---Home-Page-Secondary-Tile.jpg", "title":"Journals", "subtitle":""}) "#templates_awesomethis_home_secondary"}}
                </div>
                <div id="r2c4" class="three columns secondary">
                    {{tmpl({"product_code":"pen", "price":"$11.99", "img":"/static/paparte/images/secondary/Pens---Home-Page-Secondary-Tile.jpg", "title":"Pens", "subtitle":"Ideal for a day on the field, turf or playground. Your child will not lose this personalized bottle!"}) "#templates_awesomethis_home_secondary"}}
                </div>                
            </div>    
        </div> 
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/paparte_page_privacy_policy.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_privacy_policy">
<h3>Our Privacy Policy</h3>
{{tmpl "#templates_pop_privacy_policy"}}
</script>


<!-- FILENAME: paparte/templates/awesomethis_trynow.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_trynow">
{{if getExperience()['is_ecommerce']}}
<!--
    <div id="home_step" class="row hide-mobile">
        <div id="steps1" class="u-full-width">
            <a href="javascript:void(0)" onclick="gotoimagehosturl('/products')"><img style="width:100%; max-width:1140px" src="/static/paparte/images/help/trynow_desktop.gif"></a>
        </div>
    </div>
    
    <div class="row show-mobile no_print">
        <div id="steps" class="u-full-width">
            <a href="/products"><img width="100%" src="/static/paparte/images/help/trynow_mobile.gif"></a>
        </div>
    </div> 
-->    
{{/if}}    
</script>


<!-- FILENAME: paparte/templates/paparte_page_choosesubproduct.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_choosesubproduct">
{{if getExperience()['devicetype'] != 'kiosk'}}
<div class="row">
    <div id="striped_box" class="six columns">

        <div class="st verticalStrip1">&nbsp;</div>
        <div class="st verticalStrip2">&nbsp;</div>

        <div id="shopall_content">
            <div class="mid">
                <h1 id="mid2" class="mid2"><span width="100%" class="product_name_">Personalized ${product['name'].split(':')[0]}</span></h1>
                <p id="mid2under" class="mid2under"><span class="product_subhead_">${product['ec_subhead']}</span></p>
            </div>
        </div>
    
    </div>
    <div id="rhs_detail_image" class="six columns">
        <div id="rhs_image_h" style="position:relative; margin:0;">
            <img class="rhs_image" width="100%" style="opacity: 1;" src="${getExperience()['image_host']}images/landing/${product['ec_image']}">
        </div>    
    </div>        
</div>
<hr class=cart>
{{else}}

<!--div id="page_title" class="store_text_color_1">     <span class="heavy product_name">${product['save_screen_name']}</span> </div>


<div class="row" id="product_image_background_container">             <div id="product_image_background" class="twelve columns" style="background-image: none;"><div class="product_image_row"><img class="product_image_single_kiosk" src="${getExperience()['image_host']}images/landing/${product['ec_image']}"></div></div>             <hr class="kiosk_layout">         </div-->
{{/if}}

<div class="page_product_details" style="display: inline-block; text-align: center; width:100%; margin: auto;">
<div class="row product_prices" style="display:none; margin: 0 auto;">
    <span class="product_price"></span>
</div>

<div id="header1" class="product_options_caption store_text_color_1" style="padding-top: 20px;">Choose Your Size</div>
{{each(subproduct_id, subproduct) subproducts}}
    <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" subproduct_id="${subproduct_id}">${subproduct['name'].split(':')[1]}</span></div>
{{/each}}
</div>
<p>
{{if getExperience()['devicetype'] != 'kiosk'}}
    <hr class="product_layout_hr">
    {{tmpl "#templates_awesomethis_product_blurb"}}
    {{tmpl "#templates_awesomethis_footerbanner"}}
{{/if}}

</script>


<!-- FILENAME: paparte/templates/customerinfo.tpl -->
<script type="x-jquery-tmpl" id="templates_customerinfo">
<div id="customerinfoform">
    <div id=pagetitle>Customer Information</div>
    <table align=center width=630 id=maintable border=0>
        <tr>
            <td id=headertext align=center colspan=2>
                <div class="headingblurb">
                    Enter the following information to complete your order.
                </div>
            </td>
        </tr>
        {{if customer_info_fields === null || customer_info_fields.indexOf('First Name') != -1}}
        <tr>
            <td class="formfieldlabel" id="firstnamelabel" colspan=2>
                First&nbsp;Name
                <div style="position: relative;">
                {{if typeof(billing_address)=='object' && 'first_name' in billing_address && billing_address['first_name'] != ''}}
                    <input type="text" ${readonly} name="first_name" field_name="first_name" id="first_name" value="${billing_address['first_name']}" style="width:95%;" class="textline blueinput" />
                {{else}}
                    <input type="text"  ${readonly} name="first_name" field_name="first_name" id="first_name" placeholder="First" style="width:95%;" class="textline blueinput" />
                {{/if}}
                </div>
            </td>
        </tr>
        {{/if}}
        {{if customer_info_fields === null || customer_info_fields.indexOf('Last Name') != -1}}
        <tr>
            <td class="formfieldlabel" id="lastnamelabel" colspan=2>
                Last&nbsp;Name
                {{if typeof(billing_address)=='object' && 'last_name' in billing_address && billing_address['last_name'] != ''}}
                    <input type="text" ${readonly} field_name="last_name" name="last_name" id="last_name" value="${billing_address['last_name']}" style="width:95%;" class="textline blueinput" />
                {{else}}
                    <input type="text" ${readonly} field_name="last_name" name="last_name" id="last_name" placeholder="Last" style="width:95%;" class="textline blueinput" />
                {{/if}}
            </td>
        </tr>
        {{/if}}
        {{if customer_info_fields === null || customer_info_fields.indexOf('Email') != -1}}
        <tr>
            <td class="formfieldlabel" id="emaillabel" colspan=2>
                Email&nbsp;Address
                {{if email_address}}
                    <input type="text" ${readonly} name="email" id="email" field_name="email" value="${email_address}" style="width:95%;" class="textline blueinput" />
                {{else}}
                    <input type="text" ${readonly} name="email" id="email" field_name="email" placeholder="address@provider.com" style="width:95%;" class="textline blueinput" />
                {{/if}}
            </td>
        </tr>
        {{/if}}
        {{if customer_info_fields === null || customer_info_fields.indexOf('Phone') != -1}}
        <tr>
            <td class="formfieldlabel" id="phonelabel" colspan=2>
                Phone&nbsp;Number
                {{if typeof(billing_address)=='object' && 'phone_1' in billing_address && billing_address['phone_1'] != ''}}
                    <input type="text" ${readonly} field_name="phone_1" name="phone_1" id="phone_1" value="${billing_address['phone_1']}" style="width:95%;" class="textline blueinput" />
                {{else}}
                    <input type="text" ${readonly} field_name="phone_1" name="phone_1" id="phone_1" placeholder="# # # - # # # - # # # #" style="width:95%;" class="textline blueinput" />
                {{/if}}
            </td>
        </tr>
        {{/if}}
        <tr>
            <td colspan=2 class=formfieldlabel align=center><i>All Fields Required</i></td>
        </tr>
        <tr>
            <td width="50%" class=formfieldlabel align="center">
                <div id=backbutton class="bluebutton button xxxtallbutton" style="width: 170px;">Back</div>
            </td>
            <td width="50%" class=formfieldlabel align="center">
                <div id=continuebutton class="bluebutton button xxxtallbutton" style="width: 170px;">Continue</div>
            </td>
        </tr>
    </table>
</div>


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/editablecaptioneditor.tpl -->
<script type="x-jquery-tmpl" id="templates_editablecaptioneditor">
<style>
.changefacbutton {
    background: #0083AC;
    border-radius: 10px;
    color: white;
    text-transform: capitalize; 
    font-size: 13px;
}

.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
    
}

#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}

#morefctable td {
    padding: 4px;
}

.selectselectinggroupdiv {
    box-sizing: border-box;
    border: 2px solid #0083AC;
}

.rotate90 {
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}

.dragmargin {
    position: absolute;
    width: 41px;
    height: 41px;
    z-index: 2;
}

#caption_proof_margins {
    position: absolute;
    z-index: 2;
    border: 1px dashed #BBBBBB;
    cursor: move;
}

.selectedcolor {
    border: 3px solid transparent;
}

.selectedcolor.selected {
    border: 3px solid #0083AC;
}

#test_bottom {
    margin: 20px auto;
}

#reproof.solidpipbutton {
    background-color: #FF0000;
}

#dragleft, #dragright {cursor:ew-resize;}
#dragtop, #dragbottom {cursor:ns-resize;}
#dragtopright, #dragbottomleft {cursor:nesw-resize;}
#draglefttop, #dragrightbottom {cursor:nwse-resize;}


</style>
<h1>XXXXXXXXXX</h1>
<div style="display: inline-block; width: ${getExperience()['devicetype']=='phone' ? ($(document).width() - 50) + 'px' : '100%'};">
    <div id="customcaptionproof_wrapper" style="min-height:300px; display: inline-block; margin: 10px 0px; padding:0 20px;">
        <div id="proofcontainer" style="position: relative;">
            <div id="caption_proof_margins" style="left: 10px; top:10px; width: 200px; height: 30px;"></div>
            {{each(k,v) dragpoints}}
            <img src="/static/images/resize_margins2.png" id="drag${k}" class="dragmargin">
            {{/each}}
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="captionbackground" type="colorizable" color=""></div>
            <div style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" base="/static/images/transdot.png" id="captionproof" type="colorizable" color=""></div>
            <img style="position: absolute; left: 0px; top: 0px; width: ${proofsize[0]}px; height: ${proofsize[1]}px;" id="captionmask" />
            <img id="hcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${(proofsize[0]-120)/2}px; top: -20px;width: 120px;">
            <img id="vcenter" src="/static/images/clicktocenter.png" style="position: absolute; left: ${proofsize[0] - 47}px; top: ${(proofsize[1]/2) - 8}px;width: 120px;" class="rotate90">
            ${usegrayback = false, ''}
            {{if usegrayback && wrapdirection == 'h'}}
                <table cellpadding=0 cellspacing=0 border=0 style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left: 1px; top: 1px;"><tr>
                    <td part="wrapmask" width="${proofsize[0]/4}" height="${proofsize[1]}">BACK OF PRODUCT</td>
                    <td id="wrapmask_transitionl" height="${proofsize[1]}" width="${proofsize[0]*0.02}"></td>
                    <td>&nbsp;</td>
                    <td id="wrapmask_transitionr" height="${proofsize[1]}" width="${proofsize[0]*0.02}"></td>
                    <td part="wrapmask" width="${proofsize[0]/4}" height="${proofsize[1]}">BACK OF PRODUCT</td>
                </tr></table>
            {{else usegrayback && wrapdirection == 'v'}}
                <table cellpadding=0 cellspacing=0 border=0 style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left: 1px; top: 1px;">
                    <tr><td part="wrapmask" width="${proofsize[0]}" height="${proofsize[1]/4}">BACK OF PRODUCT</td></tr>
                    <tr><td id="wrapmask_transitiont" width="${proofsize[0]}" height="${proofsize[1]*0.02}"></td></tr>
                    <tr><td></td></tr>
                    <tr><td id="wrapmask_transitionb" width="${proofsize[0]}" height="${proofsize[1]*0.02}"></td></tr>
                    <tr><td part="wrapmask" width="${proofsize[0]}" height="${proofsize[1]/4}">BACK OF PRODUCT</td></tr>
                </table>
            {{/if}}
        </div>
    </div>
    {{if captioncolors && captioncolors.length > 1}}
    <div style="display: inline-block; width: 380px; margin-top: 10px; vertical-align: middle;" class="captioncolorselector">
        {{each(k,v) captioncolors}}
        <div style="display: inline-block;" class="selectedcolor ${captioncolor.length>0 && colorcmp(colorCodeToRgbs(v)[0], colorCodeToRgbs(captioncolor)[0])?'selected':''}">
            <div style="margin: 2px; border: 1px solid black; width: 20px; height: 20px;" class="captioncolorchoice" type="colorizable" base="" color="${v}" colorcode="${v}"></div>
        </div>
        {{/each}}
    </div>
    {{/if}}
    {{if Object.keys(textbgs).length > 1}}
    <!--div style="display: inline-block; width: 115px; margin-top: 10px; vertical-align: middle;">
        <select id="textbgselector" width="110" type="imageselect" imagedir="/static/images/boxes" imagetype="png" maxheight="300" showlabel="false" showimage="true" style="padding-right: 5px;">
            {{each(k, v) textbgs}}
            <option value="${k}" {{if k == textbg}}selected="selected"{{/if}}>${v}</option>
            {{/each}}
        </select>
    </div-->
    {{/if}}
    <div class="pipbutton solidpipbutton" id="reproof">Update Proof</div>
    {{if getExperience()['devicetype'] == 'phone'}}
    <div id="test_bottom" class="row" align="center" style="min-height:60px">
        <div class="pipbutton solidpipbutton" id="changecaption">Change ${captiontype=='editable'?'Text':'Caption'}</div>
        <div class="pipbutton solidpipbutton" id="deletecaption">Remove ${captiontype=='editable'?'Text':'Caption'}</div>
        <div class="pipbutton solidpipbutton" id="savecaption">Next</div>
    </div>
    {{else getExperience()['devicetype'] == 'kiosk'}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px; width: 700px;">
            <div class="pipbutton solidpipbutton cp_done_button" id="changecaption" style="margin: 10px; width: 370px !important;">Change ${captiontype=='editable'?'Text':'Caption'}</div>
            <div class="pipbutton solidpipbutton cp_done_button" id="deletecaption" style="margin: 10px; width: 370px !important;">Remove ${captiontype=='editable'?'Text':'Caption'}</div>
            <div class="pipbutton solidpipbutton cp_done_button" id="savecaption" style="margin: 10px; width: 370px !important;">Next</div>
        </div>
    {{else}}
        <div id="test_bottom" class="row" align="center" style="min-height:60px">
            <div class="pipbutton solidpipbutton" id="changecaption">Change ${captiontype=='editable'?'Text':'Caption'}</div>
            <div class="pipbutton solidpipbutton" id="deletecaption">Remove ${captiontype=='editable'?'Text':'Caption'}</div>
            <div class="pipbutton solidpipbutton" id="savecaption">Next</div>
        </div>
    {{/if}}
</div>


{{if captiontype == 'editable' }}
<div class="custom_caption_text" style="display: inline-block; padding: 0; vertical-align: top;">
    <div id="captiontext"></div>
</div>
{{/if}}


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinealignmenttool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinealignmenttool">
<div>
<select width=250 type="imageselect" imagedir="/static/images/alignment" imagetype="gif" maxheight="300" showlabel="true" showimage="true" part="alignment">
    {{each(i,val) alignments}}
        <option value="${val['value']}" {{if val['value'] == alignment }}selected="selected"{{/if}}>${val['label']}</option>
    {{/each}}
</select>
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/customer_info.tpl -->
<script type="x-jquery-tmpl" id="templates_customer_info">
<div id="page_title" class="store_text_color_1"><span class="standard">Save Your</span><span id="product_name" class="heavy">Order</span></div>
<div class="main_div" id="middle_frame">
    <div id="customer_info_header">Enter the following information to save your personalization</div>
    <div part="customer_info_container">
    
    {{each fields}}
    <div class="input_div"><input type="text" id="${id}" field_name="${field_name}" {{if getExperience()['devicetype'] == 'kiosk'}} maxlength="35" {{/if}} value="${value}" placeholder="${field_name}" /></div><br class="clear" />
    {{/each}}
    
    </div>
    <div class="fields_required">All fields required</div>
    <div id="link_toc">
        By providing us with your email, you are agreeing to our <span class="pop_privacy_policy fauxlink">privacy policy</span> and <span class="pop_terms_of_use fauxlink">terms of use</span>.
    </div>
        <div part="customer_info_ok" id="customer_info_ok" class="buttonwrapper">
        {{if getExperience()['appname'] != 'infdesign' || getExperience()['devicetype'] != 'kiosk'}}
            <span class="{{if getExperience()['appname'] == 'paparte'}}pipbutton solidpipbutton{{else}}idwbutton solidbutton{{/if}} cp_done_button" id="savejustabox" style="margin: 10px; width: 500px !important;">Next &#x226B;</span>
        {{/if}}
        </div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_valentines.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_valentines">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/valentines-day-discount-banner-mobile.jpg' : '/static/paparte/images/promo/at_home/valentines-day-discount-banner-desktop.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinefontpopup.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinefontpopup">
<div id="fontpopup" style="position: relative;">
    <div class="toolpopuptitlebar">
        <div class="toolpopuptitle">Choose Font</div>
        <div part="closetoolpopupbutton">X</div>
    </div>
    <div id="fontpopupscroller">
        <div class="fontlistsectiontitle" style="width: ${size*2}px;">Current Fonts</div><!--
            ## The extra comments are here because this is inline-block - so the browser actually ##
            ## puts the spaces in.  Just like it's supposed to when assembling a line. ##
        --><div part="choosefont" value="${selectedfont}" style="width: ${size}px;" class="selected"><img src="/static/images/fonts/${selectedfont}.gif"></div><!--
        
        -->{{each(i,val) usedfonts}}<div part="choosefont" value="${val}" style="width: ${size}px;"><img src="/static/images/fonts/${val}.gif" ></div>{{/each}}<!--
        --><div  class="fontlistsectiontitle" style="width: ${size*2}px;">Recommended Fonts</div><!--
        
        -->{{each(i,val) topfonts}}<div part="choosefont" value="${val}" style="width: ${size}px;"><img src="/static/images/fonts/${val}.gif"></div>{{/each}}<!--
        
        --><div  class="fontlistsectiontitle" style="width: ${size*2}px;">More Fonts</div><!--
        -->{{each(i,val) restfonts}}<div part="choosefont" value="${val}" style="width: ${size}px;"><img src="/static/images/fonts/${val}.gif"></div>{{/each}}
    </div>
</div>
</script>


<!-- FILENAME: paparte/templates/pop_email_formTAG.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formTAG">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}
#fauxpopup.confirmation_popup #fauxpopup-contents {
    padding-top: 0px;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding: 0px;
    font-size: 30px;
}

#fauxpopup.confirmation_popup .fauxpopup-title-text {
    color: white; 
    font-family:'Poppins Regular';
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    background: none;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 320px;
    font-size: 24px;
    margin: 6px 8px;
    line-height: 36px;
    height: 36px;    
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

#fauxpopup-header-bar { display:none }

[devicetype="phone"] input.pop_form {
    margin: 8px;
}    
</style>
<div id="form_pop_email">
    <div class="fauxpopup-title-text" style="color:#FFF">Welcome to AwesomeTHIS!</div>
    <div class="subhead" style="display:block; text-align:left">
        <div style="max-width:640px; margin: 0 auto; padding: 10px 0 10px 0">
        Be creative with millions of designs and colors - you can make any product with your name, monogram, initial, text or photos in seconds. It's easy and fun, get started now!
        </div>
        <div style="max-width:640px; margin: 0 auto; padding: 0 0 10px 0">
        Enter your email below to get special codes and updates.
        </div>
    </div>
    <form id="pop_email" name="pop_email">
    <input type="text" class="pop_form" name="email" autocomplete="off" placeholder="Email Address*">
    <input type="text" class="pop_form" name="name" autocomplete="off" placeholder="First Name">    
    </form>
    <div style="margin:0 auto; padding:0 6px 10px 6px">
        <div id="pop_error_msg" class="error_msg">&nbsp;</div>
        <div class="small">
            By providing us with your email you agree to our <a target="_blank" href="/privacy_policy">privacy policy</a> and <a target="_blank" href="/terms_of_use">terms of use</a>.
        </div>
    </div>
</div>    
</script>


<!-- FILENAME: paparte/templates/awesomethis_inline_item_phone.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_inline_item_phone">
<div class="abs1" style="float:left; visibility:hidden"><a class="boxclose inlineitem" data-parent="${parent}" id="filler_boxclose_${parent}"></a></div>
<div class="abs1" style="float:right"><a class="boxclose inlineitem" data-parent="${parent}" id="boxclose_${parent}"></a></div>
<div class="row inline_name" style="font-size: 28px; text-align:center; color:#0083AC; padding-bottom:10px;">
{{if  (addtocart == "true" || addtocart == true) }}
    ${name} 
{{else}}
    ${name.split(':')[0]} 
{{/if}}
</div>  

<div class="row">
    <div class="u-full-width">
        {{if (pattern) }}
            <div class="design_name">Design Name: ${pattern}</div>
        {{/if}}
        <div>
            {{if (pagetype=="landing") }}
            <a href="/page/${page}/ic=${item_id}"><img border=0 style="height:350px !important; max-height:350px !important" src="${product_image}"></img></a>
            {{/if}}
            {{if (pagetype=="product") }}
            <a href="/sample/${item_id}"><img border=0 style="height:350px !important; max-height:350px !important" src="${product_image}"></img></a>
            {{/if}}                        
        </div>
        <div class="design_name design_price">
            {{html price}}            
        </div>
    </div>
    <div class="u-full-width">   
        <div class="intro_inline">
        ${intro}
        <br>
        {{html description}}    
        </div>
    
        <div id="buttons">
        
            <div class="big_btn_container btn_addtocart">
                <span id="btn_addtocart_${item_id}" data-sku="${sku}" data-personalizationid="${item_id}" class="btn_addtocart addtocarthide pipbutton solidpipbutton tworowsplus shareable">Buy one exactly like this</span>
            </div>
            
            <div class="big_btn_container big_btn_makenew">            
                <span id="btn_makenew_${item_id}" data-manufacturersku="${manufacturersku}" data-product_id="${manufacturersku.split('_')[0]}" class="btn_makenew pipbutton solidpipbutton tworowsplus">Create New Design</span>
            </div>
            
            <div class="big_btn_container btn_makecopy" id="big_btn_makecopy_${item_id}">           
                <span id="btn_makecopy_${item_id}" data-sku="${sku}" data-personalizationid="${item_id}" class="btn_makecopy pipbutton solidpipbutton tworowsplus shareable">Use this as a starting point to create your own</span>
            </div>
                

                <!--
                <span id="btn_close_inline_${item_id}" data-parent="${parent}" class="btn_close btn_close_inline pipbutton solidpipbutton tworowsplus">Close</span>
                -->
        {{if layout_type != 'freestyle'}}
        <!--div class="big_btn_container">     
            <span id="btn_makeproduct_${item_id}" data-personalizationid="${item_id}" class="btn_makeproduct pipbutton solidpipbutton tworowsplus shareable">Use this design on another product</span>
        </div-->
        {{/if}}

            <div class="big_btn_container btn_checkout">        
                <span id="btn_checkout_${item_id}" class="btn_checkout pipbutton solidpipbutton tworowsplus" style="margin: 10px auto; display:none;">Checkout</span>
            </div>

        </div> <!-- buttons -->      
    
    </div>
</div>    
<div id="all_${item_id}" class="md-card-cont row rflex all_products_slider" style="display:none">

{{if getExperience()['devicetype'] == "desktop"}}
    <div id=col1_${item_id} class="navcol"><span id=nav_prev_allproducts_${item_id} class="spnav"><</span></div>
{{/if}}

    <ul id="allproducts_${item_id}" class="allproducts_${item_id} demo-card dc1"></ul>
    
{{if getExperience()['devicetype'] == "desktop"}}
    <div id=col2_${item_id} class="navcol"><span id=nav_next_allproducts_${item_id} class="spnav">></span></div>
{{/if}}
    
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/paparte_page_refund_policy.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_refund_policy">
<h3>Return &amp; Refund Policy</h3>
{{tmpl "#templates_pop_refund_policy"}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_fathersday.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_fathersday">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/fathers-day-promo-banner-mobile.gif' : '/static/paparte/images/promo/at_home/fathers-day-promo-banner.gif'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <a href="/page/fathers-day"><img src="${$data.promo_image}" width="100%"></a>
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/fullpagespinner.tpl -->
<script type="x-jquery-tmpl" id="templates_fullpagespinner">
<table width="100%" id="fullpagespinner" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td height="${document.documentElement.scrollHeight}" align="center" valign="top">
        <div style="padding-top:${top_pos}px">
            <img src="${getSpinnerImage()}">
            <br>
            <div class="fullpagespinnermessage store_text_color_1">{{html text}}</div>
        </div>    
        </td>
    </tr>
    {{if $('body').height() > screen.height + 20}}
        <tr>
            <td height="${$('body').height() - screen.height}">
                &nbsp;
            </td>
        </tr>
    {{/if}}
</table>
</script>


<!-- FILENAME: paparte/templates/paparte_plain_head.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_plain_head">
<div id="store_name">
    <div id="store_name_line_1"></div>
    <div id="store_name_line_2"></div>
</div>

<div id="header_plain">

    <a href="${getCookie('paparteref')?(decodeURIComponent(getCookie('paparteref'))+(getCookie('paparteref').indexOf('index.html')>-1?'':'paparte/index.html')):'/static/paparte/index.html'}">
        <img class="paparte_header_logo" src="/static/paparte/images/awesomethis.png" style="width:100%; max-width:285px; height:auto;">
    </a>
</div>
<hr width="100%">

</script>


<!-- FILENAME: paparte/templates/photoblockpage.tpl -->
<script type="x-jquery-tmpl" id="templates_photoblockpage">
<style>
.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
}
#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}
</style>

<div id="page_title" class="store_text_color_1">
    {{if textjob}}
    <span class="standard">Edit Your</span><span class="heavy">Text</span>
    {{else}}
    <span class="standard">Position Your</span><span class="heavy">Caption</span>
    {{/if}}
</div>

<div class="row" id="captioneditor" style="text-align:center; padding:10px 0; width: 100%;"></div>



</script>


<!-- FILENAME: paparte/templates/paparte_page_newlayout.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_newlayout">
${product=getProductInfo(product_id)['product'],''}

{{if false && getExperience()['devicetype'] != 'kiosk'}}
    <div class="row">
        <div id="striped_box" class="six columns">

            <div class="st verticalStrip1">&nbsp;</div>
            <div class="st verticalStrip2">&nbsp;</div>

            <div id="shopall_content">
                <div class="mid">
                    <h1 id="mid2" class="mid2"><span width="100%" class="product_name_">Personalized ${product['name'].split(':')[0]}</span></h1>
                    <p id="mid2under" class="mid2under"><span class="product_subhead_">${product['ec_subhead']}</span></p>
                </div>
            </div>
        
        </div>
        <div id="rhs_detail_image" class="six columns">
            <div id="rhs_image_h" style="position:relative; margin:0;">
                <img class="rhs_image" width="100%" style="opacity: 1;" src="${getExperience()['image_host']}images/landing/${product['ec_image']}">
            </div>    
        </div>        
    </div>
    <hr class=cart>
{{/if}}

<div class="page_product_details" style="display: inline-block; text-align: center; width:100%; margin: auto;">
<div class="row product_prices" style="display:none; margin: 0 auto;">
    <span class="product_price"></span>
</div>

<div id="header1" class="product_options_caption store_text_color_1" style="padding-top: 20px;">Choose Your Layout</div>
{{each(layoutcode, layout) layout_list}}
    {{if layout_list[layoutcode]['show']}}
        <div create_new_item="true" part="layoutchoice" style="width:170px;height:330px;float:center;border: 3px solid #0083AC;border-radius: 8px;margin: 10px;" layout_code="${layoutcode}" layout="${layout_list[layoutcode]['layout']}" editor="${layout_list[layoutcode]['editor']}" product_code="${product_id}" class="patterns_item">
            <img style="margin: auto;" layout="${layout_list[layoutcode]['layout']}" 
            src="${layout_list[layoutcode]['preferred_image']}" 
            altsrc="${layout_list[layoutcode]['image']}" height=250 width=158><br>
            <div class="" style="font-weight: bold; color: #0083ac;">{{html layout_list[layoutcode]['label']}}</div>
        </div>
    {{/if}}
{{/each}}
</div>

{{if getExperience()['devicetype'] != 'kiosk'}}
    <hr class="product_layout_hr">
    {{tmpl "#templates_awesomethis_product_blurb"}}
    {{tmpl "#templates_awesomethis_footerbanner"}}
{{/if}}

</script>


<!-- FILENAME: paparte/templates/paparte_product_description_options.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_product_description_options">
<div class="product_detail_bottom">
    <div class="product_options_container">
        <div id="product_options_caption" class="product_options_caption"></div>
    </div>
</div>

<div class="product_middle">
    <div class="product_desc"></div>
</div>

</script>


<!-- FILENAME: paparte/templates/pip_color_slider.tpl -->
<script type="x-jquery-tmpl" id="templates_pip_color_slider">
<div id="caption_slider">
<!--pip_color_slider.tpl-->
    {{each(i, item) chunks}}
        {{if do_carousel }}
        <div class="captions_col">
        {{/if}}
        {{each item}}
            <div class="captions_item" {{if getExperience()['devicetype']=='kiosk'}}style="height: 180px;"{{/if}}>
                ${filename=caption_id.indexOf('/')!=-1?'/'+caption_id+'.png?rand='+currenttime:getExperience()['image_host']+'images/captions/180/'+caption_id.split("-")[0]+'.png',''}
                ${svgjson=putCaptionOverBgDiv(caption_id, $value[0], [], filename), ''}
                <div style="border: 1px solid #363d4c; background-color: ${svgjson['captbg']}; width:${img_size[0]}px;height:${img_size[1]}px;padding:10px;">
                    <div
                        style="width:${img_size[0]}px;height:${img_size[1]}px;margin:auto;"
                        type="colorizable"
                        base="${filename}"
                        color='${jsonstringify(svgjson)}'
                        captionid="${caption_id.split("-")[0]}"
                        colorid="${$value[0]}"
                        >
                    </div>
                </div>
                <!--<img loading="${$value[0]}" src="/static/images/captions/loading.gif" width="98">-->
                {{if (caption_display)}}
                    <div class="carousel_subhead">${$value[1]}</div>
                {{else}}
                    <div class="carousel_subhead">&nbsp;</div>
                {{/if}}
            </div>
        {{/each}}
        {{if do_carousel }}
        </div>
        {{/if}}
    {{/each}}
</div>

</script>


<!-- FILENAME: paparte/templates/pop_email_formTAG2.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formTAG2">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}
#fauxpopup.confirmation_popup #fauxpopup-contents {
    padding: 0 0 10px 0;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding: 0px;
    font-size: 30px;
}

#fauxpopup.confirmation_popup .fauxpopup-title-text {
    color: white; 
    font-family:'Poppins Regular';
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    background: none;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 320px;
    font-size: 24px;
    margin: 6px 8px;
    line-height: 36px;
    height: 36px;    
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

#fauxpopup-header-bar { display:none }

[devicetype="phone"] input.pop_form {
    margin: 8px;
}    
[devicetype="phone"] div#fauxpopup-buttons { 
    padding-bottom: 2px;
}    

[devicetype="phone"] #fauxpopup-bgif {
    height: unset;
}

.num_circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background: #0083AC;
  display: inline-block;
  margin: 1px 10px;
}

</style>
<div id="form_pop_email">
    <div id="latest_items_pop_outer" style="width:100%; margin: 0 auto; padding: 0; text-align:center; background:white;">
        <div class="fauxpopup-title-text" style="color:#0083AC; font-size: 40px;">Win a free gift!</div>
        <div style="width:95%; max-width:400px; margin: 0 auto; padding: 10px; text-align:left">
            <div class="subhead" style="color:#0083AC">
                <div class="num_circle">1</div>Enter your email below<br>
                <div class="num_circle">2</div>Design a product<br>
                <div class="num_circle">3</div>You can win every week!
            </div>
        </div>
        <div id="latest_items_pop" style="width:100%; margin: 0 auto; padding: 0; text-align:center; background:white;"></div>        
        <div style="max-width:800px; margin: 0 auto; padding: 2px; text-align:center">
            <div class="subhead" style="color:#0083AC">Recent designs</div>
        </div>        
    </div>
    <!--
    <div class="fauxpopup-title-text" style="color:#FFF">Welcome to AwesomeTHIS!</div> -->
    <div class="subhead" style="display:none; text-align:center">
        <div style="max-width:640px; margin: 0 auto; padding: 10px">
        Enter your email to get specials and updates. Create a design and you can win a $50 AwesomeTHIS! gift code.
        </div>
    </div>
    <form id="pop_email" name="pop_email">
    <input type="text" class="pop_form" name="email" autocomplete="off" placeholder="Email Address*">
    <input type="text" class="pop_form" name="name" autocomplete="off" placeholder="First Name">    
    </form>
    <div>
        <div id="pop_error_msg" class="error_msg" style="display: none; margin:0 auto; padding:0 6px 10px 6px">&nbsp;</div>
        <div class="small">
            By providing us with your email you agree to our <a target="_blank" href="/privacy_policy">privacy policy</a> and <a target="_blank" href="/terms_of_use">terms of use</a>.
        </div>
    </div>
</div>    
</script>


<!-- FILENAME: paparte/templates/buildcustomcaption.tpl -->
<script type="x-jquery-tmpl" id="templates_buildcustomcaption">
<style>
.changefacbutton {
    background: #0083AC;
    border-radius: 10px;
    color: white;
    text-transform: capitalize; 
    font-size: 13px;
}

.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
    
}

#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}

#morefctable td {
    padding: 4px;
}

.selectselectinggroupdiv {
    box-sizing: border-box;
    border: 2px solid #0083AC;
}

.rotate90 {
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}

input[type=checkbox] {
    -ms-transform: scale(1.6); /* IE */
    -moz-transform: scale(1.6); /* FF */
    -webkit-transform: scale(1.6); /* Safari and Chrome */
    -o-transform: scale(1.6); /* Opera */
    transform: scale(1.6);
}

.dragmargin {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 2;
}

#caption_proof_margins {
    position: absolute;
    z-index: 2;
    border: 1px dashed #BBBBBB;
}

.cp_text_warning {
    color: #FF0000;
    text-align: center;
    font-size: 24px;
    max-width: 600px;
    margin: auto;
}
#reproof.solidpipbutton, .reproof.solidpipbutton {
    background-color: #FF0000;
}
</style>
<div id="page_title" class="store_text_color_1">
    <span class="standard">Create Your</span><span class="heavy">Caption</span>
</div>

{{if getExperience()['devicetype'] == 'kiosk'}}
<div class="row" style="text-align:center;padding:0px 0;width: 100%;height: 1100px;overflow-y:  auto;">
{{else}}
<div class="row" style="text-align:center; padding:10px 0; width: 100%;">
{{/if}}
    <div id="customcaptionproof_wrapper" style="min-height:300px; display: inline-block; margin-top: 10px; padding:0 20px;">
        <div id="proofcontainer" style="position: relative;">
            <div><img src="/static/images/spinners/3894B4_spinner.gif" style="position: absolute; left: ${proofsize[0]>proofsize[1]?(2*proofsize[0]-proofsize[1])/4:proofsize[0]/4}px; top: ${proofsize[0]>proofsize[1]?proofsize[1]/4:(2*proofsize[1]-proofsize[0])/4}px;" width=${Math.min(proofsize[0], proofsize[1]) * 0.5} id="proofspinner" /></div>
            {{if layout == 'fullcoveragecp' && 'wrap' in getProductInfo()['product'] && getProductInfo()['product']['wrap'] == 'h'}}
                <table cellpadding=0 cellspacing=0 border=0 style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left: 1px; top: 1px;"><tr>
                    <td part="wrapmask" width="${proofsize[0]/4}" height="${proofsize[1]}">BACK OF PRODUCT</td>
                    <td id="wrapmask_transitionl" height="${proofsize[1]}" width="${proofsize[0]*0.02}"></td>
                    <td>&nbsp;</td>
                    <td id="wrapmask_transitionr" height="${proofsize[1]}" width="${proofsize[0]*0.02}"></td>
                    <td part="wrapmask" width="${proofsize[0]/4}" height="${proofsize[1]}">BACK OF PRODUCT</td>
                </tr></table>
            {{else layout == 'fullcoveragecp' && 'wrap' in getProductInfo()['product'] && getProductInfo()['product']['wrap'] == 'v'}}
                <table cellpadding=0 cellspacing=0 border=0 style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; position: absolute; left: 1px; top: 1px;">
                    <tr><td part="wrapmask" width="${proofsize[0]}" height="${proofsize[1]/4}">BACK OF PRODUCT</td></tr>
                    <tr><td id="wrapmask_transitiont" width="${proofsize[0]}" height="${proofsize[1]*0.02}"></td></tr>
                    <tr><td></td></tr>
                    <tr><td id="wrapmask_transitionb" width="${proofsize[0]}" height="${proofsize[1]*0.02}"></td></tr>
                    <tr><td part="wrapmask" width="${proofsize[0]}" height="${proofsize[1]/4}">BACK OF PRODUCT</td></tr>
                </table>
            {{/if}}
            ${filename='/static/images/transdot.png',''}
            <div id="caption_proof_margins" style="left: 10px; top:10px; width: 200px; height: 30px;"></div>
            <div style="width: ${proofsize[0]}px; height: ${proofsize[1]}px; border: 1px solid gray;" id="captionproof" type="colorizable" color='{"layers": [{"type": "spraythrough", "filename": "${filename}", "color": "#FFFFFF,#000000,#FFFFFF"}]}'></div>
            <div style="left: 0px; top: 0px; position: absolute;width: ${proofsize[0]}px; height: ${proofsize[1]}px; border: 1px solid transparent;background: transparent;"></div>
        </div>
        
        {{if getExperience()['devicetype'] != 'kiosk'}}
        <div class="row" align="center" style="padding-top: 10px; min-height:60px">
            <div class="pipbutton solidpipbutton" id="reproof">Update Proof</div>
            <div class="pipbutton solidpipbutton" id="savecaption">Next</div>
        </div>
        {{/if}}
    </div>




    <div class="custom_caption_text" style="display: inline-block; padding: 0; vertical-align:top; margin-top: 15px;">
        <div id="captiontext"></div>
        <table width=100%><tr><td width=45 rowspan=2 valign="top" align="center" style="padding-top: 8px;"><input type=checkbox {{if autosplit}}checked="checked"{{/if}} name="autosplit" id="autosplit"></td><td align="left" style="font-size: 25px;">Enable Automatic Line Splitting</td></tr><tr><td align="left">Automatic line splitting will optimize the layout of your text.</td></tr></table>
    </div>
</div>

<div class="cp_text_warning"><b>SUGGESTION:</b><br>Break your long text lines into multiple lines to make them more readable.</div>

{{if getExperience()['devicetype'] == 'kiosk'}}
<div id="test_bottom" class="row" align="center" style="min-height:60px">
    <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="reproof">Update Proof</span></div>
    <div class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="savecaption">Next &#x226B;</span></div>
</div>
{{/if}}
</script>


<!-- FILENAME: paparte/templates/pipchoosecaption.tpl -->
<script type="x-jquery-tmpl" id="templates_pipchoosecaption">
<div class="row">
    <div id="page_title" class="store_text_color_1"><span class="standard">Choose Your Caption</span></div>
    {{if 'captionid' in curr_caption && curr_caption['captionid'] && (!is_caption_colorizable(curr_caption['captionid']) || curr_caption['captioncolor'])}}
        ${img_size=250, $value=curr_caption['captionid'], ''}
        ${samplesvgjson=putCaptionOverBgDiv(curr_caption['captionid'], curr_caption['captioncolor'], [], getExperience()['image_host']+'images/captions/400/'+$value+'.png'), ''}
        <center>
        <div style="margin: 20px; border: 1px solid #363d4c; background-color: ${samplesvgjson['captbg']}; width:${img_size}px;height:${img_size}px;padding:10px;">
        <div
            style="width:${img_size}px;height:${img_size}px;"
            type="colorizable"
            color='${jsonstringify(samplesvgjson)}'
            colorid="${curr_caption['captioncolor']}"
            captionid="${$value}"
            title="Caption ${$value}"
            >
        </div>
        </div>
        <div class="buttonwrapper">
            <span class="pipbutton solidpipbutton width4" id="keep_this_caption_button">Keep This Caption</span>
        </div>
        </center>
        
        <div id="page_title_instructions" class="store_text_color_1">
            <div class="buttonwrapper more_colors">
                <span class="pipbutton solidpipbutton more_col">More Captions</span>
            </div>
        </div>
    {{else}}
        <div id="page_title_instructions" class="store_text_color_1">
            <div class="more_colors">
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton more_col">Captions Menu</span></div>
            </div>
        </div>
    {{/if}}
    <div id="choose_color" class="middle">
            <div id="dropdown" class="dropdown">
              <div id="color_button" class="dropbtn noborder button_outer store_text_color_1">Friends &amp; Family &nbsp;<i id="arrow" class="fa fa-chevron-down"></i></div>
              <div class="dropdown-content"></div>
            </div>
    </div>  
</div>
<div id="middle_frame">
    <div id="caption_slider_outer"></div>
</div>    

{{if getExperience()['devicetype'] != 'kiosk'}}    
<div style="text-align:center">
    {{tmpl "#templates_awesomethis_more_captions_button"}} 
</div>    
{{/if}}

</script>


<!-- FILENAME: paparte/templates/awesomethis_inline_item.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_inline_item">
{{if is_mobile}}
    ${$data.maxsize=350,""}
    <div class="abs1" style="float:left; visibility:hidden"><a class="boxclose inlineitem" data-parent="${parent}" id="filler_boxclose_${parent}"></a></div>
    <div class="abs1" style="float:right"><a class="boxclose inlineitem" data-parent="${parent}" id="boxclose_${parent}"></a></div>
    <div class="row inline_name">
    {{if  (addtocart == "true" || addtocart == true) }}
        ${name} 
    {{else}}
        ${name.split(':')[0]} 
    {{/if}}
    </div> 
{{else}}
    ${$data.maxsize=500,""}
    <div class="abs1"><a class="boxclose inlineitem" data-parent="${parent}" id="boxclose_${parent}"></a></div>
{{/if}}
<div class="row">
    <div class="five columns">
<!--        {{if (pattern) }}
            <div class="design_name">Design: ${pattern}</div>
        {{/if}}
-->        <div>
            {{if (pagetype=="landing" || pagetype=="page") }}
            <a href="/page/${page}/ic=${item_id}"><img border=0 style="max-width: 100% !important; max-height:${$data.maxsize}px !important" src="${product_image}"></img></a>
            {{/if}}
            {{if (pagetype=="sample" || productonly) }}
            <a href="/sample/${item_id}"><img border=0 style="max-width: 100% !important; max-height:${$data.maxsize}px !important" src="${product_image}"></img></a>
            {{else pagetype=="items" || pagetype=="for" }}
            <a href="/${pagetype}/${page}/${urlprefix}${item_id}"><img border=0 style="max-width: 100% !important; max-height:${$data.maxsize}px !important" src="${product_image}"></img></a>
            {{/if}}            
        </div>
        <div class="design_name design_price">
            <div class="pop_price">
            {{if (!(base_price==final_price))}}
                <div class="product_price popup_sale_sign_small">$${final_price}&nbsp;<span class="orig_price">$${ base_price }</span></div>
            {{else}}
            <div class="product_price">
                $${final_price}
            </div>
            {{/if}}
            </div>
        </div>
        <div>
<!--            <div class="pipbutton solidpipbutton width4" onClick="document.location = '{{if (pagetype=="landing" || pagetype=="page") }}/page/${page}/ic=${item_id}{{else pagetype=="sample" || productonly }}/sample/${item_id}{{else pagetype=="items" || pagetype=="for" }}/${pagetype}/${page}/${urlprefix}${item_id}{{/if}}';">See More Like This</div>-->
        </div>
    </div>
    <div class="seven columns">   
        {{if !is_mobile}}
            <div class="inline_name">
            {{if  (addtocart == "true" || addtocart == true) }}
                ${name} 
            {{else}}
                ${name.split(':')[0]} 
            {{/if}}
            </div> 
        {{/if}}            
        <div class="intro_inline">
	{{if (!is_mobile || pagetype=="for")}}
        ${intro}
        <br>
        {{html description}}    
	{{/if}}
        </div>
    
        <div id="buttons">

        {{if is_gng || addtocart}}        
        <div class="big_btn_container"> 
            <span style="display:table-cell" id="dropdown_btn_addtocart_${item_id}" data-sku="${sku}" data-personalizationid="${item_id}" class="btn_addtocart xaddtocarthide pipbutton solidpipbutton tworowsplus shareable">Buy one exactly like this</span>
        </div>            
        {{/if}}

        <div class="big_btn_container btn_makecopy" id="big_btn_makecopy_${item_id}">         
            <span style="display:table-cell" id="btn_makecopy_${item_id}" data-sku="${sku}" data-personalizationid="${item_id}" class="btn_makecopy pipbutton solidpipbutton tworowsplus shareable">Use this as a starting point to create your own</span>
        </div>
        
        <div class="big_btn_container xbig_btn_makenew"> 
            <span id="btn_makenew_${item_id}" data-manufacturersku="${manufacturersku}" data-product_id="${manufacturersku.split('_')[0]}" class="xbtn_makenew pipbutton solidpipbutton tworowsplus">Design your ${toTitleCase(name)} from scratch</span>
        </div>
            <!--
            <span style="display:table-cell" id="btn_close_inline_${item_id}" data-parent="${parent}" class="btn_close btn_close_inline pipbutton solidpipbutton width4">Close</span>
            -->
        {{if layout_type != 'freestyle'}}
        <!--div class="big_btn_container">     
            <span style="display:table-cell" id="btn_makeproduct_${item_id}" data-personalizationid="${item_id}" class="btn_makeproduct pipbutton solidpipbutton tworowsplus shareable">Use this design on another product</span>
        </div-->
        {{/if}}

        <div class="big_btn_container btn_checkout"> 
            <span id="btn_checkout_${item_id}" class="btn_checkout pipbutton solidpipbutton tworowsplus" style="margin: 10px auto; display:none;">Checkout</span>
        </div>    
        
        </div> <!-- buttons-->     
    
    </div>
</div>    
<div id="all_${item_id}" class="md-card-cont row rflex all_products_slider" style="display:none">
{{if !is_mobile}}
    <div id=col1_${item_id} class="navcol"><span id=nav_prev_allproducts_${item_id} class="spnav"><</span></div>
{{/if}}

    <ul id="allproducts_${item_id}" class="allproducts_${item_id} demo-card dc1"></ul>
    
{{if !is_mobile}}
    <div id=col2_${item_id} class="navcol"><span id=nav_next_allproducts_${item_id} class="spnav">></span></div>
{{/if}}
    
</div>
</script>


<!-- FILENAME: paparte/templates/awesomethis_product_blurb.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_product_blurb">
<div class="row">
    <div id="foot_note">
        <h4 id="foot_note_title" class="at_product_name store_text_color_1">
            &nbsp;
        </h4>
        <p id="foot_note_blurb">
            Personalization made easy! With Awesome THIS! you can personalize a perfect gift for any occasion and any recipient: birthdays, graduation, kids and toddlers, gifts for moms and dads, best friends or just for yourself! Any Awesome THIS! product can be personalized with thousands of designs and colors, photos, captions and sayings, names, initials and monograms. Awesome THIS! offers a variety of unique products, from insulated steel cups mugs and bottles, to stationery, phone cases, sippy cups and more. Personalizing them is easy - and more importantly - fun! Here, give it a shot!
        </p>
        {{if getExperience()['is_ecommerce']}}
            <p id="foot_guarantee">{{tmpl "#templates_awesomethis_refund_line"}}</p>    
        {{/if}}
    </div>
</div>

</script>


<!-- FILENAME: paparte/templates/awesomethis_home_secondary.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_home_secondary">
<div class="img_secondary">
    <a href="${addImageHost('/product/'+product_code)}"><img title="Personalized ${title}" src="${img}"></a>
</div>
<div class="secondary_title"><a class="homepage_link" href="${addImageHost('/product/'+product_code)}">Personalized ${title}</a></div>     
<!--
<div class="secondary_subtitle">
    <a class="homepage_link" href="${addImageHost('/product/'+product_code)}">${price}</a>
</div>                    
-->

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/photoscreen.tpl -->
<script type="x-jquery-tmpl" id="templates_photoscreen">
<div id="photoeditorcontainer" style="margin-bottom: 20px;">
</div>
<div id="edit_photo_bottom" align="center">
    {{if getArtType() == 'paparte' && widgettype == 'proofablephoto'}}
        <div class="buttonwrapper"><span part="switchtopatternbutton" {{if getExperience()['devicetype'] == 'kiosk'}}style="margin: 10px; width: 600px !important;" class="cp_done_button {{else}} class="{{/if}} ilb ${getExperience()['appname']=='paparte'?'pipbutton solidpipbutton twolinebutton':'idwbutton solidbutton'} bigbutton cp_mod_button">Choose a Different<br>Background Type</span></div>
    {{/if}}
    <div class="buttonwrapper"><span part="cancelbutton" {{if getExperience()['devicetype'] == 'kiosk'}}style="margin: 10px; width: 350px !important;" class="cp_done_button {{else}} class="{{/if}} ilb ${getExperience()['appname']=='paparte'?'pipbutton solidpipbutton twolinebutton':'idwbutton solidbutton'} bigbutton cp_mod_button">Cancel</span></div>
    <div class="buttonwrapper"><span part="nextstepbutton" {{if getExperience()['devicetype'] == 'kiosk'}}style="margin: 10px; width: 350px !important;" class="cp_done_button {{else}} class="{{/if}} ilb ${getExperience()['appname']=='paparte'?'pipbutton solidpipbutton twolinebutton':'idwbutton solidbutton'} bigbutton cp_mod_button">Next &#x226B;</span></div>
</div>





</script>


<!-- FILENAME: paparte/templates/paparte_page_home.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_home">
{{tmpl "#templates_awesomethis_slider_css"}}
<style>
#home-owl { text-align: center }

.home-owl-text-overlay {
  position: absolute;
  text-align: left;
  width: 100%;
  max-width:847px;
  bottom: 4px;
  /*transform: translateY(-50%);*/
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  background-color: rgba(56, 148, 180, 0.8));
  background: rgba(56, 148, 180, 0.8);
  /*padding: 20px 0 20px 0;*/
  font-family: "Open Sans", sans-serif;
  /*border-radius: 5px;*/
}

h2.home-owl-title {
  font-size: 28px;
  font-weight: bold;
  margin: 10px 0 0;
  padding: 0 20px;
}

p.home-owl-caption {
  font-size: 20px;
  line-height: 26px;
  padding: 0 20px;
  margin-bottom: 10px;
}
.home_test {max-width:100%}

@media (max-width: 600px) {
    h2.home-owl-title { font-size: 20px; }
    p.home-owl-caption { font-size: 16px; line-height: 20px;}
}

.owl-theme .owl-controls .owl-page span {
    background:  #3894b4;
    opacity: unset;
}

.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: unset;
    opacity: unset;
    background: #F185CE;
    color: white;
}


/* slider and slider dropdowns */
.demo-card .mbsc-card-title {
    text-align: center;
}

div#d_latest_items {
    text-align: center;
}
/* slider and slider dropdowns */

</style>
{{tmpl "#templates_awesomethis_promobanner"}} 

<div class="row">
    <div class="three columns desktop">

        <div class="row">    
            <div id="steps" class="pad_top">
                <div class="">
                    <a href="/products"><img width="100%" src="/static/paparte/images/home/banner-desktop.jpg"></a>
                </div>
            </div>
        </div>  
        {{if getExperience()['devicetype'] != 'phone'}}        
        <div class="row hide-mobile">          
              <div id="home_store" class="pad_top">
                <a href="/fundraising" title="Get started with your fundraiser store!"><img src="/static/paparte/images/home/landing/promo-block.gif" style="width:100%;"></a>
              </div>
        </div> 
        {{/if}}
        
        <div class="row hide-mobile">          
              <div id="home_store" class="pad_top">
                <a href="https://myfc.awesomethis.com" target="_blank" title="Support Madison Youth Cheer"><img src="/static/paparte/images/home/landing/madison-block.jpg" style="width:100%"></a>
              </div>
        </div>      
        
        
        <div class="row hide-mobile">          
              <div id="home_store" class="pad_top">
                <a href="https://msrh.awesomethis.com" target="_blank" title="Support Miniature Schnauzer Rescue of Houston"><img src="/static/paparte/images/home/landing/msrh-block.jpg" style="width:100%"></a>
              </div>
        </div>      
        
    
    </div>

    <div class="nine columns">

        {{tmpl "#templates_awesomethis_steps"}}          
        {{tmpl "#templates_awesomethis_browse_all"}}
        
        <div class="pad_left xpad_top u-full-width">

          <div id="home-owl" class="owl-carousel">
            
            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Great Gifts for Women</h2>
                    <p class="home-owl-caption hidden-sm">Support the Women in Your Life</p>
                </div>                
                <img title="Great Gifts For Women" alt="Great Gifts for Women" class="home_test"  src="/static/paparte/images/home/women_empowerment_campaign.gif">
                </a>
            </div> 

<!--	  
            <div class="item darkCyan">
                <a href="/page/valentines-day">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Valentine's Day</h2>
                    <p class="home-owl-caption hidden-sm">Create a Gift as Unique as Love</p>
                </div>                
                <img title="Valentine's Day Gifts" alt="Valentine's Day Gifts" class="home_test"  src="/static/paparte/images/home/valentines-day.jpg">
                </a>
            </div>                  
-->          
            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Insulated Steel Gifts</h2>
<!--                    <h2 class="home-owl-title">Insulated Steel Gifts for Dad</h2>-->
                    <p class="home-owl-caption hidden-sm">Finest Quality Stainless Steel for Family and Friends</p>
                </div>                
                <img title="Insulated Steel Gifts" alt="Insulated Steel Gifts" class="home_test"  src="/static/paparte/images/home/slider-holidays-family.jpg">
                </a>
            </div>                  

<!--
            <div class="item darkCyan">
                <a href="/category/banners/Graduation">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Graduation Banners</h2>
                    <p class="home-owl-caption hidden-sm">Congratulate Every Graduate</p>
                </div>                
                <img title="Graduation Congratulations Banners" alt="Graduation Congratulations Banners" class="home_test"  src="/static/paparte/images/home/slider-graduation-banner-2020.jpg">
                </a>
            </div> 
            
            <div class="item darkCyan">
                <a href="/static/infdesign/base-index.html#eyJzY3IiOiJpbmZkZXNpZ25fcGFnZTMiLCJjYXQiOiJiYW5uZXJzL0dyYWR1YXRpb24ifQ--">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Graduation Banners</h2>
                    <p class="home-owl-caption hidden-sm">Personalize your party and celebrate your grad!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-graduation-banner.jpg" alt="Touch">
                </a>
            </div>          
-->

            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Great Gifts for Kids</h2>
                    <p class="home-owl-caption hidden-sm">Personalize One For Every Kid</p>
                </div>                
                <img title="Gifts For Kids" alt="Gifts for Kids" class="home_test"  src="/static/paparte/images/home/slider-holidays-kids.jpg">
                </a>
            </div> 
          
            <div class="item darkCyan">
                <a href="/page/staff-appreciation-gifts/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">New for Business!</h2>
                    <p class="home-owl-caption hidden-sm">No Minimum Order! Logo Gear and Staff Appreciation!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-staff.jpg" alt="Touch">
                </a>
            </div>              
          
            <div class="item darkCyan">
                <a href="/page/bridal-party-gifts/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Bridal Parties Get Personal!</h2>
                    <p class="home-owl-caption hidden-sm">Celebrate with personalized drinkware - no minimum order!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-bridal-party.jpg" alt="Touch">
                </a>
            </div>          

            <!--          
            <div class="item darkCyan">
                <a href="/page/back-to-school/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Back to School</h2>
                    <p class="home-owl-caption hidden-sm">Great gifts for your student</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-back-to-school-1.jpg" alt="Touch">
                </a>
            </div>        

            <div class="item darkCyan">
                <a href="/page/off-to-college/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Off to College</h2>
                    <p class="home-owl-caption hidden-sm">Great gifts in school colors and more</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-back-to-school.jpg" alt="Touch">
                </a>
            </div>              
          
            <div class="item darkCyan">
                <a href="/page/summer/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Summer Style</h2>
                    <p class="home-owl-caption hidden-sm">Fashion designs for summer gifts and occasions</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-summer-style.jpg" alt="Touch">
                </a>
            </div>

            <div class="item darkCyan">
                <a href="/page/summer/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Summer Fun</h2>
                    <p class="home-owl-caption hidden-sm">Gifts that reflect the celebration of summer</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-summer-fun.jpg" alt="Touch">
                </a>
            </div>

            <div class="item darkCyan">
                <a href="/page/summer/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Where are you going?</h2>
                    <p class="home-owl-caption hidden-sm">Travel in style this summer</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-graduation.jpg" alt="Touch">
                </a>
            </div>             
            -->
          
            <!--
            <div class="item darkCyan">
                <a href="/page/fathers-day/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Father's Day Gifts</h2>
                    <p class="home-owl-caption hidden-sm">Check out some amazing gifts for Dad!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-fathers-day.jpg" alt="Touch">
                </a>
            </div>          
            -->

            <!--
            <div class="item darkCyan">
                <a href="/page/graduation/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Graduation Gifts</h2>
                    <p class="home-owl-caption hidden-sm">Make memorable gifts for your favorite grads!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-graduation.jpg" alt="Touch">
                </a>
            </div>          

            <div class="item darkCyan">
                <a href="/static/infdesign/base-index.html#eyJzY3IiOiJpbmZkZXNpZ25fcGFnZTMiLCJjYXQiOiJpbnZpdGF0aW9ucy9HcmFkdWF0aW9uL0dyYWR1YXRpb24lMjBJbnZpdGF0aW9uIn0-">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Graduation Invitations</h2>
                    <p class="home-owl-caption hidden-sm">Every party starts with invitations!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-graduation-invitation.jpg" alt="Touch">
                </a>
            </div>          
            -->

            <!--
            <div class="item darkCyan">
                <a href="/page/special-promotions/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Special Promotions</h2>
                    <p class="home-owl-caption hidden-sm">Check out some amazing deals!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/special-promo-slider.jpg" alt="Touch">
                </a>
            </div>          
            -->
          <!--
            <div class="item darkCyan">
                <a href="/page/ireland/">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Celebrate St. Patrick's Day!</h2>
                    <p class="home-owl-caption hidden-sm">Personalize with your county colors, names, monograms, photos and more!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-flag-ireland.jpg" alt="Touch">
                </a>
            </div>          
          -->  
          <!--
            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Awesome Back to School gifts!</h2>
                    <p class="home-owl-caption hidden-sm">Customize with school colors, names, monograms, photos and more!</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-4.jpg" alt="Touch">
                </a>
            </div>
         -->   
         <!--
            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Holiday gift shopping - SOLVED!</h2>
                    <p class="home-owl-caption hidden-sm">This season, it's easy to give creative and thoughtful gifts</p>
                </div>
                <img class="home_test" src="/static/paparte/images/home/slider-holidays-2018.jpg" alt="Touch">
                </a>
            </div>
         -->   
         <!--
            <div class="item darkCyan">
                <a href="/page/valentines-day">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Personalized Valentine's Day Gifts</h2>
                    <p class="home-owl-caption hidden-sm">Your special someone is one-of-a-kind. They deserve a one-of-a-kind gift!</p>
                </div>
                <img class="home_test" src="/static/paparte/images/home/slider-valentines-2019.jpg" alt="Touch">
                </a>
            </div>         
         -->
         <!--
            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">New Photo Design Available!</h2>
                    <p class="home-owl-caption hidden-sm">Personalize your gifts with one all-over photo - straight from your phone</p>
                </div>
                <img class="home_test" src="/static/paparte/images/home/all-over-photo.jpg" alt="Touch">
                </a>
            </div>
            
            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">New Captions and Sayings Design Available!</h2>
                    <p class="home-owl-caption hidden-sm">Make a bold statement! Customize your gifts with one all-over caption or saying</p>
                </div>
                <img class="home_test" src="/static/paparte/images/home/all-over-caption.jpg" alt="Touch">
                </a>
            </div>
           --> 
            

<!--
            <div class="item darkCyan">
                <a href="/products">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Create Awesome Photo Gifts!</h2>
                    <p class="home-owl-caption hidden-sm">Upload photos straight from your phone or computer to create one-of-a-kind gifts</p>
                </div>
                <img class="home_test" src="/static/paparte/images/home/slider-1.jpg" alt="Touch">
                </a>
            </div>
            
            <div class="item darkCyan">
                <a href="/product/steelmug20">
                <div class="home-owl-text-overlay hidden-xs">
                    <h2 class="home-owl-title">Hot and Personalized!</h2>
                    <p class="home-owl-caption hidden-sm">Vacuum sealed to keep your drink at the perfect temperature</p>
                </div>                
                <img class="home_test"  src="/static/paparte/images/home/slider-3.jpg" alt="Touch">
                </a>
            </div>
-->                    
          </div>        

        </div>

        <div id="slider_mainlatest_items" style="display:none">
            <div class="row pad_left pad_top">
                <div class="u-full-width" style="text-align:center">
                    <hr style="height:1px; margin-top: 10px">
                    <p id="slider_latest_items" style="color: #0083AC; font-family:'Poppins Regular'; font-size:30px; margin: 20px 0 10px;">Gifts People Are Talking About Right Now!</p>
                </div>    
            </div>        
            
            <div class="row pad_left pad_top" id="latest_items_main">
                <div id="slider_main_latest_items" class="md-card-cont"></div>
            </div>        
        </div>

        <div class="row pad_left pad_top">
            <div class="u-full-width" style="text-align:center">
                <hr style="height:1px; margin-top: 10px">
                <p style="color: #0083AC; font-family:'Poppins Regular'; font-size:30px; margin: 20px 0 10px;">Awesome THIS! Best Sellers</p>
            </div>    
        </div>
        
        <div class="row pad_top">
            <div class="by_2">
                <div id="r1c1" class="three columns secondary">
                    {{tmpl({"product_code":"steelbot17", "price":"$34.99", "img":"/static/paparte/images/secondary/Steel-Bottle-17oz---Home-Page-Secondary-Tile.jpg", "title":"Insulated Steel Bottles", "subtitle":"Vacuum sealed. Hydrate in style with a customized bottle."}) "#templates_awesomethis_home_secondary"}}
                </div>                
                <div id="r1c2" class="three columns secondary">
                    {{tmpl({"product_code":"steelstemless", "price":"$29.99", "img":"/static/paparte/images/secondary/Steel-Wine-Glass---Home-Page-Secondary-Tile.jpg", "title":"Insulated Steel Wine Glasses", "subtitle":"Vacuum Sealed for the ideal drink temp. Perfect for wine lovers!"}) "#templates_awesomethis_home_secondary"}}
                </div>
            </div>
            <div class="by_2">
                <div id="r1c3" class="three columns secondary">
                    {{tmpl({"product_code":"steelmug20", "price":"$34.99", "img":"/static/paparte/images/secondary/Stainless-Steel-Mug---Home-Page-Secondary-Tile.jpg", "title":"Insulated Steel Mugs", "subtitle":"Perfect for workout or the outdoors! Vacuum sealed to keep your drink cold or hot."}) "#templates_awesomethis_home_secondary"}}
                </div>
                <div id="r1c4" class="three columns secondary">
                    {{tmpl({"product_code":"steelsbot24", "price":"$29.99", "img":"/static/paparte/images/secondary/Sports-Bottle-24oz---Home-Page-Secondary-Tile.jpg", "title":"Insulated Steel Sports Bottles", "subtitle":"Perfect for hot or cold drinks. Vacuum sealed, includes a lid and a straw."}) "#templates_awesomethis_home_secondary"}}
                </div>
                
            </div>    
            
        </div>
        
        {{tmpl "#templates_awesomethis_home_secondary_kids"}}   
        
        <div class="row pad_bottom">
            <div class="u-full-width" align="center">
                <div id="see_all" class="pipbutton solidpipbutton fntlarge width4">See All Products</div>
            </div>
        </div>
        
    </div>        
    
</div>     

{{if getExperience()['devicetype'] == 'phone'}}
<hr class="cart">
<div class="row" style="text-align:center">
    <div class="twelve columns">

        <div class="row">          
              <div id="home_storem1" class="pad_top">
                <a href="/affiliate" title="Get started with your fundraiser store!"><img src="/static/paparte/images/home/landing/promo-block-500px.gif" style="max-width:100%"></a>
              </div>
        </div> 
        
        <div class="row">          
              <div id="home_storem2" class="pad_top">
                <a href="https://myfc.awesomethis.com" target="_blank" title="Support Madison Youth Cheer"><img src="/static/paparte/images/home/landing/madison-block.jpg" style="width:100%"></a>
              </div>
        </div>      
        
        
        <div class="row">          
              <div id="home_storem3" class="pad_top">
                <a href="https://msrh.awesomethis.com" target="_blank" title="Support Miniature Schnauzer Rescue of Houston"><img src="/static/paparte/images/home/landing/msrh-block.jpg" style="width:100%"></a>
              </div>
        </div>      
        
    
    </div>
    
</div>    
{{/if}}

<hr class="cart">

{{tmpl "#templates_awesomethis_home_blurb"}}
{{tmpl "#templates_awesomethis_footerbanner"}}
</script>


<!-- FILENAME: paparte/templates/awesomethis_shopone.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_shopone">
    <div class="row">
        <div id="striped_box" class="six columns">

            <div class="st verticalStrip1">&nbsp;</div>
            <div class="st verticalStrip2">&nbsp;</div>

            <div id="shopall_content">
                <div class="mid">
                    <h1 id="mid2" class="mid2"><span width="100%" class="product_name_"></span></h1>
                    <p id="mid2under" class="mid2under"><span class="product_subhead_"></span></p>
                </div>
            </div>
        
        </div>
        <div id="rhs_detail_image" class="six columns">
            <div id="rhs_image_h" style="position:relative; margin:0;">
                <img class="rhs_image" width="100%" style="opacity: 1;">
            </div>    
        </div>        
    </div>
    
    <hr class="cart">
    
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/designhelp_form.tpl -->
<script type="x-jquery-tmpl" id="templates_designhelp_form">
<style type="text/css">
.form_instructions {
    font-size: 18px;
}
[devicetype=phone] .form_label.side_label {
    display: block;
    width: 100%;
}
.form_label.side_label {
    display: inline-block;
    width: 110px;
    text-align: left;
}
.form_label.top_label {
    display: block;
    width: 100%;
    text-align: left;
}
.form_label, .form_value {
    margin-top: 15px;
}
.form_value {
    display: inline-block;
    width: {{if getExperience()['devicetype']=='phone'}}300{{else}}520{{/if}}px;
}
.form_value input {
    width: {{if getExperience()['devicetype']=='phone'}}300{{else}}520{{/if}}px;
}
[part=designhelp_form] {
    text-align: left;
    {{if getExperience()['devicetype']=='phone'}}
    width: ${screen.width}px;
    {{/if}}
}
#description {
    width: 100%;
    height: 100px;
}
#fauxpopup.confirmation_popup #fauxpopup-contents {
    overflow-y: auto !important;
}
input[type="radio"] {
    /* Some dipshit decided to make all radio buttons disappear in their CSS so now I have to override their style to make them come back. */
    appearance: radio; 
    -webkit-appearance: radio; 
}
</style>
{{if status == 'IN_PROCESS'}}
<div style="color: #FF0000;font-weight: bold; font-size: 28px;">We are working on your previous request right now.  Please begin a new request by filling out the form below.</div>
{{/if}}
<div part="designhelp_form">
    <div class="form_instructions">Tell us about your ideas.  We'll create a new item based on this item, and send it back to you when we're done.  If you like our item, you can add it to your cart and delete the one you had.  Please note that it may take up to 24 hours during the business week, or longer if there's a weekend or holiday involved.  Since we're working on a copy, you are still welcome to play around with the current item, you may come up with the answer before we do!</div>
    <div style="padding: 20px 0px;">
        <div class="form_label side_label">Name</div><div class="form_value"><input part="submit_this" type=text id="name" value="${name}"></div><br>
        <div class="form_label side_label">Phone</div><div class="form_value"><input part="submit_this" type=text id="phone" value="${phone}"></div><br>
        <div class="form_label side_label">E-mail</div><div class="form_value"><input part="submit_this" type=text id="email" value="${email}"></div><br>
    </div>
    <div class="form_label top_label">Preferred Contact Method</div>
    <div class="" style="padding-left: 110px; width: 350px;">
    {{if getExperience()['devicetype']=='phone'}}
        <table width=200 align="left">
            <tr><td width=100%><input type="radio" name="preferred_contact_method" value="phone" ${preferred_contact_method=='phone'?'checked':''}>&nbsp;Call&nbsp;Me</td></tr>
            <!-- tr><td width=100%><input type="radio" name="preferred_contact_method" value="text" ${preferred_contact_method=='text'?'checked':''}>&nbsp;Text&nbsp;Me</td></tr -->
            <tr><td width=100%><input type="radio" name="preferred_contact_method" value="email" ${!preferred_contact_method||preferred_contact_method=='email'?'checked':''}>&nbsp;Email&nbsp;Me</td></tr>
        </table>
    {{else}}
        <table align="center" width=100%><tr>
            <td align="center" width=50%><input type="radio" name="preferred_contact_method" value="phone" ${preferred_contact_method=='phone'?'checked':''}>&nbsp;Call&nbsp;Me</td>
            <!-- td align="center" width=34%><input type="radio" name="preferred_contact_method" value="text" ${preferred_contact_method=='text'?'checked':''}>&nbsp;Text&nbsp;Me</td -->
            <td align="center" width=50%><input type="radio" name="preferred_contact_method" value="email" ${!preferred_contact_method||preferred_contact_method=='email'?'checked':''}>&nbsp;Email&nbsp;Me</td>
        </tr></table>
    {{/if}}
    </div>
    <br>
    {{if description.length>0}}
        <ul>{{each description}}<li>${$value}</li>{{/each}}</ul>
        <div class="form_label top_label">Add To Conversation:</div>
    {{else}}
        <div class="form_label top_label">What are you having trouble with?</div>
    {{/if}}
    <br>
    <div>
        <textarea part="submit_this" id="description"></textarea>
        <br>
        <input part="submit_this" type="hidden" id="customer_item_code" value="${customer_item_code}" />
        <input part="submit_this" type="hidden" id="cs_item_code" value="${cs_item_code}" />
    </div>
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/floatuploaders.tpl -->
<script type="x-jquery-tmpl" id="templates_floatuploaders">
<div id="__floatpopup" class="photosourcepopup">
<div class="floatuploadertitle">Choose Source</div>
<div style="margin:auto;" part="upload_buttons_container"></div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/popup_goback.tpl -->
<script type="x-jquery-tmpl" id="templates_popup_goback">
<div>
    Touch Yes to go back.
    <br/>You will lose any edits you've made.
    <br/>Touch No to continue editing
    <h2 class="popup_timer">&nbsp;</h2>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/promo1_html.tpl -->
<script type="x-jquery-tmpl" id="templates_promo1_html">
<style>
    .promoline {
        background: #eee;
        padding: 7px;
        border-radius: 7px;
        margin: 4px 0 6px 0;
        font-size: 16px;
    }
    
    .promoblockl {
        text-align: left
    }
    
    .promoblockr {
        text-align: right
    }
    
    @media only screen and (max-width: 550px) {
        .promoblockr {
            text-align: left
        }
    }
</style>
<div class="row promoline">
    <div class="six columns promoblockl">
    <span class="site_color"><strong>FREE SHIPPING</strong></span> on orders $50+ code: SHIPME
<!--    <span class="site_color"><strong>MOTHER'S DAY SPECIAL</strong></span> save $4 on Premium Shipping code: 4MOM-->
    </div>
    <div class="six columns promoblockr">
        <!--<span _tmplitem="5"  class="site_color"><strong _tmplitem="5" >UP TO 50% OFF site wide</strong></span> no code needed-->
    <!--<span class="site_color"><strong><a href="/page/special-promotions" style="color:#0083AC; text-decoration:none">SEE TODAYS SPECIAL DEALS</a></strong></span>-->
    <!--<span class="site_color"><strong><a target="_BLANK" href="/page/gift-iou"
    style="color:#FF0000; text-decoration:none;font-size:32px;line-height:1.2;">Gifts
       for Christmas<br>Use RUSH shipping or<br>Gift&nbsp;IOUs to
       print or email<br>Click Here!</a></strong></span>-->
<!--    <span class="site_color"><strong><a target="_BLANK" href="/page/gift-iou"
    style="color:#FF0000; text-decoration:none;font-size:32px;line-height:1.2;">Gifts
       for Christmas<br>Use Gift&nbsp;IOUs to print or email<br>Click
       Here!</a></strong></span>-->
    </div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/addthis_widget.tpl -->
<script type="x-jquery-tmpl" id="templates_addthis_widget">
<{{html "scr"+"ipt"}} type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5bef1c689a13133b"></{{html "scr"+"ipt"}}>
</script>


<!-- FILENAME: paparte/templates/paparte_page_sample.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_sample">
{{tmpl "#templates_awesomethis_promobanner"}} 
{{tmpl "#templates_awesomethis_steps"}}
{{tmpl "#templates_awesomethis_shopone"}}
{{tmpl "#templates_awesomethis_slider_css"}}
<style>
#buttons .pink_button {
    font-size: 20px;
    font-weight: normal;
    width: 140px;
    display: inline-block;    
}
.page_sample #middle_frame {
    margin-bottom: 50px
}    

#sample_content {
    height:auto;
    position: relative;
    width:100%;
    /*background:#ccc;*/
    display:table;
    margin-bottom: 10px
}
#sample_content > div{
display:table-row;
}
#sample_col {
    vertical-align:middle;
    display:table-cell;
    height:100%;
    width:50%;
}

@media (max-width: 550px) {
    #sample_col {width:100%; display:inline-block; float:left}
}

.share_title {
    font-size: 26px;
    padding: 10px 0px;
    color: #0083AC;
}

#sub_title {
    font-size: 20px
}

.sub_title_share {
    font-size: 22px;
    color: #363d4c;
}

</style>

<div class="main_div" id="middle_frame">

    <div id="page_title" class="store_text_color_1" style="display:none"></div>
    <div id="sub_title" class="store_text_color_1" style="display:none"></div>
    <div id="sub_title_share" class="sub_title_share" style="display:none"></div>

    <div id="sample_content">
        <div class="row">
            <div id="sample_col">
                <div id="product_sample_image"></div>
            </div>    

            <div id="sample_col">        
                <div class="product_prices">
                    <span class="product_price"></span>
                </div>
                
                <div class="product_middle ">
                    <div class="product_desc"></div>
                </div>
                
                <div id="buttons">
                    <div class="big_btn_container"> 
                        <span id="btn_makenew" class="pipbutton solidpipbutton tworowsplus">Create your ${name} from scratch</span>
                    </div>
                    <!--
                    <br>
                    -->
                    <div class="big_btn_container">
                    <span id="btn_makecopy" class="pipbutton solidpipbutton tworowsplus shareable">Use this as a starting point to create your own</span>
                    </div>
                    <!--                    
                    <div class="big_btn_container">
                        <span id="btn_addtocart" class="pipbutton solidpipbutton tworowsplus shareable">Buy one exactly like this</span>
                    </div>
                    -->
                    <div class="big_btn_container btn_container_goall" style="display:none">
                    <span id="btn_goall" class="pipbutton solidpipbutton tworowsplus">Use this design on another product</span>                    
                    </div>                     
                    <!--
                    <br>
                    <span id="btn_goshop" class="pipbutton solidpipbutton width4">Shop All Products</span>                    
                    <br>
                    -->                    
                    {{if get('store_config', 'seo')}}
                    <div class="shareable">
                        <div class="share_title">Share This Design</div>
                        <div class="addthis_inline_share_toolbox_fyq8"></div>                    
                    </div>
                    {{/if}}
                </div>            
                
            </div>
        </div>
        
    </div>    
    
    
    {{if "X"=="Y"}}
    
    {{if getExperience()['devicetype'] == 'phone'}}
        <div id="ph_allproducts_product_layout_slider" class="ph_slider" style="display:table;">
            <div id="p2l_allproducts_product_layout_slider" class="navcoll slider_title"><</div>
            <h2 id="slider_allproducts_product_layout_slider" class="gallery slider_title navcolm">Create a New Design</h2>
            <div id="p2r_allproducts_product_layout_slider" class="navcolr slider_title">></div>
        </div>
    {{else}}
        <h2 id="slider_allproducts_product_layout_slider" class="gallery slider_title navcolm">Create a New Design</h2>
    {{/if}}    
    <div id="product_layout_slider_row" style="width:100%; max-width:1140px; display:flex;">
    {{if getExperience()['devicetype'].indexOf('desktop')>-1}}
        <div class="navcol"><span id="nav_prev_allproducts_product_layout_slider" class="spnav"><</span></div>                        
    {{/if}}    
        <ul id="allproducts_product_layout_slider" class="allproducts_product_layout_slider product_layout_slider demo-card dc1 mbsc-cloak"></ul>
    {{if getExperience()['devicetype'].indexOf('desktop')>-1}}        
        <div class="navcol"><span id="nav_next_allproducts_product_layout_slider" class="spnav">></span></div>    
    {{/if}}        
    </div>    
    
    {{/if}}
    
    <div id="dynamic" style="width:100%; max-width:1140px"></div>

</div>    
<hr class="product_layout_hr">
{{tmpl "#templates_awesomethis_product_blurb"}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_slider_css.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_slider_css">
<style>
.group_products .product {
    display: inline-block;
}  

.product_item.fancybox.all_cat {
    border: 1px solid lightgray;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 6px 0 rgba(0, 0, 0, 0.19);
    border-radius: 6px;
    /*padding-top: 10px;*/
    height: 300px;
}

.md-cards h3 {
    padding: .5em;
    margin: 0;
}

ul.demo-card {
    padding: 0;
    margin: 0;
}

.pipbutton.slider {
    width: 100px;
    font-size: 14px;
    line-height: 16px;
    margin: 0 auto 10px;
}

.all_products_slider_title {
    text-align: center;
    text-transform: capitalize;
    margin: 20px 0 0 0;
    color: #0083AC;
    font-size: 35px;
    font-family: "Poppins Regular";
}

.demo-card .mbsc-scv-item {
    padding: 0 0 0em 0;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}

.demo-card .mbsc-card-content {
    padding: 8px;
    cursor: pointer;
    text-align: center;
}


.demo-card .mbsc-card-title {
    font-family: "Poppins Regular";
    font-size: 14px;
    padding-top: 8px;
    margin: 0;
    height: 36px;    
}

.demo-card .mbsc-card-subtitle {
    font-size: 11px;
    padding-top: 3px;
    margin: 0;
}

.demo-card .mbsc-ic {
    padding-left: 3px;
}

.md-rank {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: 8px;
}

/* overrides */

.mbsc-ios.mbsc-card.mbsc-form,
.copy_design_to_new_item {
    margin: 10px 15px;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 6px 0 rgba(0, 0, 0, 0.19);   
    border-radius: .5em;    
}

#box {
    background: #fff;
    border-radius: 1.5em;
    box-shadow: 0 0 1px 1px rgba(204,204,204,0.2);  
    border: 1px solid black;        
}

[devicetype=phone] #galleries img {
    max-height: unset !important;
    height: unset !important;
}

[devicetype=tablet] .pop_item_img.md-img {
    max-height: 180px !important; 
    height: unset !important ; 
    width: 100% !important;
}

[devicetype=phone] .mbsc-ios.mbsc-card.mbsc-form {
    margin: 10px 10px;
}    

.pop_item_img:hover { cursor:pointer }

#fauxpopup.confirmation_popup #fauxpopup-title-text {
    font-size: 30px;
}

#fauxpopup.confirmation_popup .popup_button.pop_landing {
    width: 160px;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
}

[devicetype=phone] #fauxpopup.confirmation_popup .popup_button.pop_landing {
    width: 160px;
    font-size: 20px;
    line-height: 24px;
    height: 24px;
    padding: 10px 0;
}

.pop_price .product_price {
    width: 200px;
    margin: 0 auto 10px;
    font-size: 28px;
    height: 32px;
}
.pop_price .popup_sale_sign_small {
 padding-left: 100px;
}

.intro_inline {
    text-align:left;
    padding:10px;
}

.design_name {
    text-transform: capitalize;
    padding-bottom: 10px;
    font-size: 16px;
}

.card_full {
    font-family: "Poppins Regular";
    width: 98%;
    border-radius: 10px;
    display: none;
    margin: 0 auto;
    padding:20px 0;
    box-shadow: 0 0 10px;
    transition: 0.3s color;
    -ms-user-select: none;
    user-select: none;
}
.card_full:hover {
    color: #0083AC;
}
.all_products_slider {
    -ms-user-select: auto;
    user-select:auto;
}

.slider_title {
    /*padding-top: 10px;*/
}    

a.boxclose.inlineitem {
    margin-top: -16px;
    margin-right: 4px;
}

/* layout page */
#dynamic .design_price {
    display: none;
}

.spfr {float:right; cursor:pointer }

.mbsc-scv-c {
    margin: 0 auto;
}

.mbsc-ios.mbsc-card.mbsc-form:hover {
    box-shadow: 0 0px 0px 0 #0083AC, 0 0px 6px 0 #0083AC;
}

.addtocarthide { display:none !important};
.addtocartshow { display:block !important};
</style>

</script>


<!-- FILENAME: paparte/templates/justaboxpage.tpl -->
<script type="x-jquery-tmpl" id="templates_justaboxpage">
<style>
.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
}
#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}
</style>

<div id="page_title" class="store_text_color_1">
    {{if getExperience()['devicetype'] == 'desktop'}}
        <span class="standard">Position And Resize Your</span><span class="heavy">Box or Stripe</span>
    {{else}}
        <span class="standard">Position And Resize</span><span class="heavy">Your Box or Stripe</span>
    {{/if}}
</div>

<div class="row" id="justaboxeditor" style="text-align:center; padding:10px 0; width: 100%;"></div>



</script>


<!-- FILENAME: paparte/templates/pipchoosecaptioncategory.tpl -->
<script type="x-jquery-tmpl" id="templates_pipchoosecaptioncategory">
<div id="page_title" class="store_text_color_1"><span class="standard">Choose Your</span><span class="heavy">Category</span></div>
<div id="captions_list" style="background: #FFFFFF;">
    {{each(category, is_good) GLOBALS['store_config']['captions']}}
        {{if (is_good)}}
            {{if (GLOBALS['store_info']['captions'][category]) }}
                <div class="button_outer">
                    <div class="button_color_group pipbutton solidpipbutton tworows" value="${category}">${toTitleCase(category.replace("_and_", " &#43; ").replace("_", " "))}</div>
                </div>            
            {{/if}}            
        {{/if}}
    {{/each}}

    <div class="button_outer">
        <div id="create_your_own_caption_button" base="blank" class="button_color_group pipbutton solidpipbutton tworows">Create Your Own</div>
    </div>            

</div>



</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinesimplecolortool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinesimplecolortool">
<div><table width=100%><tr>
    {{each(i,val) widget['options']}}
        <td width="${100/widget['options'].length - 2}%">
            <div part="colorselector" value="${val['value']}" class="{{if widget['value'][0] == val['value']}}selected{{/if}}">
                <table  cellpadding=2 border=0 width=100% style="border: 2px solid white">
                    <tr style="width: 100%"><td align="center" style="background: url(/static/images/colors/${val['value']}.gif);" class="textcolorswatch">&nbsp;</td></tr>
                    <tr style="width: 100%"><td part="colorlabel" align="center">${toTitleCase(val['label'])}</td></tr>
                </table>
            </div>
        </td>
    {{/each}}
</tr></table></div>
</script>


<!-- FILENAME: paparte/templates/awesomethis_shopall.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_shopall">
    <div class="row">
        <div id="striped_box" class="six columns">

            <div class="st verticalStrip1">&nbsp;</div>
            <div class="st verticalStrip2">&nbsp;</div>

            <div id="shopall_content">
                <div class="mid">
                    <h1 id="mid2" class="mid2"><span width="100%">Shop All Products</span></h1>
                    <h3 id="mid2under" class="mid2under"><span>Choose any product and customize with your choice of designs, captions and colors. Personalize with name, monogram, initial or photos.</span></h3>
                </div>
            </div>
        
        </div>
        <div id="rhs_detail_image" class="six columns">
            <div id="rhs_image_h" style="position:relative; margin:0;">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/0.jpg" style="opacity: 1;">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/1.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/2.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/3.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/4.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/5.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/6.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/7.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/8.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/9.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/10.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/11.jpg">
                <img class="rhs_image" width="100%" src="/static/images/testing/landing/numbered/12.jpg">
                
            </div>    
        </div>        
    </div>
    
    <hr class="cart">
    
</script>


<!-- FILENAME: paparte/templates/awesomethis_more_captions_button.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_more_captions_button">
<div class="more_colors">
    <div class="buttonwrapper"><span class="pipbutton solidpipbutton more_col">Captions Menu</span></div>
</div>
</script>


<!-- FILENAME: paparte/templates/header.tpl -->
<script type="x-jquery-tmpl" id="templates_header">
<div id="wrapper" class="container">
    {{if getExperience()['devicetype'] != 'kiosk'}}
        <div class="sideBar boxLeft">
            <div id="back_button" class="sb_go_back">
            <a href="javascript:window.history.go(-1)">
            <span class="pipbutton solidpipbutton overlay_button">&#8678;&nbsp;Back</span>
            </a>
            </div>
        </div>
        {{if getExperience()['devicetype'] == 'phone' || getExperience()['devicetype'] == 'tablet'}}
            <div class="sideBar boxRight">
                <div id="scroll_up" class="scroll_up">
                    <span class="pipbutton solidpipbutton overlay_button">&nbsp;&#8679;&nbsp;</span>
                </div>
            </div>
        {{/if}}
        
    {{/if}}

    {{if getExperience()['is_ecommerce']}}
        {{tmpl "#templates_at_nav"}}
    {{else}}
        {{tmpl "#templates_paparte_plain_head"}}
    {{/if}}
    <div id="pagecontent"></div>

    {{if getExperience()['devicetype'] == 'kiosk'}}

        <div id="bottom" class="main_div pos_abs">
            <div class="row">
                <div id="back_button" class="one-third column back_button"><a id="back_button_link" href="javascript:window.history.go(-1)" title=""><img src="/static/paparte/images/arrows/backarrow.png"></a></div>
                <div class="one-third column outer">
                    <a class="button_color_home">Start Over</a>
                </div>
                <div class="one-third column">
                    <img class="bottom_logo" src="/static/paparte/images/papartelogo.png">
                </div>
            </div>
        </div>

        <div id="confirmBoxOuter">
            <div id="confirmBox">
                <div class="message"></div>
                <button class="yes">Yes</button>
                <button class="no">No</button>
            </div>
        </div>

    {{else}}
        {{tmpl "#templates_at_footer"}}
    {{/if}}

</div>

{{if getExperience()['is_ecommerce'] && getExperience()['devicetype'].indexOf('kiosk')<0}}
    {{tmpl "#templates_addthis_widget"}}
    <{{html "scr" + "ipt"}} id="webslidemenu" src="/static/menu-nav/webslidemenu/webslidemenu.js"></{{html "scr" + "ipt"}}>
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinesimplealignmenttool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinesimplealignmenttool">
<div><table width="100%" part="alignmentselector" value="${widget['value']}"><tr>
    <td valign="middle">
        <img style="border: 1px solid #CCCCCC;" part="currentalignmentimage" src="/static/images/alignment/${widget['value']}.gif" width=30 valign=middle>
    </td>
    <td part="currentalignmentlabel" valign="middle">${widget['valuelabel']}</td>
    <td valign="middle">
        <div class="idwbutton solidbutton" style="margin:0px;padding:0px;height:40px;">Change<br>Alignment</div>
    </td>
</tr></table></div>

</script>


<!-- FILENAME: paparte/templates/captionboxpage.tpl -->
<script type="x-jquery-tmpl" id="templates_captionboxpage">
<style>
.idwbutton {
    border-color: #0083AC;
    background: #0083AC;
    color: white;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    cursor: pointer;
    font-size: 15px;
    height: 17px;
    width: 130px;
    margin: 0 auto 10px; 
}
#fauxpopup-title-text {
    font-size: 28px;
    padding: 10px 0;
}
#fauxpopup-contents {
    padding: 10px;
}
</style>

<div id="page_title" class="store_text_color_1">
    {{if getExperience()['devicetype'] == 'desktop'}}
        <span class="standard">Position And Resize Your</span><span class="heavy">Caption</span>
    {{else}}
        <span class="standard">Position And Resize</span><span class="heavy">Your Caption</span>
    {{/if}}
</div>

<div class="row" id="captionboxeditor" style="text-align:center; padding:10px 0; width: 100%;"></div>



</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/at_footer.tpl -->
<script type="x-jquery-tmpl" id="templates_at_footer">
<div id="copyright_line" class="row u-full-width">
    <hr class="cart">
    <div class="copy_left">&copy; Copyright <span id="copyrightyear"></span>, InScribe Inc. 12 Linscott Road, Unit C, Woburn, MA</div>
    <div class="copy_right">
        <a target="_social" href="https://www.facebook.com/AwesomeTHISgifts/"><img src="/static/images/social/facebook_48.png" width="36"></a>&nbsp;<a target="_social" href="https://www.instagram.com/awesomethis/"><img src="/static/images/social/instagram_white_48.png" width="36"></a>
    </div>
</div>

<div id="site_legals" class="row">
    <div class="site_legals" style="width:100%; text-align:center">
        {
            <a target="_tos" href="/privacy_policy">privacy policy</a> | 
            <a target="_tos" href="/refund_policy">refund policy</a> | 
            <a target="_tos" href="/terms_of_use">terms of use</a> 
        }
    </div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/imagescroller.tpl -->
<script type="x-jquery-tmpl" id="templates_imagescroller">
<div class="imagescroller" style="height:${height=parseInt(height,10),height}px;width:${width=parseInt(width,10),width}px;">
    <table height="${height}" width="${width}" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td width="${height}"><div scrolldirection="down" style="width:${height-6}px;height:${height-6}px;padding:0px;margin:0px;border-width: 3px;"><img src="images/${images}down.png" width="${height-6}" height="${height-6}"></div></td>
            <td align="center" valign="center" class="displayvalue">x</td>
            <td width="${height}"><div scrolldirection="up" style="width:${height-6}px;height:${height-6}px;padding:0px;margin:0px;border-width: 3px;"><img src="images/${images}up.png" width="${height-6}" height="${height-6}"></div></td>
        </tr>
    </table>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_cybermonday.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_cybermonday">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/50-percent-mobile-cyber-monday.jpg' : '/static/paparte/images/promo/at_home/50-percent-desktop-cyber-monday.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: paparte/templates/awesomethis_christmas_shipping.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_christmas_shipping">
    <div id="home_step" class="row hide-mobile">
        <div id="steps1" class="u-full-width">
            <a href="javascript:void(0)" onclick="gotoimagehosturl('/products')"><img style="width:100%; max-width:1140px" src="/static/paparte/images/help/shipping-for-christmas-desktop.jpg"></a>
        </div>
    </div>
    
    <div class="row show-mobile no_print">
        <div id="steps" class="u-full-width">
            <a href="/products"><img width="100%" src="/static/paparte/images/help/shipping-for-christmas-mobile.jpg"></a>
        </div>
    </div> 

</script>


<!-- FILENAME: paparte/templates/awesomethis_landing_product.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_landing_product">
<style>
#sample_content > div {
    display: table-row;
}

.page_sample #middle_frame {
    margin-bottom: 50px
}    

#sample_content {
    height:auto;
    position: relative;
    width:100%;
    /*background:#ccc;*/
    display:table;
    margin-bottom: 10px;
    margin-top: 10px;
}
#sample_content > div{
display:table-row;
}
#sample_col {
    vertical-align:middle;
    display:table-cell;
    height:100%;
    width:50%;
}

@media (max-width: 550px) {
    #sample_col {width:100%; display:inline-block; float:left}
}

.share_title {
    font-size: 26px;
    padding: 10px 0px;
    color: #0083AC;
}

#sub_title {
    font-size: 20px
}

</style>

    <div id="sample_content">
        <div class="row">
            <div id="sample_col">
                <div id="product_sample_image"></div>
            </div>    

            <div id="sample_col">        
                <div class="product_prices">
                    <span class="product_price"></span>
                </div>
                
                <div class="product_middle ">
                    <div class="product_desc"></div>
                </div>
                
                <div id="buttons">
                    <!--
                    <span id="btn_addtocart" class="pipbutton solidpipbutton width4 shareable">Add to Cart</span>
                    <br>
                    -->
                    <div class="big_btn_container">
                    <span id="btn_makenew" class="pipbutton solidpipbutton tworowsplus">Create a new design</span>
                    </div>
                    <div class="big_btn_container">
                    <span id="btn_makecopy" class="pipbutton solidpipbutton width4 tworowsplus">Use this as a starting point to create your own</span>
                    </div>
                    <!--
                    <br>
                    <span id="btn_goshop" class="pipbutton solidpipbutton width4">Shop All Products</span>                    
                    -->
                    <div class="big_btn_container btn_container_goall" style="display:none"">
                    <span id="btn_goall" class="pipbutton solidpipbutton tworowsplus">Use this design on another product</span>                    
                    </div>             
                    {{if get('store_config', 'seo')}}                    
                    <div class="shareable">
                        <div class="share_title">Share This Design</div>
                        <div class="addthis_inline_share_toolbox_fyq8"></div>                    
                    </div>
                    {{/if}}
                </div>            
                
            </div>
        </div>
        
    </div> 
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/vspace.tpl -->
<script type="x-jquery-tmpl" id="templates_vspace">
<div proofablepart="textlinecontainer" alignment="v" font="" color="" indent="" size="0" linenum=""><div proofablepart="texttoolbox" style="display: none;"></div></div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/kiosk_startover_popup.tpl -->
<script type="x-jquery-tmpl" id="templates_kiosk_startover_popup">
<div>
    Touch Yes to start over.
    <br/>You will lose any edits you've made.
    <br/>Touch No to continue editing
    <h2 class="popup_timer">&nbsp;</h2>
</div>   
</script>


<!-- FILENAME: paparte/templates/paparte_page_customize.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_customize">
<div id="page_title" class="store_text_color_1">
    <span class="standard">Personalize Your</span><span class="heavy">Product</span>
</div>
<div class="main_div" id="middle_frame">
    <div id="customize_header" class="store_text_color_1"></div>
    <div id="customize_container"></div>
    <div id="customize_header2" class="store_text_color_1"></div>
    <div id="customization_ok"class="buttonwrapper"><span class="pipbutton solidpipbutton cp_done_button" id="savejustabox" style="margin: 10px;">Next &#x226B;</span></div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/obscurediv.tpl -->
<script type="x-jquery-tmpl" id="templates_obscurediv">
<table proofablepart="obscurediv" widgetid="${widgetid}" style="display: none; background: #FFFFFF; opacity: 0.7; z-index: 10;" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td valign="middle">
        </td>
    </tr>
</table>


</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textsizetool.tpl -->
<script type="x-jquery-tmpl" id="templates_textsizetool">
<table width="100%" cellpadding=0 cellspacing=0 border=0>
<tr>
    <td align="right" width="190">{{tmpl({'height':'36px','width':'160px','images':'linetextsize'}) "#templates_imagescroller"}}</td>
</tr>
</table>
</script>


<!-- FILENAME: paparte/templates/paparte_page_preview.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_preview">
{{tmpl "#templates_awesomethis_slider_css"}}
<style>

span.helper {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

#progress_bar_main_title {
  margin: 25px auto;
  font-size: 26px;
  color: rgb(56, 148, 180);
}

#progress_bar_main {
  position: relative;
  width: 350px;
  height:50px;
  background-color: white;
  border-radius: 10px;
  padding-left:8px;
  padding-right:0px;
  border: 4px solid rgb(56, 148, 180);
  margin: 25px auto;
  text-align:left;
}

.progress_bar_block {
  position: relative;
  width: 15px;
  height: 40px;
  background-color: rgb(56, 148, 180);
  padding:0px;
  margin:1px;
  border-radius:2px;
  display: inline-block;
  margin-top:5px;
}

.email_form_title {
    text-align: center;
    font-size: 30px;
    color: #0083AC;
}

.email_form_label {
    text-align: right;
    font-size: 23px;
    color: #0083AC;
}

#buttons_wait td {
    padding: 10px !important;
}
</style>

<div id="page_title" class="store_text_color_1">
    <span id="here" class="standard">Working on Your</span><span id="product_name" style="display:none" class="heavy product_name"></span><span id="here2" class="standard">Preview</span>
</div>
<div id="awesome_subtitle" class="page_subheader store_text_color_1" style="margin-bottom:10px">This may take up to 30 seconds</div>
<div class="main_div" id="middle_frame">
<!--height:504px-->
    <div id="product_preview" style="position:relative;">
<!--height:350px;-->    
        <div id="preview_image" style="display:block;" ></div>
        <div id="overlay_product" style="display:none">
            Proof being generated<span id="wait">.</span>
        </div>
        <div id="progress_bar_main" data-counter="0"></div>        
    </div>
    
    
    {{if getExperience()['devicetype'] == 'kiosk'}}
        <div id="non_cart" style="display:none">
            <div id="buttons_non_cart" class="row">
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4 cp_done_button" style="margin: 10px;" id="non_cart_preview_edit">Edit</span></div>        
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4 cp_done_button" style="margin: 10px;" id="non_cart_preview_continue">Next &#x226B;</span></div>        
            </div>
        </div>
        <div id="yes_cart" style="display:none">
            <div id="buttons_cart" class="row">
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton color_4 width4 cp_done_button" style="margin: 10px;" id="preview_go_to_cart">Checkout</span></div>
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4 cp_done_button" style="margin: 10px;" id="preview_continue">Continue Shopping</span></div>        
            </div>
            <div id="buttons_wait" class="buttons_wait" style="visibility:hidden">
                <div class="row">
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4 cp_done_button" style="margin: 10px;" id="preview_edit">Edit</span></div>    
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4 cp_done_button" style="margin: 10px;" id="preview_make_another">Make Another Like This</span></div>
                </div>
                <div class="row">
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4 cp_done_button" style="margin: 10px;" id="preview_start_over">Delete and Start Over</span></div>
                </div>
            </div>
        </div>
    {{else}}
        <div id="productquantity" style="font-size: 30px;border-bottom: 1px solid #DDDDDD;width:90%;max-width: 500px;display: inline-block;padding: 10px;margin: 10px;">
            <b>Quantity:</b>&nbsp;&nbsp;<select name="quantity" id="quantity">
                {{for(j=1; j<=20; j++)}}
                <option value="${j}" {{if quantity == j}}selected{{/if}}>${j}</option>
                {{/for}}
            </select>
            <div id="cnt_warning" style="color: red; display: none;">Invalid Quantity!</div>
        </div>
        <div id="non_cart" style="display:none">
            <div id="buttons_non_cart" class="row">
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="non_cart_preview_continue">Continue</span></div>        
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="non_cart_preview_edit">Edit</span></div>        
            </div>
        </div>
        <div id="yes_cart" style="display:none">
            {{if email_acquired}}
            <div id="buttons_cart" class="row">
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton color_4 width4" id="preview_go_to_cart">Checkout</span></div>
                <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="preview_continue">Continue Shopping</span></div>        
            </div>
            <div id="buttons_wait" class="buttons_wait" style="visibility:hidden">
                <div class="row">
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="preview_edit">Edit</span></div>    
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="preview_make_another">Make Another Like This</span></div>
                </div>
                <div class="row">
                    <div class="buttonwrapper"><span class="pipbutton solidpipbutton width4" id="preview_start_over">Delete and Start Over</span></div>
                </div>
            </div>
            {{else}}
            <div id="buttons_wait" class="buttons_wait" style="visibility:hidden">
                <div class="email_form_title">Enter the following information to save your personalization</div>
                <table align="center" style="margin: 20px auto;">
                    <tr><td class="email_form_label" align="right">First Name:</td><td align="left"><input type=text name="name" value=""></td></tr>
                    <tr><td class="email_form_label" align="right">Email:</td><td align="left"><input type=text name="email" value=""></td></tr>
                    <tr><td class="email_form_label" align="right"><input type=checkbox name="agree_to_privacy_policy"></td><td align="left" style="font-size: 16px;">I have read and agree to the <a target="_BLANK" href="/privacy_policy">Privacy Policy</a></td></tr>
                </table>
                <table align="center">
                    <tr><td colspan=2>
                        <table width="100%"><tr>
                            <td width=50%><div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="preview_edit">Edit</span></div></td>
                            <td width=50%><div class="buttonwrapper"><span class="pipbutton solidpipbutton" id="preview_save_email">Continue</span></div></td>
                        </tr></table>
                    </td></tr>
                </table>
            </div>
            {{/if}}
            {{if getCookie('isoninscribenetwork')}}
                <a href="/sample/${hashToDict()['job']}">Go to this item's SHARE page</a>
            {{/if}}
        </div>
    {{/if}}
    
    
    <div id="yes_cart_more" class="yes_cart" style="display:none">
        <div id="buttons_wait_more" class="buttons_wait" style="max-width:100%; visibility:hidden">        
            <div id="all_placeholder"></div>
        </div>
    </div>
    
    {{if parseLogin()['groups'].indexOf('admin')>-1}}
    <table align="center">
        <tr><td align="left">SEO Label 1</td><td align="left"><input name="seo_page_title" id="seo_page_title" size=100 value="${item_title}"></td></tr>
        <tr><td align="left">SEO Label 2</td><td align="left"><input name="seo_page_description" id="seo_page_description" size=100 value="${item_description}"></td></tr>
        <tr><td align="left">Grab'N'Go?</td><td align="left"><input name="is_gng" id="is_gng" type="checkbox" value="true" style="width:30px;height:30px;" {{if is_gng}}checked="checked"{{/if}}></td></tr>
        <tr><td colspan=2>CAUTION: Checkout, Continue Shopping or Edit buttons will save this information.  The other buttons do not.</td></tr>
    </table>
    {{/if}}
    
</div>
<{{html "scr" + "ipt"}} type="text/javascript">
$('.pipbutton.solidpipbutton:not(.overlay_button)').after('<br>');
</{{html "scr" + "ipt"}}>

</script>


<!-- FILENAME: paparte/templates/paparte_page_productsize.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_productsize">
{{if getExperience()['devicetype'] != 'kiosk'}}
<div class="row">
    <div id="striped_box" class="six columns">

        <div class="st verticalStrip1">&nbsp;</div>
        <div class="st verticalStrip2">&nbsp;</div>

        <div id="shopall_content">
            <div class="mid">
                <h1 id="mid2" class="mid2"><span width="100%" class="product_name_">Personalized ${product['name'].split(':')[0]}</span></h1>
                <p id="mid2under" class="mid2under"><span class="product_subhead_">${product['ec_subhead']}</span></p>
            </div>
        </div>
    
    </div>
    <div id="rhs_detail_image" class="six columns">
        <div id="rhs_image_h" style="position:relative; margin:0;">
            <img class="rhs_image" width="100%" style="opacity: 1;" src="${getExperience()['image_host']}images/landing/${product['ec_image']}">
        </div>    
    </div>        
</div>
<hr class=cart>
{{else}}
<div id="page_title" class="store_text_color_1">     <span class="heavy product_name">${getProductInfo()['product']['name'].split(':')[0]}</span> </div>


<div class="row" id="product_image_background_container">             <div id="product_image_background" class="twelve columns" style="background-image: none;"><div class="product_image_row"><img class="product_image_single_kiosk" src="${getExperience()['image_host']}images/landing/${product['ec_image']}"></div></div>             <hr class="kiosk_layout">         </div>
<div style="padding: 15px;"></div>

{{/if}}
<div align=center style="padding-bottom:20px;">
${lastval='',index=0,''}
{{each(prodcode, prod) $data}}
    {{if prodcode != 'product'}}
        ${index+=(lastval==prodcode)?0:1,lastval=prodcode,''}
        <div class="buttonwrapper"><span class="pipbutton solidpipbutton product_option {{if prodcode == ___THEJOB___['skuinfoblob']['manufacturersku']}}selectedpipbutton{{/if}}" subproduct_id="${prodcode}">{{html prod['button']}}</span></div>{{if prod['breaks'].indexOf(index)!=-1}}<br>{{/if}}
    {{/if}}
{{/each}}
</div>

{{if getExperience()['devicetype'] != 'kiosk'}}
    <hr class="product_layout_hr">
    {{tmpl "#templates_awesomethis_product_blurb"}}
    {{tmpl "#templates_awesomethis_footerbanner"}}
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/upload_source_image.tpl -->
<script type="x-jquery-tmpl" id="templates_upload_source_image">
<div part="uploadbutton" uploadsource="${source}" style="position: relative; float: left; cursor: pointer;">
    <img src="${sourcelist()[source]}" style="">
    {{if text}}
    <div class="uploadbuttontext" style="width:100%;">${text}</div>
    {{/if}}
</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/metakeyboard.tpl -->
<script type="x-jquery-tmpl" id="templates_metakeyboard">
<div class="metakeyboard" id="__metakeyboard" keyboardname="${keyboardname}">
<table width=100%><tr>
{{each(keyboardname,keyrows) keyboard_layouts}}
    {{if keyboards.map(function(a){return a.toLowerCase()}).indexOf(keyboardname.toLowerCase())!=-1}}
    <td part="keyboard_tab" align="center" keyboard="metakeyboard_${keyboardname.toLowerCase().replace(/[^a-z0-9_]/g, "")}">${keyboardname}</td>
    {{/if}}
{{/each}}
</tr></table>
{{each(keyboardname,caseset) keyboard_layouts}}
    {{if keyboards.map(function(a){return a.toLowerCase()}).indexOf(keyboardname.toLowerCase())!=-1}}
        <table id="metakeyboard_${keyboardname.toLowerCase().replace(/[^a-z0-9_]/g, "")}" part="metakeyboard_table">
        {{each(ulcase, keyrows) caseset}}
            {{each(idx, keyrow) keyrows }}
                <tr ulcase=${ulcase}>
                {{each(idx, keycap) keyrow }}
                    <td width={{if getExperience()['devicetype'] == 'phone'}}54{{else}}44{{/if}}>
                        {{if keycap}}
                        <div class=keyboardkey>${keycap}</div>
                        {{/if}}
                    </td>
                {{/each}}
                </tr>
            {{/each}}
            {{if caseset.length > 1}}
                <tr ulcase="${ulcase}"><td colspan=10 part="shiftkey">shift</td></tr>
            {{/if}}
        {{/each}}
        </table>
    {{/if}}
{{/each}}
</div>

<style type="text/css">

.metakeyboard {
    background: #FFFFFF;
}

.keyboardkey {
    border: 1px solid black;
    border-radius: 4px;
    font-size: 18px;
    margin: 3px;
    padding: 3px;
    cursor: pointer;
    text-align: center;
    width: 30px;
}

[devicetype=phone] .keyboardkey {
    border: 1px solid black;
    border-radius: 8px;
    font-size: 26px;
    margin: 3px;
    padding: 3px;
    cursor: pointer;
    text-align: center;
    width: 44px;
}

.keyboardkey:hover {
    background: #CCCCCC;
}

[devicetype=phone] [part=shiftkey] {
    border-radius: 8px;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    font-size: 25px;
}

[part=shiftkey] {
    border-radius: 4pc;
    text-align: center;
    padding: 3px;
    cursor: pointer;
}

[part=keyboard_tab] {
    border: 1px solid #cccccc;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

</style>


</script>


<!-- FILENAME: paparte/templates/meta_tags_at_default.tpl -->
<script type="x-jquery-tmpl" id="templates_meta_tags_at_default">
<meta name="description" content="Personalization made easy: Awesome THIS! makes it simple to design the perfect gift for every occasion with names, initials, monograms, hundreds of designs, captions and sayings and even photos!">
<meta name="keywords" content="Personalized, personalization, gift, gifts, unique, idea, ideas, monogram, monogrammed, special, men, women, kids, teachers, school">

</script>


<!-- FILENAME: paparte/templates/pipchoosecaption_color.tpl -->
<script type="x-jquery-tmpl" id="templates_pipchoosecaption_color">
<div class="row">
    <div id="page_title" class="store_text_color_1"><span class="standard">Choose Your</span><span class="heavy">Color</span></div>
    
    {{if caption_complete}}
    
        ${dims=dims||[250,250], $value=caption_id.split("-")[0], ''}
        ${filename=($value.indexOf('/')===-1?getExperience()['image_host']+'images/captions/180/'+$value:'/'+$value)+'.png', ''}
        ${svgjson=putCaptionOverBgDiv($value, curr_caption['captioncolor'], [], filename), ''}
        <center>
        <div style="margin: 20px; border: 1px solid #363d4c; background-color: ${svgjson['captbg']}; width:${dims[0]}px;height:${dims[1]}px;padding:10px;">
        <div
            style="width:${dims[0]}px;height:${dims[1]}px;"
            type="colorizable"
            color='${jsonstringify(svgjson)}'
            colorid="${curr_caption['captioncolor']}"
            captionid="${$value}"
            title=""
            >
        </div>
        </div>
        <div style="margin: 15px;">
            <div class="pipbutton solidpipbutton width4" id="keep_this_color_button">Keep This Color</div>
        </div>
        </center>
    {{/if}}
    
    {{if num_cats > 1}}
    <div id="page_title_instructions" class="store_text_color_1">
        {{tmpl "#templates_awesomethis_more_colors_button"}} 
    </div>    
    
    <div id="choose_color" class="middle">
        <div id="dropdown" class="dropdown">
          <div id="color_button" class="dropbtn noborder button_outer store_text_color_1">Artist Favorites</div>
          <div class="dropdown-content"></div>
        </div>
    </div>
    {{/if}}
</div>        

<div id="middle_frame">
    <div id="caption_slider_outer">
        <input type=hidden id="init_caption_id" name="init_caption_id" value="${caption_id.split("-")[0]}">
        <div id="caption_slider"></div>
    </div>
    <div id="caption_return">
        <div class="buttonwrapper"><span style="width: 350px !important;" id="cancel_to_piptiling" class="pipbutton solidpipbutton ${getExperience()['devicetype'] == 'kiosk'? 'cp_done_button' : ''}">Cancel</span></div>
        {{if getExperience()['devicetype'] != 'kiosk'}}  
            <div class="buttonwrapper"><span style="width: 350px !important;" id="more_cols_caption" class="more_colors pipbutton solidpipbutton ${getExperience()['devicetype'] == 'kiosk'? 'cp_done_button' : ''}">More Colors</span></div>
        {{/if}}
        <div class="buttonwrapper"><span style="width: 350px !important;" id="cancel_to_pipcaption" class="pipbutton solidpipbutton ${getExperience()['devicetype'] == 'kiosk'? 'cp_done_button' : ''}">Change {{if type == 'proofablecaption' || type == 'tilingresource'}}Caption{{else}}Text{{/if}}</span></div>
    </div>
    
</div>    


</script>


<!-- FILENAME: paparte/templates/awesomethis_home_blurb.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_home_blurb">
<div class="row">
    <div id="foot_note">
        <p>Personalization made easy! With Awesome THIS! you can personalize a perfect gift for any occasion and any recipient: birthdays, graduation, kids and toddlers, gifts for moms and dads, best friends or just for yourself! Any Awesome THIS! product can be personalized with thousands of designs and colors, photos, captions and sayings, names, initials and monograms. Awesome THIS! offers a variety of unique products, from insulated steel cups mugs and bottles, to stationery, phone cases, sippy cups and more. Personalizing them is easy - and more importantly - fun! Here, give it a shot!</p>
        {{if getExperience()['is_ecommerce']}}
        <p id="foot_guarantee">{{tmpl "#templates_awesomethis_refund_line"}}</p>    
        {{/if}}
    </div>
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_mothersday.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_mothersday">
<style>
.promoline { background: #eee;
    padding: 7px;
    border-radius: 7px;
    margin: 4px 0 6px 0;
    font-size: 16px;
    }
.promoblockl { text-align: left }
.promoblockr { text-align: right }

@media only screen and (max-width: 550px) {
  .promoblockr { text-align: left }
}

</style>

{{if getExperience()['is_ecommerce']}}
<div class="row promoline">
    <div class="six columns promoblockl">
    <span class="site_color"><strong>FREE SHIPPING</strong></span> on orders $50+ code: SHIPME
    </div>
    <div class="six columns promoblockr">
    <span class="site_color"><strong>Order by Sunday May 5 for Standard Shipping in time for Mother's Day</strong></span>
    </div>    
</div>    
{{/if}}

</script>


<!-- FILENAME: paparte/templates/pop_email_formconfirmTAG2.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formconfirmTAG2">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
    <div class="subhead">We sent you a confirmation email with a promo code.<br>Look out for our email from info@awesomethis.com<br>
    If you don't see it, please check your SPAM/JUNK folder. Please add our email to your contact list.</div>
</div>
 
</script>


<!-- FILENAME: paparte/templates/paparte_page_product_details.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_product_details">
{{if getExperience()['devicetype'] != 'kiosk'}}
<style>
.product_item.fancybox.all_cat {
    border: 1px solid lightgray;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 6px 0 rgba(0, 0, 0, 0.19);
    border-radius: 6px;
    padding-top: 10px;
    height: 300px;
}

.fill_product {
    width: 200px;
    padding: 10px 30px;
    display: inline-grid;
}

</style>

    {{tmpl "#templates_awesomethis_promobanner"}} 
    {{tmpl "#templates_awesomethis_steps"}}
    {{tmpl "#templates_awesomethis_shopone"}}
{{else}} 
<div id="page_title" class="store_text_color_1">
    <span class="heavy product_name">Product</span>
</div>
<!--
<div id="page_sub_title">
    <span class="product_subhead">with designs, colors & photos like these...</span>
</div>
-->
{{/if}}


<div class="main_div" id="middle_frame">
    {{if getExperience()['devicetype'] == 'kiosk'}}
        <div class="row" id="product_image_background_container">
            <div id="product_image_background" class="twelve columns"></div>
            <hr class="kiosk_layout">
        </div>
    {{/if}}
    <!--<h2 class="product_header"></h2>-->
    <!--<div class="product_left">
        <img class="product_image" src=""/>
        <div class="product_name"></div>
    </div>
    -->

    <!--<div class="product_middleOLD">
        <div class="product_descOLD"></div>-->
        <!--<div class="product_prices">
            <span class="product_price"></span>
        </div>-->
    <!--</div>-->
    <!--
    <br class="clear"/>
    -->

<!--
    <div class="product_detail_bottom">
        <div class="product_options_container">
            <span class="product_options_caption">
        </div>
        <div class="personalize_button pink_button button">Personalize<br/>This!</div>
    </div>
-->
</div>

{{if getExperience()['devicetype'] != 'kiosk'}}
    <div id="placeholder_reviews"></div>
    <hr class="product_layout_hr">
    {{tmpl "#templates_awesomethis_product_blurb"}}
    {{tmpl "#templates_awesomethis_footerbanner"}}
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/photo_edit_tool.tpl -->
<script type="x-jquery-tmpl" id="templates_photo_edit_tool">
<div toolname="${toolname}" {{if value}}value="${value}"{{/if}} {{if navigator.userAgent.match(/rv:11.0/) && ['sepia','grayscale','originalcolor','brightness'].indexOf(toolname)>-1}}editing="disabled"{{/if}}>
    <div class="photoeditbutton {{if selected}}highlightPhotoColor{{/if}}">
    {{if toolname == 'aspectratio'}}
        <div class="arbox">${ar_to_english(value)}</div>
    {{else}}
        <img src="${skin_img(toolname+'.png')}" />
    {{/if}}
    </div>
    {{if text}}
    <div class="toolboxbuttontext" style="width:100%;">${text}</div>
    {{/if}}
</div>

</script>


<!-- FILENAME: paparte/templates/pop_email_formconfirmTAG3.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_formconfirmTAG3">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
    <div class="subhead">We sent you a confirmation email with a promo code.<br>Look out for our email from info@awesomethis.com<br>
    If you don't see it, please check your SPAM/JUNK folder. Please add our email to your contact list.</div>
</div>
 
</script>


<!-- FILENAME: paparte/templates/pipchoosecaptionslider.tpl -->
<script type="x-jquery-tmpl" id="templates_pipchoosecaptionslider">
<div id="caption_slider">
    {{each(i, item) chunks}}
        {{if do_carousel }}
        <div class="captions_col">
        {{/if}}
        {{each item}}
            <div class="captions_item captions_photos_item">
                <div style="border: 1px solid #363d4c; background-color: ${$value['captbg']}; width:${img_size}px;height:${img_size}px;padding:10px;">
                    <div
                        style="width:${img_size}px;height:${img_size}px;"
                        type="colorizable"
                        color='${JSON.stringify($value)}'
                        colorid="${$value['samplecode'].split(':')[0]}"
                        captionid="${$value['captionid']}"
                        title=""
                        >
                    </div>
                </div>
                <img src="${getExperience()['image_host']}images/captions/180/${$value['captionid']}.png" style="left:-10000px;top:-10000px;position:absolute;" id="measure_caption_${$value['captionid']}">
            </div>
        {{/each}}
        {{if do_carousel }}
        </div>
        {{/if}}
    {{/each}}
</div>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/paparte_page_terms_of_use.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_terms_of_use">
<h3>Terms of Use</h3>
{{tmpl "#templates_pop_terms_of_use"}}
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinefac.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinefac">
<table cellpadding=0 cellspacing=0 border=0 width="100%">
        <tr><td colspan="2" class="moreaorb">Choose ${selecting} for this line:</td></tr>
        <tr>
            <td width=50% align="left">
                <table width=100% border=0 cellpadding=3 cellspacing=0>
                {{each(i,val) facs}}
                    <tr onmouseup="clickradio2(event, this);" ontouchend="clickradio2(event, this);">
                        <td valign=middle>
                            <input {{if val['value'] == fac }}checked="checked"{{/if}} selecting="${selecting}" name="${selecting}_value" type="radio" value="${val['value']}">
                        </td>
                        <td valign=middle>
                            <img src=images/${selecting}s/${val['value']}.gif height=25>
                        </td>
                        <td valign=middle class="alignment">
                            ${val['label']}
                        </td>
                    </tr>
                {{/each}}
                </table>
            </td>
            <td width=50%>
            </td>
        </tr>
</table>

{{html "<scr"+"ipt language=JavaScript type=text/javascript>"}}
function clickradio2(event, elem){
    var target = $('input[type=radio]', elem);
    target.trigger('click');
}
{{html "</scr"+"ipt>"}}

</script>


<!-- FILENAME: paparte/templates/pop_email_form.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_email_form">
<style>
input.pop_form {
    margin: 10px;
    width:300px;
}
.small {font-size:14px; color:white}
.small a {color:white}
#fauxpopup {
    border: 10px solid white !important;
    background: #0083AC;
}
#fauxpopup-maintable {
background: #0083AC !important;
}

#fauxpopup.confirmation_popup #fauxpopup-title-text { 
    color: white; 
    font-family:'Poppins Regular';
    padding-bottom: 0px;
}

#fauxpopup.confirmation_popup .popup_button.wide {
    background: #F185CE;
    color: white;
    padding: 0px;
    width: 200px;
    font-size: 24px;
}

#fauxpopup.confirmation_popup .popup_button.wide:hover{
    background: #B74F98 ;
}

input[type="text"] {
    color: rgb(53, 60, 74);
    background-color: rgb(255, 255, 255);
}

#fauxpopup-close-icon {
    border-color: #FFFFFF;
}

.error_msg {
    font-size: 16px;
    color: #F185CE;
    font-family: poppins bold;
}    

input[type="text"]:focus{
    outline: 4px solid #F185CE;
}

#form_pop_email .subhead {
    font-size: 20px;
    color: white;
    padding-bottom: 6px;
}

</style>
<div id="form_pop_email">
<div class="subhead">Join our list to find out about special deals, offers, exclusive coupons and more!</div>
<form id="pop_email" name="pop_email">
<input type="text" class="pop_form" name="name" placeholder="Your Name">
<input type="text" class="pop_form" name="email" placeholder="Email Address*">
</form>
<div style="margin:0 auto; max-width:400px">
    <div id="pop_error_msg" class="error_msg">&nbsp;</div>
    <div class="small">
        By providing us with your email, you are agreeing to our <a target="_blank" href="/static/paparte/base-index.html#paparte_page_privacy_policy">privacy policy</a> and <a target="_blank" href="/static/paparte/base-index.html#paparte_page_terms_of_use">terms of use</a>.
    </div>
</div>    
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner25.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner25">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/25-percent-banner-mobile-blue.jpg' : '/static/paparte/images/promo/at_home/25-percent-banner-desktop-blue.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner_premship.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner_premship">
${($data.promo_image = (getExperience()['devicetype'] == 'phone') ? '/static/paparte/images/promo/at_home/prem-ship-mobile.jpg' : '/static/paparte/images/promo/at_home/prem-ship-desktop.jpg'),''}
{{if getExperience()['is_ecommerce']}}
<div class="row">
    <div class="twelve columns promoblock">
    <img src="${$data.promo_image}" width="100%">
    </div>
</div>    
{{/if}}

</script>


<!-- FILENAME: paparte/templates/awesomethis_home_secondary_kids.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_home_secondary_kids">

        <div class="row pad_left pad_top">
            <div class="u-full-width" style="text-align:center">
                <hr style="height:1px; margin-top: 10px">
                <p style="color: #0083AC; font-family:'Poppins Regular'; font-size:30px; margin: 20px 0 10px;">Great for Kids!</p>
            </div>    
        </div>
        
        <div class="row pad_top">
            <div class="by_2">
                <div id="r2c1" class="three columns secondary">
                    {{tmpl({"product_code":"sippycup", "price":"$99.99", "img":"/static/paparte/images/secondary/Sippy-Cup---Home-Page-Secondary-Tile.jpg", "title":"Sippy Cup", "subtitle":""}) "#templates_awesomethis_home_secondary"}}
                </div>
                <div id="r2c2" class="three columns secondary">
                    {{tmpl({"product_code":"steelsbot12", "price":"$99.99", "img":"/static/paparte/images/secondary/Insulated-Steel-Sports-Bottle-12oz---Home-page-secondary-tile.jpg", "title":"Insulated Sports Bottles", "subtitle":""}) "#templates_awesomethis_home_secondary"}}
                </div>                
            </div>
            <div class="by_2">                
                <div id="r2c3" class="three columns secondary">
                    {{tmpl({"product_code":"steelfoodjar12", "price":"From $99.99", "img":"/static/paparte/images/secondary/Insulated-Steel-Food-Jar---Home-Page-Secondary-Tile.jpg", "title":"Insulated Food Jar", "subtitle":""}) "#templates_awesomethis_home_secondary"}}
                </div>
                <div id="r2c4" class="three columns secondary">
                    {{tmpl({"product_code":"flashlight", "price":"$99.99", "img":"/static/paparte/images/secondary/Flashlight---Home-Page-Secondary-Tile.jpg", "title":"Flashlight", "subtitle":""}) "#templates_awesomethis_home_secondary"}}
                </div>                
            </div>    
        </div> 
</script>


<!-- FILENAME: paparte/templates/paparte_page_layout.tpl -->
<script type="x-jquery-tmpl" id="templates_paparte_page_layout">
{{if getExperience()['devicetype'] != 'kiosk'}}
<div class="row">
    ${product=getProductInfo()['product'],''}
    <div id="striped_box" class="six columns">

        <div class="st verticalStrip1">&nbsp;</div>
        <div class="st verticalStrip2">&nbsp;</div>

        <div id="shopall_content">
            <div class="mid">
                <h1 id="mid2" class="mid2"><span width="100%" class="product_name_">Personalized ${product['name']}</span></h1>
                <p id="mid2under" class="mid2under"><span class="product_subhead_">${product['ec_subhead']}</span></p>
            </div>
        </div>
    
    </div>
    <div id="rhs_detail_image" class="six columns">
        <div id="rhs_image_h" style="position:relative; margin:0;">
            <img class="rhs_image" width="100%" style="opacity: 1;" src="${getExperience()['image_host']}images/landing/${product['ec_image']}">
        </div>    
    </div>        
</div>
<hr class=cart>
{{else}}

<!--div id="page_title" class="store_text_color_1">     <span class="heavy product_name">${getProductInfo()['product']['save_screen_name']}</span> </div>


<div class="row" id="product_image_background_container">             <div id="product_image_background" class="twelve columns" style="background-image: none;"><div class="product_image_row"><img class="product_image_single_kiosk" src="${getExperience()['image_host']}images/landing/${getProductInfo()['product']['ec_image']}"></div></div>             <hr class="kiosk_layout">         </div-->
{{/if}}

<div class="page_product_details" style="display: inline-block; text-align: center; width:100%; margin: auto;">
<div class="row product_prices" style="display:none; margin: 0 auto;">
    <span class="product_price"></span>
</div>


{{if this_layout_code}}
    <div id="header1" class="product_options_caption store_text_color_1" style="padding-top: 20px;">Confirm Your Layout Choice</div>
    <div create_new_item="${layout_list[this_layout_code]['create_new_item']}" part="layoutchoice" style="width:170px;height:330px;float:center;border: 3px solid #0083AC;border-radius: 8px;margin: 10px;" layout_code="${this_layout_code}" layout="${layout_list[this_layout_code]['layout']}" editor="${layout_list[this_layout_code]['editor']}" class="patterns_item selected">
        <img style="margin: auto;" layout="${layout_list[this_layout_code]['layout']}" 
        src="${layout_list[this_layout_code]['preferred_image']}" 
        altsrc="${layout_list[this_layout_code]['image']}" height=250 width=158><br>
        <div class="" style="font-weight: bold; color: #0083ac;">{{html layout_list[this_layout_code]['label']}}</div>
    </div>
    <div>
        <div class="buttonwrapper"><span part="layoutchoice" layout_code="${this_layout_code}" layout="${layout_list[this_layout_code]['layout']}" editor="${layout_list[this_layout_code]['editor']}" class="pipbutton solidpipbutton width4">Keep This Layout</span></div>
    </div>
    <div id="header1" class="product_options_caption store_text_color_1" style="padding-top: 20px;">Or Select Another Layout Below</div>
{{else}}
    <div id="header1" class="product_options_caption store_text_color_1" style="padding-top: 20px;">Choose Your Layout</div>
{{/if}}


{{each(layoutcode, layout) layout_list}}
    {{if layout_list[layoutcode]['show'] && layoutcode != this_layout_code}}
        <div create_new_item="${layout_list[layoutcode]['create_new_item']}" part="layoutchoice" style="width:170px;height:330px;float:center;border: 3px solid #0083AC;border-radius: 8px;margin: 10px;" layout_code="${layoutcode}" layout="${layout_list[layoutcode]['layout']}" editor="${layout_list[layoutcode]['editor']}" class="patterns_item 
        {{if layoutcode == this_layout_code}} selected{{/if}}
        ">
            <img style="margin: auto;" layout="${layout_list[layoutcode]['layout']}" 
            src="${layout_list[layoutcode]['preferred_image']}" 
            altsrc="${layout_list[layoutcode]['image']}" height=250 width=158><br>
            <div class="" style="font-weight: bold; color: #0083ac;">{{html layout_list[layoutcode]['label']}}</div>
        </div>
    {{/if}}

{{/each}}
</div>

{{if getExperience()['devicetype'] != 'kiosk'}}
    <hr class="product_layout_hr">
    {{tmpl "#templates_awesomethis_product_blurb"}}
    {{tmpl "#templates_awesomethis_footerbanner"}}
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/awesomethis_promobanner50pink.tpl -->
<script type="x-jquery-tmpl" id="templates_awesomethis_promobanner50pink">
<style>
.promoline { background: #eee;
    padding: 7px;
    border-radius: 7px;
    margin: 4px 0 6px 0;
    font-size: 16px;
    }
.promoblockl { text-align: left }
.promoblockr { text-align: right }

@media only screen and (max-width: 550px) {
  .promoblockr { text-align: left }
}

</style>

{{if getExperience()['is_ecommerce']}}
<div class="row promoline">
    <div class="six columns promoblockl">
<!--    <span class="site_color"><strong>FREE SHIPPING</strong></span> on orders $50+ code: SHIPME-->
<!--    <span class="site_color"><strong>MOTHER'S DAY SPECIAL</strong></span> save $4 on Premium Shipping code: 4MOM-->
    </div>
    <div class="six columns promoblockr">
<!--    <span class="site_color"><strong>ORDER NOW for del by 2/13 with FREE Expedited Production</strong> code: VDAY</span> -->	
<!--    <span class="site_color"><strong><a href="/page/gift-iou" style="color:#FF0000; text-decoration:none">Need a last minute gift? Click here!</a></strong></span>-->
    <br>
    <span class="site_color"><strong style="color:#000;"></strong>
    </div>    
</div>    
{{/if}}

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlineoverallsizetool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlineoverallsizetool">
<table width="100%" cellpadding=0 cellspacing=0 border=0>
<tr><td align="right" width="190" part="overallsize">{{tmpl({'height':'36px','width':'160px','images':'plusminus'}) "#templates_imagescroller"}}</td></tr>
</table>

</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/pop_terms_of_use.tpl -->
<script type="x-jquery-tmpl" id="templates_pop_terms_of_use">
<div class="pop_small">

<p>If you continue to browse and use this website, you are agreeing to comply with and be bound by the following terms and conditions of use, which together with our privacy policy govern InScribe's relationship with you in relation to this website. If you disagree with any part of these terms and conditions, please do not use our website.</p>

<p>The term 'InScribe' or 'us' or 'we' refers to the owner of the website whose registered office is 9 Micro Drive Woburn Massachusetts United States 01801. The term 'you' refers to the user or viewer of our website.</p>

<p>The use of this website is subject to the following terms of use:

<ol>
<li>The content of the pages of this website is for your general information and use only. It is subject to change without notice.</li>

<li>This website uses cookies to monitor browsing preferences. If you do allow cookies to be used, the following personal information may be stored by us for use by third parties.</li>

<li>Neither we nor any third parties provide any warranty or guarantee as to the accuracy, timeliness, performance, completeness or suitability of the information and materials found or offered on this website for any particular purpose. You acknowledge that such information and materials may contain inaccuracies or errors and we expressly exclude liability for any such inaccuracies or errors to the fullest extent permitted by law.</li>

<li>Your use of any information or materials on this website is entirely at your own risk, for which we shall not be liable. It shall be your own responsibility to ensure that any products, services or information available through this website meet your specific requirements.</li>

<li>This website contains material which is owned by or licensed to us. This material includes, but is not limited to, the design, layout, look, appearance and graphics. Reproduction is prohibited other than in accordance with the copyright notice, which forms part of these terms and conditions.</li>

<li>All trade marks reproduced in this website which are not the property of, or licensed to, the operator are acknowledged on the website.</li>
</ol>
</p>

<p>Unauthorized use of this website may give rise to a claim for damages and/or be a criminal offense.</p>

</div>
</script>


<!-- FILENAME: /var/www/shop.awesomethis.com/static/common/templates/textlinesimplefactool.tpl -->
<script type="x-jquery-tmpl" id="templates_textlinesimplefactool">
<div>
<select width=250 type="imageselect" imagedir="/static/images/${selecting}s" imagetype="gif" maxheight="300" showlabel="{{if showlabel}}true{{else}}false{{/if}}" showimage="true" selecting="${selecting}">
    {{each(i,val) widget['options']}}
        <option value="${val['value']}" {{if val['value'] == widget['value'][0] }}selected="selected"{{/if}}>{{if showlabel}}${val['label']}{{/if}}</option>
    {{/each}}
</select>
</div>
</script>

<link rel="preload" href="/static/common/fonts/Poppins-Bold.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="preload" href="/static/common/fonts/Poppins-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="icon" href="/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.png" type="image/x-icon" />

<script minifytype="none" type="text/javascript" src="/static/common/js/jquery.star-rating-svg.js"></script>

<script id="webslidemenu" type="text/javascript" src="/static/menu-nav/webslidemenu/webslidemenu.js"></script>

<link id="effect" rel="stylesheet" type="text/css" media="all" href="/static/menu-nav/webslidemenu/dropdown-effects/fade-down.css" />
<link rel="stylesheet" type="text/css" media="all" href="/static/menu-nav/webslidemenu/webslidemenu.css" />

<link id="theme" rel="stylesheet" type="text/css" media="all" href="/static/menu-nav/webslidemenu/color-skins/white-gry.css" />






<link rel="stylesheet" type="text/css" href="/static/menu-nav/webslidemenu/demo.css" />




<script type="text/javascript" src="/static/common/keyboard/jquery.keyboard.js"></script>

<script type="text/javascript" src="/static/common/owl-carousel/owl.carousel.js"></script>


<script type="text/javascript" src="/static/common/fancybox/jquery.fancybox.js"></script>


<script src="/static/common/selectric/jquery.selectric.js"></script>

<script src="/static/common/chosen/chosen.jquery.js"></script>

<script src="/static/common/js/jquery.smartmenus.js"></script>
<script src="/static/common/js/jquery.textfill.js"></script>


<script src="/static/common/mobiscroll/js/mobiscroll.jquery.min.js"></script>

<!--script type="text/javascript" src="/static/common/coverflow/jquery-ui-1.10.4.draggable.min.js"></script>
<script type="text/javascript" src="/static/common/coverflow/coverflow.min.js"></script>
<link href="/static/common/coverflow/css/style.css" rel="stylesheet"-->








<script>
// This attempts to inject all the non-critical CSS later.
$(document).ready(function(){
var filelist = ["/static/common/css/fauxpopup.css", "/static/paparte/css/fauxpopup_override.css",  "/static/common/css/photoupload.css", "https://use.fontawesome.com/releases/v5.14.0/css/all.css", "/static/common/keyboard/keyboard.css","/static/common/owl-carousel/owl.carousel.css","/static/common/owl-carousel/owl.theme.css","/static/paparte/css/owl.theme_override.css","/static/common/fancybox/jquery.fancybox.css","/static/common/selectric/selectric.css","/static/common/chosen/chosen.min.css","/static/common/mobiscroll/css/mobiscroll.jquery.min.css"];
for(var i=0; i<filelist.length; i++){
$('head').append("<link rel=\"stylesheet\" type=\"text/css\" href=\""+filelist[i]+"\" />");
}
});
</script>

<script type="text/javascript">var INITIALHASH = setHashParam("", {"screen": "landingpage", "page": "ireland", "params": "", "order": false});</script>
<!-- END_OF_HEAD -->
</head>
<body appname="paparte" skinname="base">
<!DOCTYPE html>

</body>
</html>