/* ############################################################

Name: menu.css
Desc: CSS for Customer Area Menus

*/

div#header-menu {}
div#topmenuhoriz {background-color:#E2E9EF; margin:0 auto; min-height:35px; padding-top: 10px; width:95%;} /* main menu holder */
div#topmenuhoriz a { white-space: nowrap; }




/*
div.member-menu{position:absolute;top:10px;left:50%;margin-left:-495px;width:990px;text-align:right;}
*/

/* simple one-level HTML menu styles */
div.HTMLMenuH {}
div.HTMLMenuH div.quickLinks-minor { display: inline; position: relative; float:none; }
div.HTMLMenuH a {
	font: 14px/25px Arial,Helvetica,sans-serif;
	margin-right: 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
}
div.HTMLMenuH a:hover {
	color: #333333;
	text-decoration: none;
}

/* all the sticky menu styling */
div.stickyVerticalMenu { font-size: .875em; text-align: left;background-color: #fff; padding: 1em 0;}
div.stickyVerticalMenu img.opener { width:15px; height:15px; vertical-align:middle; cursor:pointer;}
div.stickyVerticalMenu li.current>a { font-weight:bold; }    /* the currently selected one */
div.stickyVerticalMenu li { background-color: #fff; list-style-type: none; margin-bottom: 2px; padding: 3px;}
div.stickyVerticalMenu li.hr { list-style: none; } /* the separators */
div.stickyVerticalMenu ul.level0 { margin: 0 20px 0 15px; }
div.stickyVerticalMenu ul.level1,
div.stickyVerticalMenu ul.level2,
div.stickyVerticalMenu ul.level3,
div.stickyVerticalMenu ul.level4,
div.stickyVerticalMenu ul.level5 {  margin-left: 6px; display:none; }
div.stickyVerticalMenu a { /*color: #fff;*/ text-decoration: none; }
div.stickyVerticalMenu a:hover { text-decoration: underline; }
div.stickyVerticalMenu li.delimiter {display:none;}
div.stickyVerticalMenu * {font-family: Arial;}



/* cssMenu (Horizontal) */
div#middleMenuH {position:relative;height:35px;width: 900px;}
div#middleMenuH ul {position: absolute; z-index:50; margin: 0; }
div#middleMenuH li {list-style: none;}
div#middleMenuH li a {font-size: 13px;display: block;text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
div#middleMenuH ul ul {width:300px;left:5px;position: absolute;display: none;z-index:99;border:1px solid #ABABAB;}
div#middleMenuH li.submenu ul {top:25px;left:0;}
div#middleMenuH ul ul li {position: relative;height: 30px;background-color:#F2F5F9;color:#333333;}
div#middleMenuH ul ul li:hover {background-color:#E2E9EF;/*color:#FFF;*/text-decoration: none;}
div#middleMenuH ul ul li a:link,
	div#middleMenuH ul ul li a:visited {color: #333333;padding-left: 15px;padding-top: 8px;display: block;height: 30px;font-size:12px;text-transform: uppercase;}
div#middleMenuH ul ul li a:hover {text-decoration:none;color:#333333;}
div#middleMenuH li.submenu-top,
	div#middleMenuH li.submenu-bottom {display: none;}
/*	div#middleMenuH li.submenu-top:hover,
	div#middleMenuH li.submenu-bottom:hover */
div#middleMenuH ul.level0 li.toplevel:hover ul.level1 {display: block;}
div#middleMenuH ul.level1 li.submenu:hover ul.level2 {display: block;}
div#middleMenuH ul.level2 li.submenu:hover ul.level3 {display: block;}
div#middleMenuH li.delimiter {float:left; width:2px; height:24px;}
div#middleMenuH li span.disabled { /* non-clickable items */font-size: 14px;display: block;color:#616161;padding: 7px 15px 3px 15px;font-style:italic;}
div#middleMenuH li.toplevel {position:relative;float:left;}
div#middleMenuH li.toplevel a.menu-item:link,
	div#middleMenuH li.toplevel a.menu-item:visited {padding: 5px 10px;/*color:white;*/font: 13px Arial, Helvetica, sans-serif; text-transform: uppercase; margin-right: 0; }
div#middleMenuH a.top {} /* for L0 items only */
div#middleMenuH li.toplevel a.menu-item:hover {padding: 5px 10px;color:#333333;}
div#middleMenuH li.toplevel:hover {color:#333333;}

div#middleMenuH ul.level2 { margin-left: 50px;}