div#navigation
{
    width:                      100%;
    border-bottom:              solid 1px #B2B2B2;
    background:                 url(../images/nav/nav_bg.gif) repeat-x top left;
    height:54px;
}

div#navigation ul
{
    font-size:                  1.1em;
    list-style-type:            none;
    margin:                     0;
    overflow:                   hidden;
    padding:                    0;
}

div#navigation ul li
{
    float:                      left;
    line-height:                16px;
    margin:                     0;
    border-right:               solid 1px #fff;
    background:                 url(../images/nav/deselected.gif) no-repeat;
}

div#navigation ul li a
{
    background:                 url(../images/nav/deselected_arrow.gif) no-repeat 5px 11px;
    display:                    block;
    width:                      105px;
    height:                     41px;
    color:                      #fff;
    text-decoration:            none;
}

div#navigation ul li a span
{
    display:                    block;
    padding:                    9px 0 0 19px;
    font-size:                  11px;
    line-height:                11px;
}

div#navigation ul li#first
{
    background:                 url(../images/nav/first_deselected.gif) no-repeat;
}

div#navigation ul li#first.selected
{
    
    background:                 url(../images/nav/first_selected.gif) no-repeat;
}

div#navigation ul li#first.selected a
{
    background:                 url(../images/nav/selected_arrow.gif) no-repeat 5px 11px;
    width:                      105px;
    height:                     52px;
}

div#navigation ul li#last
{
    background:                 url(../images/nav/last_deselected.gif) no-repeat;
    width:                      112px;
    border-right:               none;
}

div#navigation ul li#last.selected
{
    
    background:                 url(../images/nav/xmas_selected.gif) no-repeat;
    width:                      112px;
}

div#navigation ul li#last.selected a
{
    background:                 url(../images/nav/selected_arrow.gif) no-repeat 5px 11px;
    width:                      112px;
    height:                     52px;
}

div#navigation ul li.selected
{
    background:                 url(../images/nav/selected.gif) no-repeat;
    height:                     52px;
}

div#navigation ul li.selected a
{
    background:                 url(../images/nav/selected_arrow.gif) no-repeat 5px 11px;
    
}