#navigation
{
    float: left;
    display: block;
    width: 642px;
    height: 36px;
    background-image: url("../images/layout/nav_bdr_left.gif");
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 0px;
    position: relative;
    z-index: 10;
}
#navigation ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-position: outside;
    position: relative;
}
#navigation ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 1px;
    list-style: none;
    float: left;
    background-image: url("../images/layout/nav_divider.gif");
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
}
#navigation li a
{
    display: block;
    height: 36px;
    overflow: hidden;
    font-size: 0.69em;
    text-decoration: none;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
#navigation a:hover, #navigation .selected
{
    background-position: 0px -36px;
}
#navigation a span
{
    visibility: hidden;
}

#navigation ul ul
{
    margin: 0px;
    padding: 10px;
    position: absolute;
    top: 36px;
    width: 170px;
    height: auto;
    left: 0px;
    background: #000 url("../images/layout/bg_dropdownmenu.gif") top left repeat-x;
    display: none;
}
/*
#navigation li:hover ul
{
  display:block;
}
*/
#navigation li ul li
{
    clear: both;
    display: block;
    padding: 0px;
    margin: 0px;
    float: none;
    width: 100%;
    height: auto;
    line-height: 1.0em;
    background: none;
}
#navigation li li a
{
    text-decoration: none;
    display: inline;
    width: 160px;
    height: auto;
    color: #e1e1e1;
    background-image: url("../images/layout/arrow_grey_right.gif");
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 0px 0px 0px 10px;
    margin: 0px;
}
#navigation li li a:hover
{
    color: #d61d24;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-image: url("../images/layout/arrow_red_right.gif");
}


#navigation a.navGoTo
{
    background-image: url("../images/layout/nav_goto.gif");
    width: 48px;
}
#navigation a.navMySunbeam
{
    background-image: url("../images/layout/nav_mysunbeam.gif");
    width: 88px;
}
#navigation a.navSupport
{
    background-image: url("../images/layout/nav_support.gif");
    width: 112px;
}
#navigation a.navQuickImage
{
    background-image: url("../images/layout/nav_quickimage.gif");
    width: 80px;
}
#navigation a.navAboutUs
{
    background-image: url("../images/layout/nav_aboutus.gif");
    width: 66px;
}
#navigation a.navContactUs
{
    background-image: url("../images/layout/nav_contactus.gif");
    width: 75px;
}
#navigation a.navRecipes
{
    background-image: url("../images/layout/nav_recipes.gif");
    width: 75px;
}
#navigation a.navPromotions
{
    background-image: url("../images/layout/nav_promotions.gif");
    width: 88px;
}