/* CSS Document */

/* zeroing padding/margin for all elements */
#menu-container,
#menu-container * { margin:0;padding:0;}
#menu-container {font-size:11px; font-family:Arial, Helvetica, sans-serif;color:#666; position:relative;width:732px;height:98px;max-width:100%;float:left;}

/* sub-menu ULs */
#menu-container li ul {
	width:172px;
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	margin-top:67px;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #d9d9d9;
	padding:20px 0 10px 10px;
	background-image:url(../slices/submenu_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFF;
}

/* All LIs */
#menu-container li {
	position:relative;
	width:183px;
	height:98px;
	max-width:183px;
	cursor:pointer;
	float:left;
	list-style-type:none;
}

#menu-container li#CAT01 { background-image:url(../buttons/button1_up.jpg); background-repeat:no-repeat; background-position:left top;}
#menu-container li#CAT02 { background-image:url(../buttons/button2_up.jpg); background-repeat:no-repeat; background-position:left top;}
#menu-container li#CAT03 { background-image:url(../buttons/button3_up.jpg); background-repeat:no-repeat; background-position:left top;}
#menu-container li#CAT04 { background-image:url(../buttons/button4_up.jpg); background-repeat:no-repeat; background-position:left top;}

/* sub-menu LIs */
#menu-container li ul li {
	width:162px/*FF*/;
	padding:0;
	padding-top: 7px;
	border:none;
	max-width:162px;
	height:24px;
	border-bottom:1px dashed #d6d6d6;
	border-top:none;
}

/* All anchors */
#menu-container li a {
	display:block;
	float:left;
	padding-left:2px;
}
/* sub-menu Anchors */
#menu-container li ul li a {
	width:9em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	color:#4f4f4f;
	text-decoration:none;
	background-position:0 50% !important;
}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#menu-container ul a:hover,
#menu-container ul a:focus,
#menu-container ul a:active {color:#1fafff !important;}
/* display and z-index for the sub-menus */
#menu-container li:hover ul,
#menu-container li:focus ul,
#menu-container li.msieFix ul {display:block;z-index:10;top:2em !important;}

#menu-container li#CAT01 {z-index:7;}
#menu-container li#CAT02 {z-index:6;}
#menu-container li#CAT03 {z-index:5;}
#menu-container li#CAT04 {z-index:4;}

/* background colors */
#CAT01 ul li {background-color:#fff;}
#CAT02 ul li {background-color:#fff;}
#CAT03 ul li {background-color:#fff;}
#CAT04 ul li {background-color:#fff;}

/* "trigger" and "msieFix" classes */
#menu-container li.msieFix a {}

