.cmenu
{
list-style-type:none; float:left; width:200px; display:block;
}
.category-box-title {
font-family : "Trebuchet MS";
color : #000000;
font-size : 18px;
text-transform : uppercase;
background : url(../images/category-title-bg.gif) left top repeat-y #f6f6f6;
border-radius : 4px 4px 0 0;
font-weight : bold;
padding-top : 10px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 9px;
text-decoration : none;
}
.nav-container {
padding : 0;
border : #c9c8c8 solid 1px;
border-radius : 4px;
margin-bottom : 30px;
}
#nav {
padding : 0;
margin : 0;
font-size : 1em;
}
#nav li {
text-align : left;
position : relative;
font-family : 'Open Sans', sans-serif;
}
#nav li.over {
z-index : 998;
}
#nav li a {
display : block;
text-decoration : none;
}
#nav li a:hover {
text-decoration : none;
}
#nav li a span {
display : block;
white-space : nowrap;
cursor : pointer;
}
#nav li ul a span {
white-space : normal;
}
#nav li {
float : none;
display : block;
font-size : 10px;
}
#nav > li {
border-top : 1px solid #c9c8c8;
}
#nav > li.last {
border-top : 1px solid #c9c8c8;
}
#nav > li > a {
float : none;
padding : 2px 0 2px 29px;
font-weight : bold;
display : block;
border : #fff solid 1px;
text-transform : uppercase;
background : url(../images/nav-marker.png) 4px 4px no-repeat #f1f1f1;
color : #434343;
}
#nav li a:hover {
color : #fff;
background : #4c4b4b;
border : #d2d2d2 solid 1px;
}
#nav li.hover a, #nav li.active a {
color : #fff;
background : url(../images/nav-marker.png) 4px 4px no-repeat #4c4b4b;
border : #d2d2d2 solid 1px;
}
#nav > li.active > ul {
display : block;
}
#nav ul, #nav div {
position : absolute;
width : 15em;
top : 25px;
left : -10000px;
background : #e1e0e0;
padding : 3px;
}
#nav div ul {
position : static;
width : auto;
border : none;
}
#nav ul li a {
border : none !important ;
padding : 0 0 0 18px !important ;
}
#nav > li > ul {
position : relative;
left : 0;
top : 0;
padding : 11px;
display : none;
width : auto;
border : 0;
background : 0;
background : #e1e0e0;
border : #fff solid 1px;
}
#nav > li > ul > li a {
border : none;
}
#nav > li > ul > li > ul {
position : relative;
left : 0 !important ;
top : 0;
padding : 5px 0 5px 15px;
display : none;
width : auto;
border : 0;
background : 0;
}
#nav > li > ul > li.active > ul {
display : block;
}
#nav > li > ul > li > ul > li {
border-bottom : 0;
}
#nav > li > ul > li > ul > li > ul > li {
background : 0 !important ;
}
#nav ul ul, #nav ul div {
top : 7px;
}
#nav ul li {
float : none;
border-bottom : 1px solid #ddd;
}
#nav ul li.last {
border-bottom : 0;
}
#nav ul li a {
float : none;
padding : 0;
color : #434343 !important ;
background : none !important ;
font-size : 10px;
font-weight : bold;
text-transform : uppercase;
}
#nav ul li a:hover {
color : #fff !important ;
background : #488dc8 !important ;
}
#nav ul li.active > a {
color : #fff !important ;
background : #488dc8 !important ;
}
#nav ul li.over > a {
color : #fff !important ;
background : #5595d8 !important ;
}
#nav li ul.shown-sub, #nav li div.shown-sub {
left : 0;
z-index : 999;
}
#nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {
left : 120px;
}
.sidebar {
padding-bottom : 0;
font-family : 'Open sans', sans-serif;
}