<!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>category</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.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>
</head>
<body>
<div class="wrap">
<div class="header">
    <div class="header_area">
        <div class="logo"><a href="#" title="#"></a></div>
        <div class="search">
                <span>
                    <input type="text" name=""  value="Поиск товара"/><a href="#" title="#"></a>
                </span>
        </div>
        <div class="contact">Бесплатный звонок по РФ <br/> <span>8 (800) 333 32 79</span></div>
    </div>
</div>
<div class="page">
<div class="block_menu">
    <div class="block_menu1">
        <div class="block_menu2">
            <div class="menu">
                <ul>
                    <li><a href="#" title="#">Главная </a></li>
                    <li><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="tovar"><a href="#" title="#">3 товара</a> на сумму 13 490 руб.</div>
                <div class="bask"><a href="#" title="#"></a></div>
            </div>
        </div>
    </div>
</div>
<div class="contentarea">
    <div class="content">
        <div class="block">
            <div class="catalog">
                <h2>Акустика для iPhone, iPod, iPad</h2>
                <div class="breadcrumps">
                    <a href="#" title="#">Главная</a><span>></span><a href="#" title="#">Каталог</a><span>></span>Акустика для iPhone, iPod, iPad
                </div>

                <!--В СЛЕДУЮЩЕМ БЛОКЕ ПРОИЗОШЛИ ИЗМЕНЕНИЯ!!!!!!!!!!!!!!!!!!!!!!!!-->
                <div class="sort">
                    <div class="less_expens">
                        Выводить: <a href="#" title="#"><span>Cначала дешевые</span></a>

                        <div class="item_sort2">
                            <div class="shadow_block">
                                    <div class="list_items">
                                      <ul>
                                        <li><a href="#" title="#">от дешевых к дорогим</a></li>
                                        <li><a href="#" title="#">от дорогих к дешевым</a></li>
                                        <li><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="sh tl"></div>
                                <div class="sh tr"></div>
                                <div class="sh bl"></div>
                                <div class="sh br"></div>
                            </div>
                        </div>
                    </div>
                    <div class="all_brends">
                        Бренд: <a href="#" title="#"><span>Все бренды</span></a>

                        <div class="item_sort3">
                            <div class="shadow_block">
                                <div class="list_items">
                                    <ul>
                                        <li><a href="#" title="#">Sony</a></li>
                                        <li><a href="#" title="#">Sony Ericsson</a></li>
                                        <li><a href="#" title="#">Speck</a></li>
                                        <li><a href="#" title="#">SpeedLink</a></li>
                                        <li><a href="#" title="#">Sumdex</a></li>
                                        <li><a href="#" title="#">TECHPOINT</a></li>
                                        <li><a href="#" title="#">Titan</a></li>
                                    </ul>
                                    <ul>
                                        <li><a href="#" title="#">Sony</a></li>
                                        <li><a href="#" title="#">Sony Ericsson</a></li>
                                        <li><a href="#" title="#">Speck</a></li>
                                        <li><a href="#" title="#">SpeedLink</a></li>
                                        <li><a href="#" title="#">Sumdex</a></li>
                                        <li><a href="#" title="#">TECHPOINT</a></li>
                                        <li><a href="#" title="#">Titan</a></li>
                                    </ul>
                                    <ul>
                                        <li><a href="#" title="#">Sony</a></li>
                                        <li><a href="#" title="#">Sony Ericsson</a></li>
                                        <li><a href="#" title="#">Speck</a></li>
                                        <li><a href="#" title="#">SpeedLink</a></li>
                                        <li><a href="#" title="#">Sumdex</a></li>
                                        <li><a href="#" title="#">TECHPOINT</a></li>
                                        <li><a href="#" title="#">Titan</a></li>
                                    </ul>
                                    <ul>
                                        <li><a href="#" title="#">Sony</a></li>
                                        <li><a href="#" title="#">Sony Ericsson</a></li>
                                        <li><a href="#" title="#">Speck</a></li>
                                        <li><a href="#" title="#">SpeedLink</a></li>
                                        <li><a href="#" title="#">Sumdex</a></li>
                                        <li><a href="#" title="#">TECHPOINT</a></li>
                                        <li><a href="#" title="#">Titan</a></li>
                                    </ul>
                                </div>
                                <div class="sh tl"></div>
                                <div class="sh tr"></div>
                                <div class="sh bl"></div>
                                <div class="sh br"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <table>
                    <tbody>
                    <tr class="image">
                        <td><a href="#" title="#"><img src="images/img1.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img2.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img3.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img4.png" alt=""/></a></td>
                    </tr>
                    <tr class="link">
                        <td><a href="#" title="#">Bose SoundLink переносная акустика, кожа</a></td>
                        <td><a href="#" title="#">Bang & Olufsen BeoSound 8 акустика</a></td>
                        <td><a href="#" title="#">Jawbone Jambox беспроводная акустика</a></td>
                        <td><a href="#" title="#">iLuv Vibe Plus акустика, часы и будильник</a></td>
                    </tr>
                    <tr class="price">
                        <td>
                            <div class="pr"><span>1990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>2290</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>13900</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>7990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                    </tr>
                    <tr class="vide">
                        <td colspan="4"></td>
                    </tr>
                    <tr class="image">
                        <td><a href="#" title="#"><img src="images/img5.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img6.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img7.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img8.png" alt=""/></a></td>
                    </tr>
                    <tr class="link">
                        <td><a href="#" title="#">Home iA100 акустика для iPad, iPhone и iPod</a></td>
                        <td><a href="#" title="#">Harman/Kardon Go+Play Micro акустика</a></td>
                        <td><a href="#" title="#">iBest PS-210S портативная акустика</a></td>
                        <td><a href="#" title="#">Bose Computer MusicMonitor акустика</a></td>
                    </tr>
                    <tr class="price">
                        <td>
                            <div class="pr"><span>1990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>2290</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>13900</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>7990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                    </tr>

                    <tr class="vide">
                        <td colspan="4"></td>
                    </tr>
                    <tr class="image">
                        <td><a href="#" title="#"><img src="images/img9.jpg" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img10.jpg" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img11.jpg" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img12.jpg" alt=""/></a></td>
                    </tr>
                    <tr class="link">
                        <td><a href="#" title="#">Home iA100 акустика для iPad, iPhone и iPod</a></td>
                        <td><a href="#" title="#">Книга «OS X Lion. Элементарное руководство»</a></td>
                        <td><a href="#" title="#">Книга «Microsoft Office для Мас 2011. Русская версия»</a></td>
                        <td><a href="#" title="#">Книга «iPad 2: Новые возможности»</a></td>
                    </tr>
                    <tr class="price">
                        <td>
                            <div class="pr"><span>1990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>2290</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>13900</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>7990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                    </tr>
                    <tr class="vide">
                        <td colspan="4"></td>
                    </tr>
                    <tr class="image">
                        <td><a href="#" title="#"><img src="images/img1.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img2.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img3.png" alt=""/></a></td>
                        <td><a href="#" title="#"><img src="images/img4.png" alt=""/></a></td>
                    </tr>
                    <tr class="link">
                        <td><a href="#" title="#">Bose SoundLink переносная акустика, кожа</a></td>
                        <td><a href="#" title="#">Bang & Olufsen BeoSound 8 акустика</a></td>
                        <td><a href="#" title="#">Jawbone Jambox беспроводная акустика</a></td>
                        <td><a href="#" title="#">iLuv Vibe Plus акустика, часы и будильник</a></td>
                    </tr>
                    <tr class="price">
                        <td>
                            <div class="pr"><span>1990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>2290</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>13900</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                        <td>
                            <div class="pr"><span>7990</span> руб.</div>
                            <div class="buy"><input type="button" value=""/></div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="navigation">
                <ul>
                    <li><a href="#" title="#">1</a></li>
                    <li class="activ"><a href="#" title="#">2</a></li>
                    <li><a href="#" title="#">3</a></li>
                    <li><a href="#" title="#">4</a></li>
                    <li><a href="#" title="#">5</a></li>
                    <li><a href="#" title="#">6</a></li>
                    <li>...</li>
                    <li><a href="#" title="#">14</a></li>
                </ul>
                <div class="left_arr"><a href="#" title="#"></a></div>
                <div class="right_arr"><a href="#" title="#"></a></div>
            </div>
        </div>

        <div class="block">
            <div class="brends">
                <h2>Бренды</h2>
                <ul>
                    <li><a href="#" title="#"><img src="images/brend1.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend2.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend3.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend4.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend5.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend6.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend7.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend8.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend9.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend10.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend11.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend12.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend13.png" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/brend14.png" alt=""/></a></li>
                </ul>
                <div class="popular"><a href="#" title="#">все бренды</a></div>
            </div>
        </div>

    </div>
    <div class="side_bar">
        <div class="navig">
            <div class="navig1">
                <div class="navig2">
                    <div class="navigarea">
                        <ul>
                            <li><a href="#" title="#">Apple iPhone</a></li>
                            <li><a href="#" title="#">Apple iPod</a></li>
                            <li><a href="#" title="#">Apple iPad</a></li>
                            <li><a href="#" title="#">Apple Mac</a></li>
                            <li><a href="#" title="#">Чехлы для iPad</a></li>
                            <li class="activ"><a href="#" title="#">Чехлы для iPad 2</a></li>
                            <li><a href="#" title="#">Чехлы для iPhone 3G/3GS</a></li>
                            <li><a href="#" title="#">Чехлы для iPhone 4</a></li>
                            <li><a href="#" title="#">Чехлы для iPod</a></li>
                            <li><a href="#" title="#">Чехлы для Macbook</a></li>
                            <li><a href="#" title="#">Аксессуары для iPhone</a></li>
                            <li><a href="#" title="#">Аксессуары для iPad</a></li>
                            <li><a href="#" title="#">Аксессуары для iPod</a></li>
                            <li><a href="#" title="#">Аксессуары для Mac</a></li>
                            <li><a href="#" title="#">Цифровые ручки</a></li>
                            <li><a href="#" title="#">Наушники</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

</div>
<div class="footer">
    <div class="footer_area">
        <div class="copy">© 2006-2012 Kommunik — официальный партнер Apple в России.</div>
        <div class="footer_menu">
            <ul>
                <li><a href="#" title="#">Главная </a></li>
                <li><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>
</div>

<!--NEW WINDOW!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1-->
<div class="popup">
    <div class="block_message">
        <div class="message_ok">Товар успешно добавлен в корзину</div>
        <div class="close_wind"><a href="#" title="#"></a></div>
    </div>
</div>


</body>
</html>        
© TrueDev.org