<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>inner_cart</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!--[if IE]><script type="text/javascript" src="js/PIE.js"></script><![endif]-->
<script type="text/javascript" src="js/my.js"></script>
<link rel="stylesheet" type="text/css" href="css/jClever.css" />
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jClever.js" charset="utf-8"></script>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrap">
<div class="page">
<div class="contentarea">
<div class="header">
<div class="logo"><a href="#" title="#"></a></div>
<div class="menu">
<ul>
<li><a href="#" title="#">Главная</a></li>
<li class="active"><a href="#" title="#">Каталог</a></li>
<li><a href="#" title="#">Наша кожа</a></li>
<li><a href="#" title="#">Производство чехлов</a></li>
<li><a href="#" title="#">Контакты</a></li>
</ul>
</div>
<div class="basket">
<div class="bask_link"><a href="#" title="#">Корзина</a></div>
<div class="bask"><a href="#" title="#">2</a></div>
</div>
</div>
<div class="image_fon">
<img src="images/image4.jpg" width="950" height="109" alt=""/>
</div>
<div class="breadcrumps">
<ul>
<li><a href="#" title="#">Главная</a></li>
<li><a href="#" title="#">Каталог</a></li>
<li><a href="#" title="#">Apple</a></li>
<li><a href="#" title="#">Чехлы для iPhone</a></li>
</ul>
</div>
<div class="area">
<div class="content_page">
<h1>Корзина товаров</h1>
<div class="block_basket">
<table>
<tbody>
<tr>
<th colspan="2">Название</th>
<th>Количество</th>
<th>Стоимость</th>
<th></th>
</tr>
<tr>
<td class="image"><a href="#" title="#"><img src="images/img3.jpg" alt=""/></a></td>
<td class="info">
<div class="title"><a href="#" title="#">Vaja Ivolution Snap Shell</a></div>
<div class="info_item">Cумка для MacBook 13</div>
</td>
<td class="kolvo"><span><input type="text" name=""></span>шт.</td>
<td class="price">12 670 руб.</td>
<td class="delete"><a href="#" title="#"></a></td>
</tr>
<tr>
<td class="image"><a href="#" title="#"><img src="images/img8.jpg" alt=""/></a></td>
<td class="info">
<div class="title"><a href="#" title="#">Vaja Agenda Leather Case (Latte/Rosso)</a></div>
<div class="info_item">Чехол для iPhone 4/4S</div>
</td>
<td class="kolvo"><span><input type="text" name=""></span>шт.</td>
<td class="price">4 190 руб.</td>
<td class="delete"><a href="#" title="#"></a></td>
</tr>
<tr class="command">
<td colspan="2"></td>
<td class="common">Итого:</td>
<td class="common_sum">19 190 руб.</td>
<td class="delete"><a href="#" title="#"></a></td>
</tr>
</tbody>
</table>
</div>
<div class="execut_of_order">
<h2>Оформление заказа</h2>
<form action="#" method="post" class="jClever">
<div class="name row"><label for="s1">Ф.И.О.*</label><input type="text" name="" id="s1"/></div>
<div class="mail row"><label for="s2">E-Mail* </label><input type="text" name="" id="s2"/></div>
<div class="phone row"><label for="s3">Телефон*</label><input type="text" name="" id="s3"/></div>
<div class="city row"><label for="s4">Город* </label>
<select name="select" id="s4">
<option value="1">Text one</option>
<option value="2">Text two</option>
<option value="3">Text three</option>
<option value="4">Text four</option>
<option value="5">Text one</option>
<option value="6">Text two</option>
<option value="7">Text three</option>
<option value="8">Text four</option>
</select>
</div>
<div class="addr row"><label for="s5">Адрес доставки </label><input type="text" name="" id="s5"/></div>
<div class="comments row"><label for="s6">Комментарии к заказу</label><textarea name="" id="s6" cols="30" rows="10"></textarea></div>
<div class="delivery">
<div class="label">Способ доставки</div>
<div class="methode_of_delivery">
<div class="row">
<input name="radio1" value="1" id="s7" type="radio"><label for="s7">Курьером по Москве (В пределах МКАД) (100 рублей)</label><br/><span class="condition">Доставка осуществляется в течение дня в удобное для вас время.</span>
</div>
<div class="row">
<input name="radio1" value="1" id="s8" type="radio"><label for="s8">Курьером по Московской области или за пределы МКАД (500 рублей)</label><br/><span class="condition">Доставка осуществляется в течение дня в удобное для вас время.</span>
</div>
</div>
</div>
<div class="sbmt"><a href="#" title="#">Оформить заказ</a></div>
</form>
</div>
</div>
<div class="navig_menu">
<ul>
<li><a href="#" title="#">iPad</a></li>
<li><a href="#" title="#">Mp3</a></li>
<li><a href="#" title="#">Notebooks</a></li>
<li class="active"><a href="#" title="#">Phones</a>
<ul>
<li class="active">
<a href="#" title="#">Apple iPhone</a>
<ul>
<li><a href="#" title="#">iPhone 4/4S</a></li>
<li class="active"><a href="#" title="#">iPhone 3GS</a></li>
</ul>
</li>
<li><a href="#" title="#">BlackBerry</a></li>
<li><a href="#" title="#">Samsung</a></li>
<li><a href="#" title="#">Motorola</a></li>
</ul></li>
<li><a href="#" title="#">Tablets</a></li>
<li><a href="#" title="#">Планшеты</a></li>
<li><a href="#" title="#">Кошельки</a></li>
<li><a href="#" title="#">Другое</a></li>
</ul>
</div>
</div>
<div class="item_navig">
<ul>
<li>
<h4><a href="#" title="#">Для iPad</a></h4>
<ul>
<li><a href="#" title="#">New iPad</a></li>
<li><a href="#" title="#">iPad 2</a></li>
<li><a href="#" title="#">iPad</a></li>
</ul>
</li>
<li>
<h4><a href="#" title="#">Для Mp3 плееров</a></h4>
<ul>
<li><a href="#" title="#">Apple</a></li>
<li><a href="#" title="#">Bang & Olufsen</a></li>
</ul>
</li>
<li>
<h4><a href="#" title="#">Для ноутбуков</a></h4>
<ul>
<li><a href="#" title="#">Apple</a></li>
</ul>
</li>
<li>
<h4><a href="#" title="#">Для телефонов</a></h4>
<ul>
<li><a href="#" title="#">Apple</a></li>
<li><a href="#" title="#">BlackBerry</a></li>
<li><a href="#" title="#">Samsung</a></li>
</ul>
</li>
<li>
<h4><a href="#" title="#">Для планшетов</a></h4>
<ul>
<li><a href="#" title="#">Apple</a></li>
<li><a href="#" title="#">BlackBerry</a></li>
<li><a href="#" title="#">Motorola</a></li>
<li><a href="#" title="#">Samsung</a></li>
</ul>
</li>
<li>
<h4><a href="#" title="#">Кошельки</a></h4>
<ul>
<li><a href="#" title="#">Кошельки</a></li>
</ul>
</li>
<li>
<h4><a href="#" title="#">Другое</a></h4>
<ul>
<li><a href="#" title="#">Чехлы для очков</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="menu_footer">
<ul>
<li><a href="#" title="#">Policies</a></li>
<li><a href="#" title="#">Shipping</a></li>
<li><a href="#" title="#">FAQ</a></li>
<li><a href="#" title="#">Site map</a></li>
<li><a href="#" title="#">Partners</a></li>
</ul>
</div>
<div class="copy">Vaja Corp. 2009 All rights reserved.</div>
</div>
</body>
</html>