<?xml version="1.0" encoding="UTF-8"?>
<modification>
    <id><![CDATA[Credit Card Beautifier]]></id>
    <version><![CDATA[1.0]]></version>
    <vqmver><![CDATA[]]></vqmver>
    <author><![CDATA[Jason Aguilar - Tuesday, Oct 7 2014]]></author>

    <file name="catalog/view/theme/default/template/payment/authorizenet_aim.tpl">
        <operation>
            <search position="replace"><![CDATA[
                <b style="margin-bottom: 3px; display: block;"><?php echo $text_credit_card; ?></b>
                ]]></search>
            <add><![CDATA[
            <style>
                #authorizenet input {
                border: 0;
                background: #f1f1f1;
                padding: 10px;
                font-size: 1.3em;
                font-family: Arial, sans-serif;
                color: #6B6B6B;
                margin: 5px 0 5px;
                width: 350px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                }

                 #authorizenet input:focus {
                    border: 1px solid #92bb14;
                }

                #authorizenet select {
                border: 0;
                padding: 9px;
                font-size: 1.3em;
                font-family: Arial, sans-serif;
                border: solid 1px #ccc;
                margin: 5px 0 5px;
                }

                #ccbox {  
                    background: transparent url("//i.imgur.com/q6KwWOl.png");  
                    margin: 0 0 10px 0;  
                    padding: 0 0 0 150px;  
                    width: 0;  
                    height: 23px;  
                    overflow: hidden;
                    right: 20px;
                    top: 11px;
                    position: absolute;
                }
            </style>

            <script type="text/javascript">
                $(document).ready(function () {  
              
                    $('input[name="cc_number"]').keyup(function() {  
                        if($(this).val() == 4){  
                            $('#ccbox').css('background-position', '0 -23px');  
                        }  
                        else if($(this).val() == 5){  
                            $('#ccbox').css('background-position', '0 -46px');  
                        }  
                        else if($(this).val() == 3){  
                            $('#ccbox').css('background-position', '0 -69px');  
                        }  
                        else if($(this).val() == 6){  
                            $('#ccbox').css('background-position', '0 -92px');  
                        }  
                        else if($(this).val() == ''){  
                            $('#ccbox').css('background-position', '0 0');  
                        }     
                    });  
              
                });  
            </script>  

            ]]></add>
        </operation>
        <operation>
            <search position="replace"><![CDATA[
            <div id="authorizenet" style="background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;">
            ]]></search>
            <add><![CDATA[
            <div id="authorizenet" style="width: 100%;">
             <b style="margin-top: 12px;display: block;font-size: 20px;"><?php echo $text_credit_card; ?></b>
             <hr style="margin-top: 10px;margin-bottom: 10px;display: block;height: 1px;border: 0;border-top: 1px solid #d4d4d4!important;margin: 1em 0;padding: 0;">
            ]]></add>
        </operation>
        <operation>
            <search position="replace"><![CDATA[
            <td><input type="text" name="cc_number" value="" /></td>
            ]]></search>
            <add><![CDATA[
            <td><div style="position:relative;"><input type="text" name="cc_number" value="" /><div id="ccbox"></div></div></td>

            ]]></add>
        </operation>
        <operation>
            <search position="replace"><![CDATA[
            <div class="buttons">
            ]]></search>
            <add><![CDATA[
            <div class="buttons" style="margin-top:35px;background:none;border:none;">
            ]]></add>
        </operation>
        <operation>
            <search position="replace"><![CDATA[
             <td align="right"><a onclick="confirmSubmit();" id="authorizenet_button" class="button"><span><?php echo $button_confirm; ?></span></a></td>
            ]]></search>
            <add><![CDATA[
             <td align="right"><a onclick="confirmSubmit();" id="authorizenet_button" class="button"><span style="padding: 25px 70px;background: #92bb14;"><?php echo $button_confirm; ?></span></a></td>
            ]]></add>
        </operation>
    </file>

    <file name="catalog/view/theme/default/template/payment/pp_standard.tpl">
        <operation>
            <search position="replace"><![CDATA[
            <div class="buttons">
            ]]></search>
            <add><![CDATA[
            <div style="width: 100%;">
             <b style="margin-top: 12px;display: block;font-size: 20px;">Payment via PayPal</b>
             <hr style="margin-top: 10px;margin-bottom: 10px;display: block;height: 1px;border: 0;border-top: 1px solid #d4d4d4!important;margin: 1em 0;padding: 0;">
                <center>
                    <img src="https://www.paypalobjects.com/webstatic/mktg/logo/pp_cc_mark_111x69.jpg" border="0" alt="PayPal Logo">
                </center>
            </div>
            <div class="buttons" style="margin-top:35px;background:none;border:none;">
            ]]></add>
        </operation>
        <operation>
            <search position="replace"><![CDATA[
             <td align="right"><a onclick="confirmSubmit();" class="button"><span><?php echo $button_confirm; ?></span></a></td>
            ]]></search>
            <add><![CDATA[
             <td align="right"><a onclick="confirmSubmit();"class="button"><span style="padding: 25px 70px;background: #92bb14;"><?php echo $button_confirm; ?></span></a></td>
            ]]></add>
        </operation>
    </file>

    <file name="catalog/view/theme/default/template/checkout/confirm.tpl">
        <operation>
            <search position="replace" index="1" offset="21"><![CDATA[
            <div class="content">
            ]]></search>
            <add><![CDATA[
            ]]></add>
        </operation>
        <operation>
            <search position="replace"><![CDATA[
            <?php echo $payment; ?>
            ]]></search>
            <add><![CDATA[
            <div style="float:left;width:40%;">
            <div style="height: 185px;">  
             <b style="margin-top: 12px;display: block;font-size: 20px;"><?php echo $text_payment_address; ?></b>
             <hr style="margin-top: 10px;margin-bottom: 10px;display: block;height: 1px;border: 0;border-top: 1px solid #d4d4d4!important;margin: 1em 0;padding: 0;">
            <img src="https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/bill.png" style="float:left;">
             <span style="font-size:15px;"><?php echo $payment_address; ?></span>
                <br />
            <a style="color:red;" href="<?php echo str_replace('&', '&amp;', $checkout_payment_address); ?>"><?php echo $text_change; ?></a>
            </div>

            <div> 
             <b style="margin-top: 12px;display: block;font-size: 20px;"><?php echo $text_shipping_address; ?></b>
             <hr style="margin-top: 10px;margin-bottom: 10px;display: block;height: 1px;border: 0;border-top: 1px solid #d4d4d4!important;margin: 1em 0;padding: 0;">
            <img src="https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/bill.png" style="float:left;">
             <span style="font-size:15px;"><?php echo $shipping_address; ?></span>
                <br />
            <a style="color:red;" href="<?php echo str_replace('&', '&amp;', $checkout_shipping_address); ?>"><?php echo $text_change; ?></a>
            </div>

            </div>
            <div style="float:right;width:55%;">
             <?php echo $payment; ?>
         </div>
         <div style="clear:both;"></div>
            ]]></add>
        </operation>
    </file>

</modification>