/* Navigation system code is below: */
div#navigation{
width:950px;
height:100%;
margin:0 auto;
position:relative;
z-index:5;
}
ul#nav{
height:65px;
position:absolute;
list-style:none;
margin:0 auto;
top:0;
left:0;
background:url(../images/nav-bg.gif) 0 0 no-repeat;
z-index:999;
top:-10px;
}
ul#nav li.category {
float:left;
height:45px;
margin:0 7px;
padding:10px 0;
font:13px Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
}
ul#nav li.first{
margin-left:0;
}
ul#nav li.last{
margin-right:0;
}
ul#nav li.category a{
text-transform:uppercase;
color:#2a2a2a;
display:block;
padding:24px 20px;
text-decoration:none;
}
ul#nav ul{
margin:0;
padding:0;
list-style:none;
position:relative;
line-height:10px;
}
ul#nav li.active a{
background:url(../images/btn-active.jpg) 0 0 repeat-x;
color:#fff;
}
ul#nav li a:hover{
background:url(../images/btn-active.jpg) 0 0 repeat-x;
color:#fff;
}
ul#nav ul {
position:absolute;
display:none;
top:72px;
background:#2082c6;
color:#fff;
min-width:160px;
}
ul#nav li ul li{
/*float:left;
border-bottom:1px dotted #9d9da1;*/
color:#fff;
text-transform:capitalize;
}
ul#nav li ul li a{
display:block;
color:#fff !important;
border-bottom:1px dotted #9d9da1;
text-transform:capitalize !important;
padding:10px 5px 10px 20px !important;
background-image: url(../images/arrow.gif) !important;
background-repeat:no-repeat !important;
background-position: 5px center !important;
font:11px Tahoma, Geneva, sans-serif;
}
ul#nav li ul li a:hover {
/*background: #3b99db url(../images/arrow.gif) !important;*/
background:#3b99db url(../images/arrow.gif);
background-repeat:no-repeat;
background-position: 5px center;
}
ul#nav ul ul{
top:auto;
}
ul#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li:hover ul ul ul ul{
display:none;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li li li li:hover ul{
display:block;
}
/* Navigation system code is above */