/*  Generated by www.menucool.com/horizontal/tab-menu  */

/* Useful when www.menucool.com/horizontal/tab/keep-menu-source-in-one-place
-----------------------------------*/
a#tabmenuLink {display:none;}


/* main menu
--------------------------------------------*/
ul#tabmenuBottom
{
    width:100%;
    margin: 0 auto; /*If the menu has a width, this "margin:0 auto;" makes the menu center-aligned. You can remove it for left-alignment, or change it to "margin-left:auto; margin-right:0;" for right-alignment.*/
    text-align:center;
    list-style:none;
    padding:0;
    font-size:0;
    position:relative;
}
ul#tabmenuBottom:after
{
    content:'.'; height: 0; clear: both; display: block; visibility: hidden;
}
        
ul#tabmenuBottom li
{
    display:inline;
    list-style:none; padding:0;
    margin-top:0;margin-bottom:0;
    margin-left:-1px;margin-right:0;
}
        
/*Main menu links*/
ul#tabmenuBottom li a
{
    letter-spacing:normal;
    color:#555555;
    padding:0 18px;
    line-height:24px;
    font-size:13px;
    font-weight:normal;
    font-family:Arial;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    
    border:none;
    border-bottom:1px solid #DEE2E9;
    position:relative;
    top:1px;
    z-index:4;  
    
}
/* If you've set the menu's javascript file with { preview:false }, you may want to specify the following hovered tab styles */   
ul#tabmenuBottom li a:hover {
    color: #FFFFFF;
    background: #5AB9EA;
}

ul#tabmenuBottom li.active a
{
    padding-bottom:1px;
    background: #FFFFFF url(bg-gray1.gif) no-repeat 0 bottom;
    color:#333333;
}


/* You can set active tab's style when hovered
ul#tabmenuBottom li.active a:hover {
    color:green;
}*/
        
/* Secondary level sub-menu
----------------------------------------------------------*/
ul#tabmenuBottom li.active ul, ul#tabmenuBottom>li:first-child>ul
{
    display:block;
    text-align:center;
    margin:0;
    padding:0;
    border:1px solid #DEE2E9;border-top:1px solid #C6CDD8;    
    float:left;
    width:100%;
    z-index:3;
    box-sizing:content-box;
    border-radius:3px;
}
        
ul#tabmenuBottom li ul
{
    display: none;
    letter-spacing:normal;
    background:#FFFFFF url(bg-gray2.gif) repeat-x 0 0;
}    
ul#tabmenuBottom li li
{
    margin-left: 0px;
}
     
/*Sub-menu links*/
ul#tabmenuBottom ul li a
{
    color:#000000;
    padding:0;
    padding-left:9px;padding-right:9px; 
    font-size:11px;
    font-weight:normal;
    font-family:Arial;
    line-height:36px;
    margin: 0; border: 0; top: 0;
    background: transparent;
}
ul#tabmenuBottom li.active li a, ul#tabmenuBottom li.active li a:hover {
    color:#000000;
    border: 0;
    background: transparent;
}

ul#tabmenuBottom ul li.subActive a, ul#tabmenuBottom ul li a:hover
{
    text-decoration: underline;
    color:#0066CC;
}

ul#tabmenuBottom li.dummy {margin:0;}
ul#tabmenuBottom li.dummy a
{
    padding:0;margin:0;border:0;
    padding-bottom:1px;    
    width:1px;/* Set it 0 if not template 1 */ 
}