/* main one */

#navigation
{
padding-left: 25px;
}

#navigation a
{
color: #fff;
text-decoration: none;
padding: 0 0 5px 30px;
font-weight: bold;
font-size: 13px;
}

#navigation a span
{
background: url(images/right-tab.gif) right top no-repeat;
padding: 5px 30px 5px 0;
}

#navigation a, #navigation a span
{
display: block;
float: left;
height: 25px;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover
{
color: #000;
background: #B2D181 url(images/left-tab-hover.gif) left top no-repeat;
padding-left: 30px;
}

#navigation a:hover span
{
background: #B2D181 url(images/right-tab-hover.gif) right top no-repeat;
padding-right: 30px;
cursor: pointer;
}

#navigation ul
{
list-style: none;
padding: 0;
margin: 0
}

#navigation li
{
float: left;
margin: 0;
} 

/* categories one */

#jsddm
{   margin: 0;
    padding: 0}
    
    #jsddm li
    {   float: left;
        list-style: none;
        font: 12px Tahoma, Arial;
        margin: 0 15px;}

    #jsddm li a
    {   display: block;
        padding: 13px 19px 11px 10px;
        text-decoration: none;
        color: #53732A;
        white-space: nowrap;
        background: url(images/bg_menu_li.gif) no-repeat scroll right 19px;
     }

    #jsddm li a:hover
    {   
        color: #2D2D2D;
        background: #B2D181 url(images/bg_menu_li.gif) no-repeat scroll right 19px;
        cursor: default;}
        
        #jsddm li ul
        {   margin: 0;
            padding: 0;
            position: absolute;
            visibility: hidden;
        }
        
        #jsddm li ul li
        {   float: none;
            display: inline;
            padding: 0;
            margin: 0;}
        
        #jsddm li ul li a
        {   width: auto;
            background: #E4E6BF;
            padding: 7px 15px;}
        
        #jsddm li ul li a:hover
        {  
         cursor: pointer;
                 color: #2D2D2D;
        background: #B2D181;}