@charset "utf-8";

/* Navigation: Secundary
##################################################################################################################### */
#secNavigation {
    width: 17.5em; /* b16: 280px                 */
}

#secNavigation,
#secNavigation ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#secNavigation li {
    display: block;
    margin: 0;
    padding: 0.375em 0 0.25em 0; /* b16: 6px 0 4px 0;          */
    text-transform: none;
}

#secNavigation strong,
#secNavigation em,
#secNavigation a {
    display: block;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background: none;
    padding: 0;
    margin: 0;
    color: #000000;
}

#secNavigation a,
#secNavigation strong {
    padding: 0 0 0 0.875em; /* b16: 0 0 0 14px;           */
    margin-left: 0.0625em; /* b16: 1px;                  */
    background: transparent url(../Images/secondary_navigation_arrow-right.png) no-repeat 0.1875em 0.25em; /* b16: 3px 4px;  */
}

/* 1. level ##################################
########################################### */
#secNavigation li {
    text-transform: uppercase;
    background: transparent url(../Images/line_dotted_282828.png) repeat-x left top;
}

#secNavigation li:first-child {
    background: none;
}

* html #secNavigation li {
    /* IE6 fix */
    background: expression(this.previousSibling == null ? 'none' : 'transparent url(../Images/line_dotted_282828.png) repeat-x left top');
}

#secNavigation li a,
#secNavigation li a:link,
#secNavigation li a:visited {
    color: #000000;
}

#secNavigation li a:hover,
#secNavigation li a:active,
#secNavigation li a:focus {
    color: #af1428;
}

#secNavigation li strong {
    color: #af1428;
}

#secNavigation li.sub strong {
    background: transparent url(../Images/secondary_navigation_arrow-bottom.png) no-repeat 0 0.5em; /* b16: 0px 8px;  */
}

#secNavigation li em a,
#secNavigation li em a:link,
#secNavigation li em a:visited {
    color: #af1428;
    background: transparent url(../Images/secondary_navigation_arrow-bottom.png) no-repeat 0 0.5em; /* b16: 0px 8px;  */
}

/* 2. level ##################################
########################################### */
#secNavigation ul {
    background: transparent url(../Images/line_dotted_282828.png) repeat-x left top;
    margin-top: 0.1875em; /* b16: 3px;                  */
    padding: 0.4375em 0 0 0; /* b16: 7px 0 0 0;            */
}

#secNavigation li li {
    padding: 0.125em 0 0.125em 1.1875em; /* b16: 2px 0 2px 19px;       */
    background: none;
    text-transform: none;
}

#secNavigation li li a,
#secNavigation li li a:link,
#secNavigation li li a:visited {
    color: #616161;
}

#secNavigation li li a:hover,
#secNavigation li li a:active,
#secNavigation li li a:focus {
    color: #000000;
}

#secNavigation li.sub li strong {
    background: transparent url(../Images/secondary_navigation_arrow-right.png) no-repeat 0.1875em 0.25em; /* b16: 3px 4px;  */
}

#secNavigation li.sub li.sub strong {
    background: transparent url(../Images/secondary_navigation_arrow-bottom.png) no-repeat 0 0.5em; /* b16: 0px 8px;  */
}

#secNavigation li li em a,
#secNavigation li li em a:link,
#secNavigation li li em a:visited {
    color: #af1428;
    background: transparent url(../Images/secondary_navigation_arrow-bottom.png) no-repeat 0 0.5em; /* b16: 0px 8px;  */
}
