<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="comprar.aspx.vb" Inherits="SGHweb.comprar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <!----------------------View Port--------------------->
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width">
<meta name="description" content="responsive template creative coders, creative business labs" />
<link href="image/cart.png" rel="icon" />
<title>Checkout</title>
<!----------------------Google Font--------------------->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic"/>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<!----------------------ALl StyleSheets--------------------->
<%  If Session("hotel") = "888" Then%>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/stylehotel1.css" />
<link rel="stylesheet" type="text/css" href="css/layouthotel1.css" />
<link rel="stylesheet" type="text/css" href="css/pavproducttabs.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavproducts.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/carousel.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/sliderlayer/css/typo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavmegamenu.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavtestimonial.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/colorbox/colorbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/ui/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="css/theme-responsive.css" />
<% End If %>
<%  If Session("hotel") = "foresta" Then%>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/stylehotel1.css" />
<link rel="stylesheet" type="text/css" href="css/layouthotel1.css" />
<link rel="stylesheet" type="text/css" href="css/pavproducttabs.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavproducts.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/carousel.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/sliderlayer/css/typo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavmegamenu.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavtestimonial.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/colorbox/colorbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/ui/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="css/theme-responsive.css" />
<% End If %>
<%  If Session("hotel") = "collacocha" Then%>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/stylehotel1.css" />
<link rel="stylesheet" type="text/css" href="css/layouthotel1.css" />
<link rel="stylesheet" type="text/css" href="css/pavproducttabs.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavproducts.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/carousel.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/sliderlayer/css/typo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavmegamenu.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavtestimonial.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/colorbox/colorbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/ui/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="css/theme-responsive.css" />
<% End If %>
<%  If Session("hotel") = "titilakaPuno" Then%>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/stylehotel1.css" />
<link rel="stylesheet" type="text/css" href="css/layouthotel1.css" />
<link rel="stylesheet" type="text/css" href="css/pavproducttabs.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavproducts.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/carousel.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/sliderlayer/css/typo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavmegamenu.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/pavtestimonial.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/colorbox/colorbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/jquery/ui/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="css/theme-responsive.css" />
<% End If %>



<!----------------------ALl JavaScripts--------------------->
<script type="text/javascript" src="js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/common1.js"></script>
<script type="text/javascript" src="js/jquery/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.jcarousel.min.js"></script>
<script type="application/javascript" src="js/layerslider/jquery.themepunch.plugins.min.js"></script>
<script type="application/javascript" src="js/layerslider/jquery.themepunch.revolution.min.js"></script>
<script type="application/javascript" src="js/jquery/colorbox/jquery.colorbox-min.js"></script>
<script type="application/javascript" src="js/jquery/tabs.js"></script>
<!--[if IE 8]>         
<link rel="stylesheet" type="text/css" href="css/ie8.css" />
<![endif]-->
<!--[if lt IE 9]>
<script src="catalog/view/javascript/html5.js"></script>
<![endif]-->
</head>
<body class="fs12 page-common-home none">
<div id="page-container">
  <header id="header" class="pav-header">
    <%--<div id="header-top" class="pav-header-top">
      <div class="container">
        <div class="row-fluid">
          <div class="span8">
            <nav id="links" class="pull-left">
              <ul class="clearfix links">
                <li> <a href="myaccount.html" class="account"> <i class="pavicon-account"></i> My Account </a> </li>
                <li> <a href="wishlist.html" id="wishlist-total" class="wishlist"> <i class="pavicon-wishlist-top"></i> Wish List (0) </a> </li>
                <li> <a href="checkout.html" class="checkout"> <i class="pavicon-checkout"></i> Checkout </a> </li>
                <li> <a href="cart.html" class="shopping"> <i class="icon-shopping-cart"></i> Shopping Cart </a> </li>
              </ul>
            </nav>
            <p id="welcome" class="pull-left"> <a href="login.html" class="login"> <i class="pavicon-login"></i> Login </a> or <a href="register.html"> create an account </a> </p>
          </div>
          <div class="span4">
            <div class="language-wrapper pull-right">
              <div class="btn-group"> <a class="btn dropdown-toggle no-bg" data-toggle="dropdown" href="#"><span> <img src="image/flags/gb.png" alt="English" title="English" /> </span> <span class="caret icon-angle-down"></span> </a>
                <div class="dropdown-menu dropdown">
                  <form action="#" method="post" enctype="multipart/form-data">
                    <div id="language"> <span class="list-item" onClick="$('input[name=\'language_code\']').attr('value', 'en'); $(this).parent().parent().submit();"> <span class="item-name">English</span> <img src="image/flags/gb.png" alt="English" title="English" onClick="$('input[name=\'language_code\']').attr('value', 'en'); $(this).parent().parent().submit();" class="item-symbol" /> </span> <span class="list-item" onClick="$('input[name=\'language_code\']').attr('value', 'fr'); $(this).parent().parent().submit();"> <span class="item-name">French</span> <img src="image/flags/fr.png" alt="French" title="French" onClick="$('input[name=\'language_code\']').attr('value', 'fr'); $(this).parent().parent().submit();" class="item-symbol" /> </span>
                      <input type="hidden" name="language_code" value="" />
                      <input type="hidden" name="redirect" value="home.html" />
                    </div>
                  
                </div>
              </div>
            </div>
            <!-- <span class="pull-right">|</span> -->
            <div class="currency-wrapper pull-right">
              <div class="btn-group"> <a class="btn dropdown-toggle no-bg" data-toggle="dropdown" href="#"><span> US Dollar </span> <span class="caret icon-angle-down"></span> </a>
                <div class="dropdown-menu dropdown">
                  <form action="#" method="post" enctype="multipart/form-data">
                    <div id="currency"> <a title="Euro" onClick="$('input[name=\'currency_code\']').attr('value', 'EUR'); $(this).parent().parent().submit();" class="list-item"> <span class="item-name">Euro</span> <span class="item-symbol">€</span> </a> <a title="Pound Sterling" onClick="$('input[name=\'currency_code\']').attr('value', 'GBP'); $(this).parent().parent().submit();" class="list-item"> <span class="item-name">Pound Sterling</span> <span class="item-symbol">£</span> </a> <a title="US Dollar" class="list-item"> <span class="item-name">US Dollar</span> <span class="item-symbol">$</span> </a>
                      <input type="hidden" name="currency_code" value="" />
                      <input type="hidden" name="redirect" value="home.html" />
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="header-center" class="pav-header-center">
      <div id="mainnav">
        <div class="container">
          <nav id="mainmenu">
            <div class="navbar">
              <div class="hidden-desktop wrapper-nav-title"> <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar bg-color"> 			       		  <span class="icon-bar is-white"></span> 
			  <span class="icon-bar is-white"></span> 
			  <span class="icon-bar is-white"></span> </a> 
			  <span class="hidden-desktop pull-left h1">Navigation</span> </div>
              <div class="navbar-inner">
                <div class="nav-collapse collapse">
                  <ul class="nav megamenu">
                    <li class="home"> <a href="home.html"><span class="menu-title">Home</span></a></li>
                    <li> <a href="product.html"><span class="menu-title">Magazines</span></a></li>
                    <li class="parent dropdown "> 
					<a class="dropdown-toggle" data-toggle="dropdown" href="product.html"> 
					<span class="menu-title">Books</span><b class="caret"></b> </a>
                      <div class="dropdown-menu menu-content mega-cols cols4">
                        <div class="dropdown-menu-inner">
                          <div class="row-fluid">
                            <div class="mega-col span3 col-1">
                              <ul>
                                <li class="parent dropdown-submenu mega-group"> 
								<a class="dropdown-toggle" data-toggle="dropdown" href="product.html"> 
								<span class="menu-title">Horror</span><b class="caret"></b> </a>
                                  <div class="dropdown-mega level1">
                                    <div class="dropdown-menu-inner">
                                      <ul>
                                        <li> <a href="product.html"> <span class="menu-title">Travel</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">True Crime</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Accessories</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Wallets</span> <span class="menu-desc">Sale</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Shoes</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Bags &amp; business</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Watches</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Sollemnes</span> </a> </li>
                                      </ul>
                                    </div>
                                  </div>
                                </li>
                              </ul>
                            </div>
                            <div class="mega-col span3 col-2">
                              <ul>
                                <li class="parent dropdown-submenu mega-group"> 
								<a class="dropdown-toggle" data-toggle="dropdown" href="product.html"> <span class="menu-title">Action </span><b class="caret"></b> </a>
                                  <div class="dropdown-mega level1">
                                    <div class="dropdown-menu-inner">
                                      <ul>
                                        <li> <a href="product.html"> <span class="menu-title">Classics</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Graphic Novels</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Erotica</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Crafts &amp; Hobbies</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Current Events</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Computers</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Cooking, Food</span> </a> </li>
                                        <li><a href="product.html"> <span class="menu-title">Fantasy</span> <span class="menu-desc">New</span> </a> </li>
                                      </ul>
                                    </div>
                                  </div>
                                </li>
                              </ul>
                            </div>
                            <div class="mega-col span6 col-3">
                              <ul>
                                <li>
                                  <div class="menu-content">
                                    <div class="pav-menu-video">
                                      <p>
                                        <embed height="200" src="http://youtube.com/v/bIxfYHFGX34" type="application/x-shockwave-flash" width="400"><embed/>
                                      </p>
                                      <h3>Dorem ipsum dolor sit amet consectetur</h3>
                                      <p>Dorem ipsum dolor sit amet consectetur adipiscing elit congue sit amet erat roin tincidunt vehicula lorem in adipiscing urna iaculis vel.</p>
                                    </div>
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li class="parent dropdown single"> 
					<a class="dropdown-toggle" data-toggle="dropdown" href="product.html"> 
					<span class="menu-title">Nook Books </span><b class="caret"></b> </a>
                      <div class="dropdown-menu level1">
                        <div class="dropdown-menu-inner">
                          <ul>
                            <li> <a href="product.html"> <span class="menu-title">Music</span> </a> </li>
                            <li> <a href="product.html"> <span class="menu-title">Games</span> </a> </li>
                            <li> <a href="product.html"> <span class="menu-title">Occult</span> </a> </li>
                            <li> <a href="product.html"> <span class="menu-title">Children's Series</span> </a> </li>
                            <li> <a href="product.html"> <span class="menu-title">Anthologies</span> </a> </li>
                            <li> <a href="product.html"> <span class="menu-title">Study Aids</span> </a> </li>
                            <li> <a href="product.html"> <span class="menu-title">Education</span> </a> </li>
                          </ul>
                        </div>
                      </div>
                    </li>
                    <li> <a href="product.html"> <span class="menu-title">Audiobooks</span> </a> </li>
                    <li> <a href="#"> <span class="menu-title">Blog</span> </a> </li>
                    <li class="parent dropdown "> <a class="dropdown-toggle" data-toggle="dropdown" href="product.html"> <span class="menu-title">Textbooks</span><b class="caret"></b> </a>
                      <div class="dropdown-menu menu-content mega-cols cols4">
                        <div class="dropdown-menu-inner">
                          <div class="row-fluid">
                            <div class="mega-col span3 col-1">
                              <ul>
                                <li class="parent dropdown-submenu mega-group"> <a class="dropdown-toggle" data-toggle="dropdown" href="productview.html"> <span class="menu-title">Science Fiction</span><b class="caret"></b> </a>
                                  <div class="dropdown-mega level1">
                                    <div class="dropdown-menu-inner">
                                      <ul>
                                        <li> <a href="product.html"> <span class="menu-title">Handbags</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Sollemnes</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Shoes</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Web Cameras</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Sunglasses</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Evening</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Dresses</span> </a> </li>
                                      </ul>
                                    </div>
                                  </div>
                                </li>
                              </ul>
                            </div>
                            <div class="mega-col span3 col-2">
                              <ul>
                                <li class="parent dropdown-submenu mega-group"> <a class="dropdown-toggle" data-toggle="dropdown" href="product.html"> <span class="menu-title">Accessories</span><b class="caret"></b> </a>
                                  <div class="dropdown-mega level1">
                                    <div class="dropdown-menu-inner">
                                      <ul>
                                        <li> <a href="product.html"> <span class="menu-title">Sony VAIO</span> </a> </li>
                                        <li><a href="product.html"> <span class="menu-title">Samsung galaxy note 2</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">MacBook</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Beatae esse dignissimos</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Apple Cinema 30</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">MacBook Pro</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">HTC Touch HD</span> </a> </li>
                                      </ul>
                                    </div>
                                  </div>
                                </li>
                              </ul>
                            </div>
                            <div class="mega-col span3 col-3">
                              <ul>
                                <li class="parent dropdown-submenu mega-group"> <a class="dropdown-toggle" data-toggle="dropdown" href="product.html"> <span class="menu-title">Mobiles</span><b class="caret"></b> </a>
                                  <div class="dropdown-mega level1">
                                    <div class="dropdown-menu-inner">
                                      <ul>
                                        <li> <a href="product.html"> <span class="menu-title">Scanners</span> <span class="menu-desc">promotion 5%</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Accessories</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Evening</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Formal wear</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Sollemnes</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Bags &amp; business</span> </a> </li>
                                        <li> <a href="product.html"> <span class="menu-title">Silver jewelry</span> </a> </li>
                                      </ul>
                                    </div>
                                  </div>
                                </li>
                              </ul>
                            </div>
                            <div class="mega-col span3 col-4">
                              <ul>
                                <li>
                                  <div class="menu-content">
                                    <p> <img alt="System Z906" src="image/submenu_01.png" /> </p>
                                    <p>Assumenda, quos quis labore maxime quasi sed quisquam quibusdam odit minus atque, nec convallis leo erat a nunc</p>
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </div>--%>
    <div id="header-bottom" class="pav-header-bottom">
      <div class="wrapper-header-bottom">
        <div class="container">
          <div class="row-fluid">
            <div class="span5">
              <div id="logo" class="pull-left"> <a href="catalogo.aspx"> SGH Perú </a> </div>
              
            </div>
            <asp:Button ID="btn_cerrar_session" runat="server" Text="Cerrar Session"></asp:Button>
            <div id="login_a" class="span19" runat="server" style="width: 90px;">
            
            <p><b>E-Mail:</b><asp:TextBox ID="TextBox1" runat="server" class="span12"></asp:TextBox></p>
			    <%--<p><input name="email" value="" class="span12" type="text"></p>--%>
                <%--<p></p>--%>
			    <p><b>Password:</b><asp:TextBox ID="TextBox2" runat="server" class="span12" type="password"></asp:TextBox></p>
			    <%--<p><input name="password" value="" class="span12" type="password"></p>--%>
                    <%--<p></p>--%>
			    <%--<p><input value="Login" id="buttonLogin" class="button" type="button" onclick="return buttonLogin_onclick()"></p>--%>
                <p><asp:Button ID="Button1" runat="server" Text="Button" class="button" ></asp:Button></p>
            </div>
            <div class="span7">
           <%-- <div id="log" class="loguin">
                    <h7><a href="comprar.aspx">Loguin</a></h7>
                  </div>--%>

              <div class="header-right clearfix">
                <%--<h7 style="text-decoration: underline;"><a href="comprar.aspx">Login</a></h7>--%>
                <div id="cart" class="pull-right">
                  <div class="heading">
                  
                    <div class="pull-left"> <i class="pavicon-cart">&nbsp;</i> </div>
                    <div class="pav-cart-title pull-left">
                      <h3>Carrito de Compras</h3>
                      <a class="total-cart"><span id="cart-total">item(s) - Total de Puntos: <asp:Label ID="total_minicar" runat="server" Text="0"></asp:Label></span></a> </div>
                  </div>
                  <div class="content">
                    <div class="mini-cart-info">
                      <table class="table">
                        <%--<tr>
                          <td class="image"><a href="productview.html"> <img src="http://placehold.it/80x80" alt="Recusandae" title="Recusandae" /> </a> </td>
                          <td class="name"><a href="productview.html">Recusandae</a>
                            <div class="mini-cart-content"> </div></td>
                          <td class="quantity"> x&nbsp;1 </td>
                          <td class="total"> $159.00 </td>
                          <td class="remove"><img src="image/remove-small.png" alt="Remove" title="Remove"/> </td>
                        </tr>
                        <tr>
                          <td class="image"><a href="productview.html"> <img src="http://placehold.it/80x80" alt="Music" title="Music" /> </a> </td>
                          <td class="name"><a href="productview.html">Music</a>
                            <div class="mini-cart-content"> </div></td>
                          <td class="quantity"> x&nbsp;1 </td>
                          <td class="total"> $107.75 </td>
                          <td class="remove"><img src="image/remove-small.png" alt="Remove" title="Remove" /> </td>
                        </tr>--%>
                         <tbody id="tabla_cuerpo" runat="server">




                        </tbody>

                      </table>
                    </div>
                    <div class="mini-cart-total">
                      <table class="table">
                        <%--<tr>
                          <td class="a-right"><b class="fs13">Sub-Total:</b> </td>
                          <td class="a-right">$249.00</td>
                        </tr>
                        <tr>
                          <td class="a-right"><b class="fs13">Eco Tax (-2.00):</b> </td>
                          <td class="a-right">$2.00</td>
                        </tr>
                        <tr>
                          <td class="a-right"><b class="fs13">VAT (17.5%):</b> </td>
                          <td class="a-right">$15.75</td>
                        </tr>--%>
                        <tbody id="tabla_total" runat="server">

                        <tr>
                          <td class="a-right"><b class="fs13">Total:</b> </td>
                          <td class="a-right">$<asp:Label ID="total_Producto" runat="server" Text="0"></asp:Label></td>
                        </tr>


                        </tbody>

                      </table>
                    </div>
                    <div class="checkout"> <a href="catalogo.aspx" class="button">Continuar Canjeando</a> <a href="comprar.aspx" class="button">Canjear</a> </div>
                  </div>
                </div>
                <div id="search" class="pull-right">
                  <input type="text" name="search" placeholder="Buscar" value="" />
                  <div class="button-search pavicon-search">&nbsp;</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <section class="container">
			<div id="main" class="aside">
			<section id="sys-notification">
			<div id="notification"></div>
			</section>
			<section id="columns"><div class="row-fluid">
<!--left -->

<section class="span9">
	<div id="content" class="checkout one-page">
				
			<div class="breadcrumb no-box">
		<a href="home.html">Home</a>
		 &raquo; <a href="cart.html">Shopping Cart</a>
		 &raquo; <a href="checkout.html">Checkout</a>
	
<script type="text/javascript">
    $(function () {
        $('.breadcrumb a').last().addClass('last');
    });	
	</script>
</div>			
		<h1>Checkout</h1>
		<div class="inner">
					<div id="checkout">
						<h3 class="checkout-heading">
							Step 1: Checkout Options						
							</h3>
							<div class="row-fluid">
	<div class="span6">
		<div class="content wrapper">
			<h3>New Customer</h3>
			<p>Checkout Options:</p>
			<p><label for="register">
				<input name="account" value="register" id="register" checked="checked" type="radio">
				<b>Register Account</b>
				</label>
			</p>
			<p><label for="guest">
				<input name="account" value="guest" id="guest" type="radio">
				<b>Guest Checkout</b>
				</label>
				</p>	
			<p>By creating an account you will be able to shop faster, be up to date on an order's status, and keep track of the orders you have previously made.</p>
			<input value="Continue" id="button-account" class="button" type="button">
		</div>
	</div>

	<div id="login" class="span6">
		<div class="content wrapper">
            <form id="Form1" runat="server">
			    <h3>Returning Customer</h3>
			    <p>I am a returning customer</p>
			    <p><b>E-Mail:</b></p>
			    <%--<p><input name="email" value="" class="span12" type="text"></p>--%>
                <p><asp:TextBox ID="emailTB" runat="server" class="span12"></asp:TextBox></p>
			    <p><b>Password:</b></p>
			    <%--<p><input name="password" value="" class="span12" type="password"></p>--%>
                    <p><asp:TextBox ID="passwordTB" runat="server" class="span12" type="password"></asp:TextBox></p>
			    <p><a href=".html">Forgotten Password</a></p>
			    <%--<p><input value="Login" id="buttonLogin" class="button" type="button" onclick="return buttonLogin_onclick()"></p>--%>
                <p><asp:Button ID="LoginB" runat="server" Text="Button" class="button" ></asp:Button></p>
            </form>
		</div>
	</div>
</div>
						<div class="checkout-content"></div>
					</div>
						<div id="payment-address">
						<h3 class="checkout-heading">
							Step 2: Account &amp; Billing Details						
							</h3>
						<div class="checkout-content"></div>
					</div>
						<div id="shipping-address">
						<h3 class="checkout-heading">
							Step 3: Delivery Details
							</h3>
						<div class="checkout-content"></div>
					</div>
					<div id="shipping-method">
						<h3 class="checkout-heading">
							Step 4: Delivery Method						
							</h3>
						<div class="checkout-content"></div>
					</div>
										<div id="payment-method">
						<h3 class="checkout-heading">
							Step 5: Payment Method						
							</h3>
						<div class="checkout-content"></div>
					</div>
					<div id="confirm">
						<h3 class="checkout-heading">
							Step 6: Confirm Order						
							</h3>
						<div class="checkout-content"></div>
					</div>				
			</div>
			</div>  
			
			</section>
			<aside class="span3">	
	<div id="column-right" class="sidebar">
		<div class="box pav-category black">
    <h3 class="box-heading">
        <span>Categories</span>
    </h3>
    <nav class="box-content">
        <ul class="box-category megamenu">
                        <li>                
                        <a href="product.html">Textbooks</a>
                <div class="subcat pull-right"><a href="javascript:void(0);" class="toggle icon-plus"></a></div>
                <ul class="child-category">
                                        <li>
                                                <a href="product.html"> Accessories</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Bags &amp; business</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Belts</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Wallets</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Watches</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Formal wear</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Silver jewelry</a>
                                            </li>
                                    </ul>
                            </li>
                        <li>                
                                <a href="product.html" class="active">Books</a>
                                				<div class="subcat pull-right"><a href="javascript:void(0);" class="toggle icon-plus"></a></div>
                <ul class="child-category">
                                        <li>
                                                <a href="product.html"> Crafts &amp; Hobbies</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Reference</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Romance</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Study Aids</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Children's Series</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Current Events</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Fantasy</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Graphic Novels</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Music</a>
                                            </li>
                                    </ul>
                            </li>
                        <li>                
                                <a href="product.html"> Audiobooks</a>
                                				<div class="subcat pull-right"><a href="javascript:void(0);" class="toggle icon-plus"></a></div>
                <ul class="child-category">
                                        <li>
                                                <a href="product.html"> Action &amp; Adventure</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Business &amp; Economics</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Classics</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Computers &amp; Technology </a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Cooking, Food &amp; Wine</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Erotica</a>
                                            </li>
                                    </ul>
                            </li>
                        <li>                
                                <a href="product.html">Magazines</a>
                <div class="subcat pull-right"><a href="javascript:void(0);" class="toggle icon-plus"></a></div>
                <ul class="child-category">
                                        <li>
                                                <a href="product.html"> Action &amp; Adventure</a>
                                            </li>
                                        <li>
                                                <a href="product.html">> Anthologies</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Children's Series</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Classics</a>
                                            </li>
                                        <li>
                                                <<a href="product.html"> Crafts &amp; Hobbies</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Education</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Fantasy</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Games</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Graphic Novels</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Horror</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Music</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Occult</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Science Fiction</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Study Aids</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Travel</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> True Crime</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> True Crime</a>
                                            </li>
                                        <li>
                                                <a href="product.html"> Westerns</a>
                                            </li>
                                    </ul>
                            </li>
                        <li>                
                                <a href="product.html">Nook Books</a>
                                            </li>
                    </ul>
		
		
		<script type="text/javascript">
		    $(function () {
		        //Toggle Sub Categories
		        var activeCat = '.box-category li a.active';
		        if ($(activeCat).length > 0) {
		            $(activeCat).parent('li').find('ul').show();
		            $(activeCat).parent('li').find('a.toggle').toggleClass('aToggle');
		        }
		        $('.subcat a').click(function () {
		            $('.subcat a').removeClass('aToggle');
		            var ul = $(this).parent('div').parent('li').find('ul');
		            if (!ul.is(':visible')) {
		                $('.box-category ul li > ul').slideUp();
		                $(this).toggleClass('aToggle');
		            } else {
		                $(this).removeClass('aToggle');
		            }
		            ul.stop(true, true).slideToggle();
		        });
		    });
		</script>	
		
    </nav>
</div>

<%--<div id="banner0" class="box pav-banner">
    <div class="pav-banner">
    <a href="#">
	<img src="http://placehold.it/222x122" alt="Free Shipping" title="Free Shipping" />
    </a>
        </div>
            </div>--%>

<script type="text/javascript">
<!--
    $(document).ready(function () {
        $('#banner0 div:first-child').css('display', 'block');
    });

    var banner = function () {
        $('#banner0').cycle({
            before: function (current, next) {
                $(next).parent().height($(next).outerHeight());
            }
        });
    }

    setTimeout(banner, 2000);
//-->
</script>		
<%--<div id="banner1" class="box pav-banner">
	<div class="pav-banner">
    <a href="#">
    <img src="http://placehold.it/222x123" alt="Sale Off " title="Sale Off " />
     </a>
    </div>
</div>--%>

<script type="text/javascript">
<!--
    $(document).ready(function () {
        $('#banner1 div:first-child').css('display', 'block');
    });

    var banner = function () {
        $('#banner1').cycle({
            before: function (current, next) {
                $(next).parent().height($(next).outerHeight());
            }
        });
    }

    setTimeout(banner, 2000);
//-->
</script>		<div class="box pav-special">
	<h3 class="box-heading">
		<span>Specials</span>
	</h3>
	<section class="box-content">	
		
<div class="product-grid">		
				<div class="product-block mode-list">
			<div class="product-inner">			
								<div class="image">
					<a class="product-image" href="productview.html"><img src="http://placehold.it/180x180" alt="A Career Music" /></a>
				</div>
					
				
				<div class="product-bottom">									
					<h3 class="name hiden">
						<a href="productview.html">A Career Music</a>
					</h3>
					
										<p class="description">
						Lorem ipsum dolor sit amet, consectetur adipisicin ... 
											</p>
						
					

										<div class="price">
												<span class="price-old">$0.00</span> <span class="price-new">$80.00</span>
											</div>
					
										<div class="rating">
						<img src="image/stars-3.png" alt="Based on 1 reviews." />
					</div>
					
					<div class="pav-button clearfix is-over">
						<input type="button" value="Add to Cart" onclick="addToCart('51');" class="button" />								
						<a class="pavicon-compare-default hiden hidden-tablet" onclick="addToCompare('51');">Add to Compare</a>				
						<a class="pavicon-wishlist-default hiden hidden-tablet" onclick="addToWishList('51');">Add to Wish List</a>
					</div>		
				</div>	
			</div>
		</div>
	
	</div>	
	</section>
</div>
<%--<div id="banner2" class="box pav-banner">
    <div class="pav-banner">
    <a href="productview.html">
    <img src="http://placehold.it/222x348" alt="book banner" title="book banner" /></a>
    </div>
</div>--%>
<script type="text/javascript">
<!--
    $(document).ready(function () {
        $('#banner2 div:first-child').css('display', 'block');
    });

    var banner = function () {
        $('#banner2').cycle({
            before: function (current, next) {
                $(next).parent().height($(next).outerHeight());
            }
        });
    }

    setTimeout(banner, 2000);
//-->
</script>	
</div>
</aside>
</div>
</section>

     <%-- <section id="pav-mass-bottom">
        <div class="container">
          <div class="row-fluid">
            <div class="span6">
              <div class="box pav-about-us m-height is-highlight">
                <h3 class="box-heading"> <span>About Us</span> </h3>
                <section class="box-content">
                  <article> <img alt="About Us" src="image/about_block.jpg" />
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nulla libero, vulputate nec bibendum sed, vehicula sit amet mi. Mauris nec urna egestas. Proin mauris ipsum, egestas vel ultrices in, tempus in mauris. Aenean vel sapien sapien, mattis vulputate tellus.</p>
                    <p>Mauris iaculis, nisl in volutpat mollis, ligula orci suscipit magna, sed sagittis orci tortor eget leo. Duis nisi tellus, fermentum vel tincidunt ut, bibendum nec arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eget nunc dui.</p>
                    <p>Curabitur congue rhoncus est, eget mollis massa hendrerit sed. Mauris elit purus, viverra nec gravida ut, vehicula vitae ipsum. Proin diet, nisi at vestibulum bibendum, leo ante fermentum diam, semper congue velit sapien id elit. Integer vehicula porta mattis.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, ducimus, amet porro iusto libero sed eaque suscipit eum a adipisci enim voluptas culpa qui eveniet earum voluptatem quod unde quibusdam facilis quae perferendis laudantium aperiam totam odit dicta ex ab.</p>
                  </article>
                </section>
              </div>
            </div>
            <div class="span6">
              <div class="box pav-twitter-latest m-height is-highlight">
                <h3 class="box-heading"> <span>Latest tweets</span> </h3>
                <section class="box-content"> 
				<a class="twitter-timeline"  href="https://twitter.com/creativeblabs"  data-widget-id="363598633880403968">Tweets by @creativeblabs</a>
				<script>				    !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");</script>
				</section>
              </div>
            </div>
          </div>
        </div>
      </section>--%>
    </div>
  </section>
  <footer class="aside footer">
   <%-- <aside id="footer">
      <div class="footer-top">
        <div class="container">
          <div class="footer-top-wrapper">
            <div class="footer-top-inner">
              <div class="row-fluid">
                <section class="span4">
                  <ul class="social clearfix">
                    <li><a class="pavicon-facebook" href="https://facebook.com/" target="_blank" title="Facebook">Facebook</a></li>
                    <li><a class="pavicon-twitter" href="https://twitter.com/" target="_blank" title="Twitter">Twitter</a></li>
                    <li><a class="pavicon-google" href="https://plus.google.com/" target="_blank" title="Google Plus">Google Plus</a></li>
                    <li><a class="pavicon-youtube" href="http://youtube.com/" target="_blank" title="Youtube">Youtube</a></li>
                    <li><a class="pavicon-pinterest" href="http://pinterest.com/" target="_blank" title="Pinterest">Pinterest</a></li>
                  </ul>
                </section>
                <section class="span8">
                  <div class="input-box"> <a class="button button-newsletter" href="#" title="subscribe"> <span>subscribe</span> </a>
                    <input class="input-subscribe" name="email" placeholder="Enter email address" title="Enter email address" type="text" />
                  </div>
                  <h4 class="t-news hidden-tablet hidden-phone">Newsletter</h4>
                </section>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-center foot-pack">
        <div class="container">
          <div class="row-fluid">
            <nav class="column span3">
              <h3><span>Shop Map</span></h3>
              <p> <img alt="shop map" src="image/shopmap.jpg" /> </p>
              <p> <i class="pavicon-shop">&nbsp;</i> Address: Me Tri Ha, Tu Liem, Ha Noi ,Viet Nam </p>
            </nav>
            <nav class="column span2">
              <h3>My Account</h3>
              <ul class="account list-link">
                <li><a href="myaccount.html">My Account</a></li>
                <li><a href="#">Order History</a></li>
                <li><a href="wishlist.html">Wish List</a></li>
                <li><a href="#">Newsletter</a></li>
              </ul>
            </nav>
            <nav class="column span2">
              <h3>Extras</h3>
              <ul class="extra list-link">
                <li><a href="#">Brands</a></li>
                <li><a href="#">Gift Vouchers</a></li>
                <li><a href="#">Affiliates</a></li>
                <li><a href="#">Specials</a></li>
              </ul>
            </nav>
            <nav class="column span2">
              <h3>Our Services</h3>
              <ul class="service list-link">
                <li><a href="contact.html">Contact Us</a></li>
                <li><a href="#">Returns</a></li>
                <li><a href="#">Site Map</a></li>
              </ul>
            </nav>
            <nav class="column span3">
              <h3>Information</h3>
              <ul class="infor-site list-link">
                <li><a href="#">About Us</a></li>
                <li><a href="#">Delivery Information</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms &amp; Conditions</a></li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </aside>--%>
    <p id="back-top"> <a href="#top"> <span></span> </a> </p>
    <aside id="powered">
      <div class="container">
        <nav>
          <ul class="info clearfix">
				<li><a href="#">About Us</a></li>
                <li><a href="#">Delivery Information</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms &amp; Conditions</a></li>
              </ul>
        </nav>
        <address>
        Copyright 2013 Powered By <a href="http://www.creativebusinesslabs.com" target="_blank">CBL</a> Pav Books - Responsive Opencart Theme &copy; 2013 by <a href="http://www.creativecoders.in" target="_blank" title="Creative Coders- Creative Web Development">Creative Coders</a> All rights reversed.
        </address>
      </div>
    </aside>
  </footer>
  
<!------ Template Options-------------->
  <link rel="stylesheet" type="text/css" href="css/paneltool.css" media="screen" />
  <aside id="pav-paneltool" class="hidden-phone hidden-tablet">
    <div class="pn-action pull-right"> <i class="icon-cog"></i> </div>
    <div class="panel-inner hide">
      <div>
 <h4>Panel Tool</h4>
        <form method="post">
          <h4>Panel Tool</h4>
        <form method="post">
            <label>Body Pattern</label>
            <div class="box-patterns clearfix">
              <div class="pattern1"></div>
              <div class="pattern10"></div>
              <div class="pattern11"></div>
              <div class="pattern12"></div>
              <div class="pattern13"></div>
              <div class="pattern14"></div>
              <div class="pattern15"></div>
              <div class="pattern16"></div>
              <div class="pattern2"></div>
              <div class="pattern3"></div>
              <div class="pattern4"></div>
              <div class="pattern5"></div>
              <div class="pattern6"></div>
              <div class="pattern7"></div>
              <div class="pattern8"></div>
              <div class="pattern9"></div>
            </div>
            <input name="userparams[body_pattern]" type="hidden" id="userparams_body_pattern" value="none"/>
          </div>
		  </form>
      </div>
    </div>
  </aside>
  <script type="text/javascript">
      $("#pav-paneltool .pn-action").click(function () {
          $(this).toggleClass("open");
          $("#pav-paneltool .panel-inner").toggle();
      });
      $(".box-patterns div").click(function () {
          var _c = $("body").attr("class").replace(/pattern(\d+)/i, "");
          $("body").attr("class", _c);
          $(".box-patterns div").removeClass("active");
          $(this).addClass("active");
          $("body").addClass($(this).attr("class"));
          $("#userparams_body_pattern").val($(this).attr("class"));
      });

      if ($("#userparams_body_pattern").val()) {
          $(".box-patterns").find("." + $("#userparams_body_pattern").val()).addClass("active");
      }
</script>
  <script type="text/javascript">
      $(document).ready(function () {
          $("ul li:first-child").addClass('first');
          $("ul li:last-child").addClass('last');
          $("#image-additional a:last-child").addClass('last');

          $("#back-top").hide();

          $(function () {
              $(window).scroll(function () {
                  if ($(this).scrollTop() > 100) {
                      $('#back-top').fadeIn();
                  } else {
                      $('#back-top').fadeOut();
                  }
              });

              $('#back-top a').click(function () {
                  $('body,html').animate({ scrollTop: 0 }, 800);
                  return false;
              });
          });

          $(function () {
              $('#header .links li').last().addClass('last');
              $('.breadcrumb a').last().addClass('last');
              $('.cart tr').eq(0).addClass('first');
          });

      });
</script>
</div>
</body>
</html>
