/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
    Disable default header menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-menu{
    display:none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    CATEGORIES HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.categoriesHeaderMenu
{
   border-top:2px solid #f38d1e;
   background:#555555;
   height:40px;
}

.sf-menu
{
    position:relative;
    z-index: 1001;
    background:none;height: 36px;list-style: none outside none;margin: 10px auto 0;padding: 0px;
    width:1024px; margin:0 auto;
}

.sf-menu *
{
    margin: 0;
    padding: 0;
    list-style: none; 
}

.sf-menu > li
{
    background:#555555;
    float: left;
    list-style: none outside none;
    padding: 4px 6px;
    margin-right: 10px;
    font-size: 1.2em;
    line-height: 17px;
    position:relative;
}

.sf-menu > li:first-child {
	
}

.sf-menu > li:hover {
    background:#f38d1e;
}

.sf-menu > li > a
{
    display: block;
    padding: 0 8px;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    line-height: 30px;
}

.sf-menu > li:hover a {
	color: #FFF;
}

.sf-menu ul
{
    display: none;
    position: absolute;
    left: 0;
    z-index: 100;
    overflow: hidden;
	width: 180px;
}

.sf-menu ul li
{
    position: relative;
    background: #555555;
}
    
.sf-menu ul li:last-child, .sf-menu ul li:last-child a 
{

}

.sf-menu ul a
{
    display: block;
    padding:  8px 15px;
    font-size: 14px;
    color: #5C5B5B;
    text-decoration: none;
    text-align:left;
}

.sf-menu ul a:hover 
{
	color: #FFF;
    background:#f38d1e;
}

.sf-menu ul ul 

{
    top: 0;
    left: 180px;
}

.sf-menu li:hover > ul
{
    display: block;
}