{*
* 2007-2012 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2012 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
	<head>

		<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
                
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                    
                {if isset($meta_description) AND $meta_description}
                                <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
                {/if}
                {if isset($meta_keywords) AND $meta_keywords}
                                <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
                {/if}
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
		<meta http-equiv="content-language" content="{$meta_language}" />
		<meta name="generator" content="PrestaShop" />
		<meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
		<link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
		<link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
		<script type="text/javascript">
			var baseDir = '{$content_dir}';
			var baseUri = '{$base_uri}';
			var static_token = '{$static_token}';
			var token = '{$token}';
			var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
			var priceDisplayMethod = {$priceDisplay};
			var roundMode = {$roundMode};
		</script>
{if isset($css_files)}
	{foreach from=$css_files key=css_uri item=media}
	<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
	{/foreach}
{/if}
   {if $page_name=="module-blockwishlist-mywishlist"}
                 <script type="text/javascript" src="{$js_dir}jquery-1.7.2.min.js"></script>
            {/if}
{if isset($js_files)}
	{foreach from=$js_files item=js_uri}
	<script type="text/javascript" src="{$js_uri}"></script>
	{/foreach}
{/if}
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'http://24x7themes.com/metro/js/blank.html';
    var BLANK_IMG = 'http://24x7themes.com/metro/js/spacer.gif';
//]]>
</script>
<![endif]-->
        <link rel="stylesheet" type="text/css" href="{$css_dir}theme/styles.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{$css_dir}theme/bootstrap-tooltip.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{$css_dir}theme/cloud-zoom.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{$css_dir}theme/flexslider.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{$css_dir}theme/responsive.css" media="all" />
     <link rel="stylesheet" type="text/css" href="{$css_dir}theme/jquery.fancybox-1.3.4_1.css" media="all" />
     <link rel="stylesheet" type="text/css" href="{$css_dir}theme/superfish-vertical.css" media="all" />
     <link rel="stylesheet" type="text/css" href="{$css_dir}theme/superfish.css" media="all" />
   <!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="http://24x7themes.com/metro/skin/frontend/default/metro-blue/css/styles-ie.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://24x7themes.com/metro/js/lib/ds-sleight.js"></script>
<script type="text/javascript" src="http://24x7themes.com/metro/skin/frontend/base/default/js/ie6.js"></script>
<![endif]-->
        <style type="text/css">
            body{
                background-color: #ededef !important;
                background-repeat: repeat !important;
            }
          
        </style>
          
        <script type="text/javascript" src="{$js_dir}theme/cloud-zoom.1.0.2.min.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/fancybox.setting.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.easing-1.3.pack.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.flexslider.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.jcarousel.min.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.mousewheel-3.0.4.pack.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/jquery.accordion.source.js"></script>
         <script type="text/javascript" src="{$js_dir}theme/bootstrap-tooltip.js"></script>
        <script type="text/javascript" src="{$js_dir}theme/common.js"></script>
         <script type="text/javascript" src="{$js_dir}theme/jquery.tweet.js"></script>
         <script type="text/javascript" src="{$js_dir}theme/superfish.js"></script>
         
      {$HOOK_HEADER}
      
     
                <script type="text/javascript">
                    jQuery(document).ready(function($){
                    $(".grid").click(function(e) {
                    $(".category-products ol.products-list").hide();
                    $(".category-products ul.products-grid").show();
                    $('.list').removeClass('list-active');
                    $(this).addClass('grid-active');
                    e.preventDefault();
                });
   

                $(".list").click(function(e) {
                $(".category-products ol.products-list").show();
                $(".category-products ul.products-grid").hide();
                $(this).addClass('list-active');
                $('.grid').removeClass('grid-active');
                e.preventDefault(); });

            $(".new_comparator").click(function(e) {
	
            var idProduct = $(this).attr('id').replace('comparator_item_', '');

            $.ajax({
            url: 'index.php?controller=products-comparison&ajax=1&action=add&id_product=' + idProduct,
            async: true,
            dataType: "json",
            success: function(responseData) {
            if(responseData==0){   
            alert("Allready added 3 products because  max value 3 products!");
        }
        else{
        alert("Compare list Added Successfully!");  
    }
},
                                
error: function(){
	    			
}
});	
e.preventDefault();
});
$(".link-compare").click(function(e) {
e.preventDefault();
});
})
 {if $wd.metro_product_view_style=="grid"}
jQuery(document).ready(function($){
$(".category-products ol.products-list").hide();
$(".category-products ul.products-grid").show();
$('.list').removeClass('list-active');
$('.grid').addClass('grid-active');
});
                    {else}
jQuery(document).ready(function($){
$(".category-products ol.products-list").show();
$(".category-products ul.products-grid").hide();
$('.list').addClass('list-active');
$('.grid').removeClass('grid-active');
});
                    {/if}
                </script>

                <style type="text/css">
                     
             a:hover { color: {$wd.metro_primary_color}!important;}
             button.button:hover span, .slide-btn { background: {$wd.metro_primary_color}; color:{$wd.metro_btn_fontcolor}; }
            .data-table td button.button:hover span{ background:  {$wd.metro_primary_color}; color: {$wd.metro_btn_fontcolor};}
            .block-cart .block-title { border-bottom: 1px solid  {$wd.metro_primary_color};}
            .block-cart button.button span { background: {$wd.metro_primary_color}; color:{$wd.metro_btn_fontcolor};}
            .tags-list a:hover { background: {$wd.metro_primary_color}; color:#fff; }
            .category-description .cat-banner h1 { color:  {$wd.metro_primary_color};}
            .products-grid .product-name a:hover { color: {$wd.metro_primary_color}; }
            .products-grid .actions .btn-cart span{ color:{$wd.metro_primary_color}; }
			.products-grid .actions .btn-cart:hover span { color: {$wd.metro_secon_color};}
            .add-to-cart button.button span { background: {$wd.metro_primary_color} ; color: {$wd.metro_btn_fontcolor};}
            .product-tabs li.active a, .product-tabs li.active a:hover { border-top:1px solid  {$wd.metro_primary_color}; }
            .product-tabs li.active a span, .product-tabs li.active a span:hover { color: {$wd.metro_primary_color}; }
            .welcome h1 { color:  {$wd.metro_primary_color}; }
            .cart .checkout-types .button.button span { background: {$wd.metro_primary_color}; }
            .cart-collaterals .totals button.button span { background: {$wd.metro_primary_color}!important; }
            .opc .active .step-title { background: {$wd.metro_primary_color};}
            .add-to-cart .button { background: none repeat scroll 0 0 {$wd.metro_primary_color}; color: {$wd.metro_btn_fontcolor}; }
        a.button:hover span { background: {$wd.metro_primary_color}; color:{$wd.metro_btn_fontcolor}; }
        ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span { background-color:  {$wd.metro_secon_color};}
        .subscribe { background-color: {$wd.metro_primary_color}; }
		.shoppingCart .empty .price { color: {$wd.metro_secon_color}; }
        .subscribe .button { background-color: {$wd.metro_secon_color};}
        .nav-container, .sf-menu a, .sf-menu ul li,  .sf-menu ul li.parent, sf-menu li:hover a, .sf-menu li:hover a, .sf-menu li.active a, .sf-menu ul li a:hover { color:{$wd.metro_menu_fontcolor} !important;  background-color:{$wd.metro_menu_overbg}; }
		.sf-menu li { border-right: 1px solid {$wd.metro_menusep_color};}
		.sf-menu ul li a { border-bottom: 1px solid {$wd.metro_menusep_color} !important;}
        .sf-menu ul { border: 1px solid {$wd.metro_menusep_color};}
		.user-wrapper { border-top:2px solid  {$wd.metro_secon_color};}
        .price, .new_price {  color: {$wd.metro_secon_color};}
		 button.button span { background:{$wd.metro_secon_color}; color:{$wd.metro_btn_fontcolor}; }
		.sorter .view-mode .grid-active, .sorter .view-mode .list-active { background-color: {$wd.metro_secon_color} !important;}
        .add-to-cart button.button:hover span{ background-color: {$wd.metro_secon_color};}
        .add-to-cart .button:hover, a.slide-btn:hover{ background-color:{$wd.metro_secon_color};}
        a.button span { background:{$wd.metro_secon_color};}
        .products-new { background-color:{$wd.metro_primary_color} !important;}
		.carousel .jcarousel-prev:hover, .carousel .jcarousel-next:hover { background-color:{$wd.metro_primary_color} !important;}
		.products-grid .link-wishlist:hover, .products-grid .link-compare:hover { background-color:{$wd.metro_secon_color};}
		.footer .phone, .footer .fax { color: {$wd.metro_secon_color}; }
        #back_top { background-color:  {$wd.metro_primary_color};}
		#back_top:hover { background-color:  {$wd.metro_secon_color};}
		.socials .twitter, .socials .facebook, .socials .vimeo, .socials .rss, .socials .skype  { background-color:  {$wd.metro_primary_color};}
		.socials .twitter:hover, .socials .facebook:hover, .socials .vimeo:hover, .socials .rss:hover, .socials .skype:hover  { background-color:  {$wd.metro_secon_color};}
		.category-products ul.products-grid{  display:block;                 }
		                  .category-products ol.products-list{ 
                        display:none;
                    }
                    .pro-detail h1, .page-title h1, .page-title h2, .block .block-subtitle, .cart .discount h2, .cart .shipping h2, .cart.crosssell h2, .opc .step-title, .opc .step-title h2, .footer h2,.f-updates .block1 h3, .banners h3, .f-updates .about-us h3, .f-updates .twitter h3, .f-updates .facebook h3, .discount h2, .shipping h2, .crosssell h2, .related-products h2, .box-reviews h2, .category-description .cat-banner h1, .category-description .cat-banner h3{
                        color:{$wd.metro_head_fontcolor}
                    }
                    
                   /* .f-updates .about-us h3, .f-updates .twitter h3, .f-updates .facebook h3, .footer h2{
                     color:{$wd.metro_head_fontcolor}
                    }*/
                    .pro-detail h1, .pro-detail .pro-price, .page-title h1, .page-title h2, .top .welcome-msg, #nav, .block .block-title strong, .block .block-subtitle, .product-tabs a, .welcome h1, .cart .discount h2, .cart .shipping h2, .cart.crosssell h2, .cart .totals strong, .opc .step-title, .opc .step-title h2, .footer h2, .sf-menu, ul.mini-nav li a, .welcome, .f-updates .block1 h3, .banners span, .banners h3, .cart-collaterals .totals strong, .accordion a, .subscribe h3, .f-updates .about-us h3, .f-updates .twitter h3, .f-updates .facebook h3, .discount h2, .shipping h2, .crosssell h2, .related-products h2, .box-reviews h2, .category-description .cat-banner h1, .category-description .cat-banner h3, #subcategories h3{
                        font-family: '{$wd.metro_shop_heading_font_face}',sans-serif;
                    }
                    body {

                        background: url("{$wd.metro_bg_pattern}") repeat scroll 0 0 {$wd.metro_body_background}!important; 
                        font-family:{$wd.metro_shop_body_font_face};

                    }

                </style>
    </head>
   <body  {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $page_name=="category" || $page_name=="prices-drop" || $page_name=="new-products" || $page_name=="best-sales" || $page_name=="manufacturer" || $page_name=="supplier" 
					|| $page_name=="contact" || $page_name=="stores" || $page_name=="search"}catalog-category-view categorypath-hugo-boss-html category-hugo-boss{else}cms-index-index cms-home{/if}">
        {if !$content_only}
		{if isset($restricted_country_mode) && $restricted_country_mode}
		<div id="restricted-country">
			<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
		</div>
		{/if}
        <div class="wrapper">
            <div class="page">
                
                <div class="header-container" id="header">
                    <div class="container" >
                        <div class="header">
                            <div class="row">
                                       <div class="span4">
            <div class="logo"><strong>{l s="Trendy Commerce" mod="blocklanguages"}</strong><a  href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                    {if $wd.metro_shoplogo!=''}
                        <img src="{$wd.metro_shoplogo}" alt="{$shop_name|escape:'htmlall':'UTF-8'}"  />
                    {else}
                        <img src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
                    {/if}
                </a>
            </div>
        </div>
        <div class="span8">
            <div class="lan-cur"> 
                                {$HOOK_TOP}
                    </div>
                </div>
           <div class="main-container {if $page_name=="category" || $page_name=="prices-drop" || $page_name=="new-products" || $page_name=="best-sales" || $page_name=="manufacturer" || $page_name=="contact" || $page_name=="stores" || $page_name=="supplier" || $page_name=="search"}col2-left-layout{else} col1-layout{/if} container" id="center_column">
                                    {if $page_name=="index"}
                                        <div class="main">
                                            <div class="col-main">
                                                <div class="std">
                                                    <div class="home">
                                                    {/if}
                                                {/if}  