
/* STYLE FOR HORIZONTAL MenuOne WITH FLYOUT */
/* IE6: FLYOUT WILL ONLY WORK WITH THE SUPPORT OF "menu-ie6.js" - READ INSTRUCTIONS IN FILE FOR CUSTOM CLASS NAMES */
/* IE6/IE7: CONDITIONALS ARE SET WITHIN THEIR OWN CSS FILES */

/* defaults */
#menuOne, #menuOne ul {
margin: 0;
padding:0;
}
#menuOne {
z-index:100;
}
#menuOne li {
position:relative;
list-style-type: none;
margin: 0;
padding: 0;
float:left;
line-height:11px
}
#menuOne ul li {
float: none;
}

/* label style */
#menuOne a {
display: block;
padding: 7px 9px 7px 9px;
text-decoration: none;
font-size: 11px; /* Need to be set here for IE */
font-weight:bold;
color: #CCC;
text-transform:uppercase;
line-height:1;
}
#menuOne a:hover {
color: #70CDFF !important;
text-decoration:none;
}


/* Marker style */
/* For horizontal bar */
#menuOne li.show a {
color:#FFF;
}
#menuOne li.show:hover a,
#menuOne li.showh a { 
}

#menuOne li a.marker {
}
#menuOne li a.marker:hover {
}
#menuOne ul li a.marker {
}


/* For pull-down */
#menuOne li.show li a,
#menuOne li.show:hover li a,
#menuOne li.showh li a {
color: #CCC; /* cancelling cascading effect */
}

#menuOne li li a.marker,
#menuOne li.show li a.marker,
#menuOne li.show:hover li a.marker,
#menuOne li.showh li a.marker {
color:#FFF;
}



/* Pull-down trigger style */
#menuOne li.parent.show {
}
#menuOne ul li .marker {
}

#menuOne li.parent.show:hover,
#menuOne li.parenth.showh:hover {
}
#menuOne .parent,
#menuOne .parenth {
}
#menuOne .parent:hover,
#menuOne .parenth:hover {
}
#menuOne .parent:hover a,
#menuOne .parenth:hover a {
}
/* Fly-out trigger style */
#menuOne li li.parent,
#menuOne li li.parenth {
background-image: url(images/bgd-flyer-trigger.gif);
background-position:97% center;
background-repeat:no-repeat;
}
#menuOne li li.parent.show {
background-color:#333; /* we cannot combine two background graphics on the same tag sharing two styles. color bgd is used instead */
}

#menuOne li ul .parent:hover,
#menuOne li ul .parenth:hover {
}


/* Pull-down box: positioning */
#menuOne ul {
position: absolute; 
top:25px;
left:0;
width:13em;
z-index:200;
}
/* Fly-out box: positioning */
#menuOne ul ul {
position: absolute; 
top:2px;
left:94%;
z-index:300;
}
/* Pull-down and fly-out boxes: style */
#menuOne ul {
background-color:#000;
}
#menuOne ul ul {
background-color:#333;
border-left:1px solid #666;

}
#menuOne ul ul {
display:none;
}
#menuOne ul li {
line-height:14px;
}
#menuOne ul li a {
text-transform: none;
font-size: 12px;
padding: 6px 15px 6px 15px;
margin-bottom: 0;
border-top:1px solid #666;
}

#menuOne ul li a:hover {
}

/* Pull-down/Fly-out are hidden by default. */
/* Set to work for up to a 3 level menu, but can be increased unlimited */
#menuOne ul,
#menuOne li:hover ul ul,
#menuOne li:hover ul ul ul, 
#menuOne li.parenth ul ul, 
#menuOne li.parenth ul ul ul, 
#menuOne li.showh ul ul, 
#menuOne li.showh ul ul ul { 
display: none; 
}

/* Pull-down/Fly-out will display on hover of label 
#*/


/* Pull-down/Fly-out will display on hover of label */
#menuOne li:hover ul, 
#menuOne ul li:hover ul, 
#menuOne ul ul li:hover ul,
#menuOne li.parenth ul, 
#menuOne ul li.parenth ul, 
#menuOne ul ul li.parenth ul, 
#menuOne li.showh ul, 
#menuOne ul li.showh ul, 
#menuOne ul ul li.showh ul { 
display: block; 
}

