<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sanatana HTML Version - Checkout</title>
<meta name="description" content="Default Description" />
<meta name="keywords" content="Santana, Varien, E-commerce" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="#" type="image/x-icon" />
<link rel="shortcut icon" href="#" type="image/x-icon" />
<!-- CSS =====================================================================================-->
<link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/skin.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/cloud-zoom.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/light_box.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/mix.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/banner.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/magicat.css" media="all" />
<!-- Scripts =====================================================================================-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/banner_pack.js"></script>
<script type="text/javascript" src="js/light_box.js"></script>
<script type="text/javascript" src="js/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mix.js"></script>
</head>
<body class=" cms-index-index cms-home">
<!--START OF WRAPPER-->
<div class="wrapper">
<div class="page">
<!--START OF HEADER-->
<div class="header-container">
<div class="quick-access">
<!--Start Block Cart-->
<div class="block block-cart header_cart">
<div class="block-content_pan">
<div class="summary trigger-minicart">
<h2 class="classy"> <span class="cart_icon"><img alt="" src="images/shoppingbag.png" /></span><a href="#">0 item</a> </h2>
</div>
<div class="remain_cart" id="minicart">
<p class="empty">You have no items in your shopping cart.</p>
<div class="actions">
<p class="subtotal"> <span class="label">Cart Subtotal:</span> <span class="price">$0.00</span> </p>
<button type="button" title="Checkout" class="button"><span><span>Checkout</span></span></button>
</div>
</div>
</div>
</div>
<!--End Block Cart-->
<!--Start Toplinks-->
<ul class="links">
<li class="first"><a href="#" title="My Account">My Account</a></li>
<li><a href="#" title="Checkout" class="top-link-checkout">Checkout</a></li>
<li class=" last"><a href="#" title="Log In">Log In</a></li>
</ul>
<!--End Toplinks-->
<!--Start Language-->
<div class="form-language">
<div class="language" id="select-language"> <a title="English" class="flag" href="#" style="background: url(images/flag_default.gif) no-repeat scroll 0% 0% transparent;">English</a> <a title="French" class="flag" href="#" style="background: url(images/flag_french.gif) no-repeat scroll 0% 0% transparent;">French</a> <a title="German" class="flag" href="#" style="background: url(images/flag_german.gif) no-repeat scroll 0% 0% transparent;">German</a> </div>
</div>
<!--End Language-->
<!--Start Currency-->
<div class="header_currency">
<div class="block block-currency">
<div class="block-content"> <a title="British Pound Sterling" class="currency_icon" style="background: url(images/currency_GBP.gif) no-repeat" href="#">British Pound</a> <a title="Euro" class="currency_icon" style="background:url(images/currency_EUR.gif) no-repeat" href="#">Euro</a> <a title="US Dollar" class="currency_icon selected" style="background: url(images/currency_USD.gif) no-repeat" href="#">US Dollar</a> </div>
</div>
</div>
<!--End Currency-->
</div>
<!--Start Header Content-->
<div class="header">
<ul id="logo">
<!--Left-->
<li class="head-container"> <span>{</span>
<h2 class="classy">Free shipping over $9.99</h2>
<span>}</span>
<p class="top-welcome-msg">Default welcome msg!</p>
</li>
<!--Left-->
<!--Center Logo-->
<li class="logo-box">
<h1 class="logo"><strong>Santana Commerce</strong><a href="#" title="Santana Commerce" class="logo"><img src="images/logo.png" alt="Santana Commerce" /></a></h1>
</li>
<!--Center Logo-->
<!--Right-->
<li class="head-container"> <span>{</span>
<h2 class="classy">Call us - +1 999 999 9999</h2>
<span>}</span>
<div id="search-bar">
<div class="top-bar">
<form id="search_mini_form" action="#">
<div class="form-search">
<input
onfocus="if(this.value=='Search') {this.value=''};" onblur="if(this.value=='') {this.value='Search'};"
id="search" name="q" value="Search" class="input-text" type="text" />
<button type="submit" title="Go" class="button">Go</button>
</div>
</form>
</div>
</div>
</li>
<!--Right-->
</ul>
<!--Start of Navigation-->
<div class="nav-container">
<ul id="nav">
<li><a href="#">Home</a></li>
<li class="level0 nav-1 level-top first parent"> <a href="#" class="level-top"> <span>Womens</span> </a>
<ul class="level0">
<li class="level1 first parent"> <a href="#"> <span>Sweaters</span> </a>
<ul class="level1">
<li class="level2 first"> <a href="#"> <span>Cardigans</span> </a> </li>
<li class="level2"> <a href="#"> <span>Pullovers</span> </a> </li>
<li class="level2"> <a href="#"> <span>Novelty Sweaters</span> </a> </li>
<li class="level2 last"> <a href="#"> <span>Medium Wash</span> </a> </li>
</ul>
</li>
<li class="level1 parent"> <a href="#"> <span>Knit Tops</span> </a>
<ul class="level1">
<li class="level2 first"> <a href="#"> <span>Dressy</span> </a> </li>
<li class="level2"> <a href="#"> <span>Sporty</span> </a> </li>
<li class="level2"> <a href="#"> <span>Knit Jackets</span> </a> </li>
<li class="level2 last"> <a href="#"> <span>Tanks</span> </a> </li>
</ul>
</li>
<li class="level1 parent"> <a href="#"> <span>Shirts & Blouses</span> </a>
<ul class="level1">
<li class="level2 first"> <a href="#"> <span>Dressy</span> </a> </li>
<li class="level2"> <a href="#"> <span>Casual</span> </a> </li>
<li class="level2"> <a href="#"> <span>A|X Logos</