/* 
    Document   : navigation001
*/

#navigation-section
{
    height: 40px;
}

#navigation-menu
{

}

#navigation-menu ul
{
    list-style: none;
    padding: 0;
    margin: 5px 5px 5px 10px;
}

#navigation-menu ul.margin1
{
    margin: 5px 5px 5px 345px;
}

#navigation-menu ul.margin2
{
    margin: 5px 5px 5px 290px;
}

#navigation-menu ul.margin3
{
    margin: 5px 5px 5px 235px;
}

#navigation-menu ul.margin4
{
    margin: 5px 5px 5px 180px;
}

#navigation-menu ul.margin5
{
    margin: 5px 5px 5px 125px;
}

#navigation-menu ul.margin6
{
    margin: 5px 5px 5px 70px;
}

#navigation-menu li
{
    float: left;
    margin: 0 5px 0 4px;
}

#navigation-menu li a
{
    height: 32px;
    line-height: 32px;
    float: left;
    width: 100px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 120%;
}

#navigation-menu li.navigationHome a,
#navigation-menu li.navigationDeals a,
#navigation-menu li.navigationShop a,
#navigation-menu li.navigationProduct a,
#navigation-menu li.navigationFAQ a,
#navigation-menu li.navigationAbout a,
#navigation-menu li.navigationContact a
{
    background: #D2D2D2;
    border: 1.5px solid #000000;
}

#home #navigation-menu li.navigationHome a,
#deals #navigation-menu li.navigationDeals a,
#shop #navigation-menu li.navigationShop a,
#product #navigation-menu li.navigationProduct a,
#faq #navigation-menu li.navigationFAQ a,
#about #navigation-menu li.navigationAbout a,
#contact #navigation-menu li.navigationContact a
{
    background: #969696;
}

#navigation-menu li.navigationHomeGreen a,
#navigation-menu li.navigationDealsGreen a,
#navigation-menu li.navigationShopGreen a,
#navigation-menu li.navigationProductGreen a,
#navigation-menu li.navigationFAQGreen a,
#navigation-menu li.navigationAboutGreen a,
#navigation-menu li.navigationContactGreen a
{
    background: #99cc99;
    border: 1.5px solid #669933;
    background-image:url('/image-store/1001/menu-bar.jpg');
    background-repeat:repeat-x;
}

#navigation-menu li.navigationHomeGreen a:hover,
#navigation-menu li.navigationDealsGreen a:hover,
#navigation-menu li.navigationShopGreen a:hover,
#navigation-menu li.navigationProductGreen a:hover,
#navigation-menu li.navigationFAQGreen a:hover,
#navigation-menu li.navigationAboutGreen a:hover,
#navigation-menu li.navigationContactGreen a:hover
{
    background: #BDDEBD;
    background-image:url('/image-store/1001/menu-bar-hover-2.jpg');
    background-repeat:repeat-x;
}

#home #navigation-menu li.navigationHomeGreen a,
#deals #navigation-menu li.navigationDealsGreen a,
#shop #navigation-menu li.navigationShopGreen a,
#product #navigation-menu li.navigationProductGreen a,
#faq #navigation-menu li.navigationFAQGreen a,
#about #navigation-menu li.navigationAboutGreen a,
#contact #navigation-menu li.navigationContactGreen a
{
    background: #437D58;
}

li.headlink ul
{
    display: none;
}

li.headlink:hover ul
{
    display: block;
}