pop up calculadora

Calculadora VIG

<div id="page" class="<?= $pageclass ?>">
            <header class="container_16">
                <div class="grid_6 suffix_2">
                    <div class="logo"></div>
                </div>
                <div class="grid_8">
                    <ul>
                        <li class="call">
                            <p class="phone margin_auto">787-200-8585</p>
                            <p class="margin_auto">&iexcl;Ll&aacute;manos a cualquier hora!</p>
                        </li>
                        <li class="all_day">
                            <div class="phone_img"></div>
                            <p>24/7</p>
                        </li>
                        <li class="social">
                            <div class="tweet"></div>
                            <div class="fb"></div>
                        </li>
                    </ul>
                </div>
                <div id="nav" class="grid_16">
                    <ul>
                        <li><a href="/">INICIO</a></li>
                        <li><a href="/nosotros">NOSOTROS</a></li>
                        <li class="calculadora"><a href="#">CALCULADORA</a></li>
                        <li><a href="/reverse">REVERSE</a></li>
                        <li><a href="/calendario">CALENDARIO</a></li>
                        <li><a href="/contacto">CONTACTO</a></li>
                        <li><a href="/noticias">NOTICIAS</a></li>
                    </ul>
                    <div class="search">
                        <input type="search" value="Busqueda"/>
                        <input type="button"/>
                    </div>
                </div>
            </header>
            <div class="calculator" style="display:none;">
                <button class="close"></button>
                <div class="clearfix"></div>
                <div class="screen"></div>
                <div class="steps">
                    <p style="font-size: 12px;">Paso #1</p>
                    <p style="font-size: 9px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
                </div>
                <ul>
                    <li class="blue_btn"><a href="#">Cantidad</a></li>
                    <li class="blue_btn lef"><a href="#">Interés</a></li>
                    <li class="blue_btn lef"><a href="#">Término</a></li>
                    <li class="red_btn lef"><a href="#" style="font-size: 20px">C</a></li>
                </ul>
                <ul>
                    <li class="grey_btn"><a href="#">7</a></li>
                    <li class="grey_btn lef"><a href="#">8</a></li>
                    <li class="grey_btn lef"><a href="#">9</a></li>
                    <li class="blue_btn lef"><a href="#"></a></li>
                </ul>
                <ul>
                    <li class="grey_btn"><a href="#">4</a></li>
                    <li class="grey_btn lef"><a href="#">5</a></li>
                    <li class="grey_btn lef"><a href="#">6</a></li>
                    <li class="blue_btn lef"><a href="#"></a></li>
                </ul>
                <div class="calc_btm">
                    <div class="left">
                        <ul>
                            <li class="grey_btn"><a href="#">1</a></li>
                            <li class="grey_btn lef"><a href="#">2</a></li>
                            <li class="grey_btn lef"><a href="#">3</a></li>
                        </ul>
                        <ul>
                            <li class="big_grey_btn"><a href="#">0</a></li>
                            <li class="grey_btn lef"><a href="#">.</a></li>
                        </ul>
                    </div>
                    <div class="right">
                        <div class="enter" style="margin: 5px 0 0 13px!important;"><a href="#">Pago<br/>=</a></div>
                    </div>
                </div>
            </div>
            <div class="page_overlay" style="display: none;">
            </div>
            <script>
                $(document).ready(function(){
                    $('.calculadora').click(function(){
                        $('.page_overlay').show();
                        $('.calculator').show();
                    });
                });
            </script>