{if $banks}
    <style media="screen">
        .paybynet {
            border: 1px solid #d6d4d4;
            border-radius: 4px;
            padding: 20px 5px;
        }
        .paybynet .logo {
            text-align: center;
            padding: 30px 0 0 10px;
            min-height: 120px;
        }
        .paybynet ul {
            float: left;
        }
        .paybynet ul li {
            display: inline-block;
            padding: 5px 10px;
            border: 1px solid transparent;
            cursor: pointer;
        }

        .paybynet ul li.active,
        .paybynet ul li:hover {
            border: 1px solid #ccc;
            box-shadow: 1px 1px 1px #ddd;
            border-radius: 8px;
            background: #eee;
        }
    </style>
    <div class="paybynet">
        <div class="row">
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-lg-2 col-sm-3 col-xs-12">
                        <div class="logo">
                            <img src="{$module_path}paybynet_logo.jpg" alt="" />
                        </div>
                    </div>
                    <div class="col-lg-10 col-sm-9 col-xs-12">
                        <ul>
                            {foreach from=$banks item=bank}
                                <li>
                                    <a href="{$redirect_url}?bank_id={$bank.id}">
                                        <img src="{$icon_path}{$bank.image}" alt="{$bank.name}" alt="{$bank.name}" data-id="{$bank.id}" />
                                    </a>
                                </li>
                            {/foreach}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
{/if}