.parent-menu, .drop-down-menu
{
width: 100%;
height: 42px;
background: url('images/menu-bg.gif') repeat-x left top;
padding: 2px 0px 0px 0px;
}
* html .parent-menu, * html .drop-down-menu
{
height: 42px;
}
#parent-menu-component, #drop-down-menu-component
{
/*background: url('images/parent-menu-bg.gif') repeat-x left bottom;*/
width: 100%;
height: 42px;
padding: 0px;
//margin-bottom: 20px;
}
* html #parent-menu-component, * html #drop-down-menu-component
{
margin-bottom: 0px;
}
ul.menu-list
{
margin: 0px;
padding: 0px;
list-style-type: circle;
list-style-position: inside;
}
ul.menu-list li
{
margin: 10px 10px;
}
ul.menu-list li a, ul.menu-list li a:visited
{
color: #228688;
font-size: 12px;
text-decoration: none;
}
ul.menu-list li a.active
{
color: #000000;
}
ul.menu-list li a:hover
{
color: #000000;
text-decoration: underline;
}
/************ Parent menu ***************/
ul.parent-menu-list
{
background: url('images/parent-menu-bg.gif') repeat-x left bottom;
width: 100%;
height: 40px;
margin: 0px;
padding: 0px;
list-style: none;
clear: both;
}
ul.parent-menu-list li
{
float: left;
margin: 0px;
}
ul.parent-menu-list a, ul.parent-menu-list li a:visited
{
display: block;
height: 40px;
line-height: 40px;
margin: 0px;
padding: 0px;
text-decoration: none;
background: url('images/parent-menu-btn-left.gif') no-repeat left bottom;
padding-left: 35px;
}
ul.parent-menu-list li a span
{
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
font-size: 16px;
background: url('images/parent-menu-btn-right.gif') no-repeat right bottom;
padding-right: 35px;
cursor: pointer;
white-space: nowrap;
}
* html ul.parent-menu-list a, * html ul.parent-menu-list li a:visited, * html ul.parent-menu-list li a span
{
width: 10px;
}
ul.parent-menu-list li.active a.active, ul.parent-menu-list li.parent a.parent, ul.parent-menu-list li a:hover
{
text-decoration: none;
background: url('images/parent-menu-btn-left.gif') no-repeat left top;
}
ul.parent-menu-list li a.active span, ul.parent-menu-list li a.parent span, ul.parent-menu-list li a:hover span
{
background: url('images/parent-menu-btn-right.gif') no-repeat right top;
}
/************ Child menu ***************/
.child-menu
{
margin-top: 20px;
}
ul.child-menu-list
{
width: 220px;
margin: 0px;
padding: 0px;
list-style: none;
}
ul.child-menu-list li
{
margin: 5px 0px 0px 10px;
}
ul.child-menu-list a, ul.child-menu-list li a:visited
{
display: block;
height: 40px;
line-height: 40px;
margin: 0px;
padding: 0px;
text-decoration: none;
}
ul.child-menu-list li a span
{
display: block;
height: 40px !important;
width: 180px;
line-height: 40px;
color: #ffffff;
font-size: 14px;
background: url('images/child-menu-btn.gif') no-repeat left top;
padding: 0px 20px;
position: relative;
cursor: pointer;
overflow:hidden;
white-space: normal;
}
ul.child-menu-list li.active a.active, ul.child-menu-list li.parent a.parent, ul.child-menu-list li a:hover
{
text-decoration: none;
}
ul.child-menu-list li a.active span, ul.child-menu-list li a.parent span, ul.child-menu-list li a:hover span
{
background: url('images/child-menu-btn.gif') no-repeat right top;
}
ul.child-menu-list li ul
{
width: auto;
margin: 0px;
padding: 0px;
list-style: none;
}
ul.child-menu-list li ul li
{
margin: 2px 0px 2px 0px;
}
ul.child-menu-list li ul li a
{
height: auto !important;
line-height: 20px !important;
text-decoration: none;
background: none !important;
color: #000000;
}
ul.child-menu-list li ul li a:hover, ul.child-menu-list li ul li a.active
{
background: none !important;
border-right: 3px solid #228688;
}
ul.child-menu-list li ul li a:hover span
{
color: #228688 !important;
}
ul.child-menu-list li ul li a span, ul.child-menu-list li ul li.active a.active span, ul.child-menu-list li ul li a:hover span
{
height: auto !important;
width: auto !important;
line-height: 20px !important;
background: none !important;
font-size: 12px;
color: #000000;
white-space: normal;
margin: 0px;
}
ul.child-menu-list li ul li ul li
{
margin: 2px 0px 2px 20px;
}