.site .hd{
    height:100px;
    background: url(images/bkg-header.png) repeat-x top left;   
    position:relative;
	 z-index:300;
}

#header{
    height:95px;
    background: url(images/bkg-header.png) repeat-x top left;   
    position:relative;
	 z-index:300;
}

.logo{
    width: 180px;
    height: 42px;
    top: 15px;
    left: 15px;
    position:absolute;
}

.logo a{
    text-indent: -1000em;
    display: block;
    background: url(images/logo.png) no-repeat left top;
    width: 180px;
    height: 42px;
    overflow:hidden;
}
/*
.checkout .logo a {
	background-image:none;
}
*/
.main-nav{
    height: 23px;
    position:absolute;
    top: 73px;    
}

.main-nav ul li {
    float:left;
    padding: 0;
	 position:relative;
}

.main-nav ul li a{
    display:block;
    height: 23px; 
    text-indent: -1000em;
    overflow:hidden; 
    width: 100px;
	 background-image:url(images/main-nav.png);
	 background-repeat:no-repeat;
}

.main-nav ul li.why a{ width:128px; background-position:0px 0px;}
.main-nav ul li.why a.active{ background-position:0 -23px;}
.main-nav ul li.why a:hover, .main-nav ul li.why-open a, .main-nav ul li.why-open a.active{ background-position:0 -46px;}

.main-nav ul li.shop a, .main-nav ul li a{ width:134px; background-position:-128px 0px;}
.main-nav ul li.shop a.active{ background-position:-128px -23px;}
.main-nav ul li.shop a:hover, .main-nav ul li.shop-open a, .main-nav ul li.shop-open a.active{ background-position:-128px -46px;}

.main-nav ul li.how a{ width:73px; background-position:-262px 0px;}
.main-nav ul li.how a.active{ background-position:-262px -23px;}
.main-nav ul li.how a:hover, .main-nav ul li.how-open a, .main-nav ul li.how-open a.active{ background-position:-262px -46px;}

.main-nav ul li.news a{ width:129px; background-position:-335px 0px;}
.main-nav ul li.news a.active{ background-position:-335px -23px;}
.main-nav ul li.news a:hover, .main-nav ul li.news-open a, .main-nav ul li.news-open a.active{ background-position:-335px -46px;}

.main-nav ul li.about a{ width:88px; background-position:-464px 0px;}
.main-nav ul li.about a.active{ background-position:-464px -23px;}
.main-nav ul li.about a:hover, .main-nav ul li.about-open a, .main-nav ul li.about-open a.active{ background-position:-464px -46px;}

.main-nav ul li.insider a{ width:140px; background-position:-552px 0px;}
.main-nav ul li.insider a.active{ background-position:-552px -23px;}
.main-nav ul li.insider a:hover, .main-nav ul li.insider-open a, .main-nav ul li.insider-open a.active{ background-position:-552px -46px;}

.main-nav-sub{ position:absolute; top:23px; left:-7px; display:none; padding:0 9px 9px 7px; background:url(images/main-nav-sub-shadow.png) bottom left no-repeat; _background:none; /*Remove the transparent png for ie6*/ }
.main-nav-sub-open{ display:block; }
.main-nav ul ul{ font-size:12px; overflow:hidden; margin:0; padding:11px 11px 9px; width:187px; border:1px solid black; border-width:0 1px 1px; background:url(images/main-nav-sub.png) top left repeat-x;}
.hd .main-nav ul ul a{display:inline; width:auto; height:auto; padding-left:10px;
	background:url(images/main-nav-sub1.png) left 0.5em no-repeat; overflow:visible; text-indent:0; color:#efefef; text-decoration:none;}
.hd .main-nav ul ul a:hover{ background:url(images/main-nav-sub1hover.png) left 0.5em no-repeat; color:white; text-decoration:underline; }
.main-nav ul ul li{ display:block; float:none; margin-bottom:3px; height:auto; }
.main-nav ul ul ul{ padding:6px 0 0 10px; font-size:9px; text-transform:uppercase; margin:0; position:relative; background:none; top:auto; width:auto; border:none;}
.hd .main-nav ul ul ul a{ background:url(images/main-nav-sub2.png) left 0.3em no-repeat;}
.hd .main-nav ul ul ul a:hover{ background:url(images/main-nav-sub2hover.png) left 0.3em no-repeat;}

.main-nav ul ul .main-nav-suggestion{ margin-top:8px;}
.main-nav ul ul .main-nav-suggestion .main-nav-suggestion-title { text-transform:uppercase; font-size:9px; color:#efefef}
.main-nav ul ul .main-nav-suggestion ul{ padding:3px 0 0 0; font-size:12px; text-transform:none; margin:0; position:relative; background:none; top:auto; width:auto; border:none;}
.hd .main-nav ul ul .main-nav-suggestion ul a{ background:url(images/main-nav-sub1.png) left 0.5em no-repeat;}
.hd .main-nav ul ul .main-nav-suggestion ul a:hover{ background:url(images/main-nav-sub1hover.png) left 0.5em no-repeat;}

#header .main-nav ul ul a{display:inline; width:auto; height:auto; padding-left:10px;
	background:url(images/main-nav-sub1.png) left 0.5em no-repeat; overflow:visible; text-indent:0; color:#efefef; text-decoration:none;}
#header .main-nav ul ul a:hover{ background:url(images/main-nav-sub1hover.png) left 0.5em no-repeat; color:white; text-decoration:underline; }
#header .main-nav ul ul ul a{ background:url(images/main-nav-sub2.png) left 0.3em no-repeat;}
#header .main-nav ul ul ul a:hover{ background:url(images/main-nav-sub2hover.png) left 0.3em no-repeat;}
#header .main-nav ul ul .main-nav-suggestion ul a{ background:url(images/main-nav-sub1.png) left 0.5em no-repeat;}
#header .main-nav ul ul .main-nav-suggestion ul a:hover{ background:url(images/main-nav-sub1hover.png) left 0.5em no-repeat;}

.secondary-nav{
    font-family: Trebuchet MS, Arial, Helvetica;
    font-size: 11px;
    color: #777;
    height: 30px;
    position:absolute;
    right: 10px;
    top: 5px;
}
.secondary-nav a {
    color: #000;
    text-decoration:none;
}

.secondary-nav ul li {
    float:left;
    height:23px;
    background: url(images/dot-menu.png) no-repeat right 13px;
    padding: 7px 8px 0 6px;
}

.secondary-nav .view-bag{
    padding: 0;
}
.secondary-nav .view-bag a{
    background: url(images/picto-view-bag.png) no-repeat left 2px;
    display:block;
    padding:7px 8px 6px 16px;
    margin-left: 8px;
}


.secondary-nav .checkout {
    text-transform:uppercase;
    background: url(images/arrow-menu2.png) no-repeat right 10px;
}

.search-box{
    position:absolute;
    right: 15px;
    top:75px;
}

.search-box input[type=text] {
    width:100px;
    height: 13px;
    font-size: 10px;
    
}


/* Footer */

.ft{ position:relative; padding:5px 0 10px; overflow:hidden; width:100%;}

/* for the old templates */
#footer .ft{ position:relative; padding:0; overflow:hidden; width:100%;}

.footer-menu{ margin:0; padding:0; float:right; font-size:10px; }
.footer-menu a{ text-decoration:none; color:#656565; }
.footer-menu a:hover{ text-decoration:underline; color:black; }
.footer-menu li{ float:left; background:url(images/dot-gray.png) left center no-repeat; padding:5px 7px 5px 10px;}
.footer-menu li.first{ padding-left:0; background:none;}
.footer-menu .profesionnals-entry{ padding-top:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; position:absolute; left:0px; padding-right:15px; background:url(images/footer_icon.gif) right center no-repeat; }
.footer-menu .profesionnals-entry a{ color:black; }
.footer-menu .store-finder a{ color:black; text-transform:uppercase; }
.footer-menu .icons{ padding-top:0; padding-bottom:0;}
.footer-menu form{ margin:0; padding:0;}
.footer-menu  form input{ margin:-2px 0 0; padding:0; vertical-align:text-top;}
.footer-menu li.footer-newsletter-signup{ padding-right:0;}

#TB_overlay{ z-index:20000;}
#TB_window{ z-index:20002;}


/*search*/
.search-autocomplete { z-index:100; left:0; top:18px !important;position: absolute; width: 104px; }
.search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; }
.search-autocomplete li { font-size:0.9em; text-align:left; border-bottom:1px solid #f4eee7; padding:3px 8px; cursor:pointer; }
.search-autocomplete li .amount { float:right; font-weight:bold; }
/*.search-autocomplete li.odd { background-color:#fffefb; }*/
.search-autocomplete li.selected { background-color:#f7e8dd; }