.nav-container-outer {
background : #494949;
padding : 0;
height : 74px;
background : url(../images/menu/nav-bg.jpg);
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.nav-container .divider {
display : block;
font-size : 1px;
border-width : 0;
border-style : solid;
}
.nav-container .divider-vert {
float : left;
width : 0;
display : none;
}
.nav-container .item-secondary-title {
display : block;
cursor : default;
white-space : nowrap;
}
.clear {
font-size : 1px;
height : 0;
width : 0;
clear : left;
line-height : 0;
display : block;
float : none;
}
.nav-container {
position : relative;
margin : 0 auto;
}
.nav-container a, .nav-container li {
float : left;
display : block;
white-space : nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li {
float : none;
}
.nav-container ul {
left : -10000px;
position : absolute;
}
.nav-container, .nav-container ul {
list-style : none;
padding : 0;
margin : 0;
}
.nav-container li a {
float : none;
}
.nav-container li {
position : relative;
}
.nav-container ul {
z-index : 10;
}
.nav-container ul ul {
z-index : 20;
}
.nav-container ul ul ul {
z-index : 30;
}
.nav-container ul ul ul ul {
z-index : 40;
}
.nav-container ul ul ul ul ul {
z-index : 50;
}
li:hover > ul {
left : auto;
}
#nav-container ul {
top : 100%;
}
#nav-container ul li:hover > ul {
top : 0;
left : 100%;
}
#nav-container a {
padding : 7px 17px 7px 18px;
margin : 10px 0 0 0;
color : #ffffff;
font-family : Trebuchet MS, Arial, sans-serif, Helvetica;
font-size : 14px;
text-decoration : none;
font-weight : bold;
background : url(../images/menu/item-primary-bg.gif);
background-repeat : no-repeat;
background-position : top;
}
#nav-container a:hover {
color : #494949;
background : url(../images/menu/item-primary-bg.gif);
background-repeat : no-repeat;
background-position : center;
}
#nav-container div, #nav-container ul {
padding : 10px 4px 10px 4px;
margin : 0 0 0 0;
background : url(../images/menu/item-secondary-container-bg.jpg);
background-repeat : repeat-x;
background-color : #7f7f7f;
border-bottom : 1px solid #7f7f7f;
}
#nav-container div a, #nav-container ul a {
padding : 3px 10px 3px 6px;
background-color : #ffffff;
background : url(../images/menu/item-secondary-bg.jpg);
background-repeat : no-repeat;
background-position : 0 22px;
font-size : 11px;
border-width : 0;
border-style : none;
margin : 0 0 0 0;
width : 149px;
}
#nav-container div a:hover, #nav-container ul a:hover {
background-color : #ffffff;
background : url(../images/menu/item-secondary-bg.jpg);
background-repeat : no-repeat;
color : #000000;
}
#nav-container .item-secondary-title {
cursor : default;
padding : 4px 0 3px 7px;
color : #494949;
font-family : Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size : 11px;
background-repeat : no-repeat;
font-weight : bold;
}
#nav-container .divider-horiz {
border-top-width : 1px;
margin : 5px 5px;
border-color : #494949;
}
#nav-container .divider-vert {
border-left-width : 1px;
height : 15px;
margin : 4px 2px 0 2px;
border-color : #aaaaaa;
}