/* Menu Styles */

/* Menu Module ============================================>> */
ul.Menu
{
    XXwidth:100%;
    background:transparent url("/design/images/bg.gif") repeat-x bottom;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
ul.Menu li
{
    list-style: none;
    float:left;
    background:url("/design/images/left_both.gif") no-repeat left top;
    margin:0 0 0 -1px;
    padding:0 0 0 9px;
    border-bottom:1px solid #765;
    text-align:center;
    height: 26px;
    line-height: 26px;
}
ul.Menu a
{
    float: left;
    display: block;
    background: url("/design/images/right_both.gif") no-repeat right top;
    padding: 0 15px 0 6px;
    margin: 0;
    color: #333;
    height: 26px;
    line-height: 26px;
}
ul.Menu a:hover
{
    color:#aaa;
    border:none;
}
ul.Menu .Selected
{
    background-position:0 -150px;
    border-bottom: 1px solid #FFF;
}
ul.Menu .Selected a
{
    height: 27px;
    margin-bottom: -1px;
    background-position:100% -150px;
    color:#d32220;
}
.MenuSmallWrapper
{
    background:#fff url("/design/images/bgMenuSmall.gif") repeat-x 0 100%;
    border:1px solid #ccc;
}
.MenuSmallWrapper a:hover
{
    color: #00A;
    text-decoration: underline;
}
ul.MenuSmall
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.MenuSmall li
{
    display: block;
    list-style: none;
    float: left;
    margin: 0;
}
ul.MenuSmall a
{
    display: block;
    float: left;
    *zoom:1;
    padding: 0 10px 0 10px;
    text-align: center;
    border: 1px solid #ddd;
    margin: -1px -1px 0 0;
    height: 25px;
    line-height: 25px;
    color: #333;
}
ul.MenuSmall a:hover, ul.MenuSmall .Selected
{
    color: #333;
    text-decoration: none;
    background: #fff url("/design/images/bgMenuSmallSelected.gif") repeat-x 0 0;
}
ul.MenuSmall .Selected a
{
    color:#d32220;
}

.FlatMenu
{
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.FlatMenu li
{
    float: left;
}

.FlatMenu a
{
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    margin: -1px -1px 0 0;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 10px;
    text-decoration: none;
}
.FlatMenu .Selected
{
    background:#fff url("/design/images/bgH3.gif") repeat-x;
    color: #A00;
}
.FlatMenu a:hover
{
    background:#fff url("/design/images/bgH3.gif") repeat-x;
    color: #000;
    text-decoration: none;
}


ul.QuickMenu
{
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}

ul.QuickMenu li
{
    list-style: none;
    float: left;
    width: 300px;
}
ul.QuickMenu a:hover
{
    color: #00A;
    text-decoration: underline;
}
ul.QuickMenu .Selected a
{
    color: #C00;
}

ul.SubMenu
{
    font-size: 12px;
    list-style: none;
    width: 100%;
    padding:auto;
    display: block;
    margin: 0;
    padding: 0;
}
ul.SubMenu li
{
    list-style: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 0 0px 0;
}
ul.Branded li a
{
    color: #A00;
}
ul.SubMenu li.Separator
{
    height: 5px;
    line-height: 5px;
    *margin: -2px 0 -1px 0;
    padding: 0;
    background-color: #EEE;
    overflow: hidden;
}
ul.SubMenu a
{
    display: block;
    padding: 3px 0 3px 5px;
    background:#fff;
    font-weight: normal;
    background: none;
    line-height: auto;
    width: 163px;
}
ul.SubMenu a:hover
{
    background-image:url("/design/images/bgH3.gif");
    background-repeat: repeat-x;
    background-position: top;
}