body {  
         behavior: url(includes/csshover.htc);
} /* WinIE behavior call */
div#nav-cat {
	background: url("../images/lefttop.jpg") no-repeat left top; 
	margin-top: 0em;
	background-color: #ffffff;
	width: 181px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 1.3em;
	border-right: 2px solid #e25a00;
	border-left: 2px solid #e25a00;
	border-top: 0;
	border-bottom: 4px solid #e25a00;
}
div#nav-cat ul {
     margin: 0em; 
     padding: 0em; 
     width: 100%;  
     z-index: 1000;
     line-height: 17px;
     border: none;
}

div#nav-cat ul.level2 {background-color: #ffffff;}
div#nav-cat ul.level3 {background-color: #ffffff;}
div#nav-cat ul.level4 {background-color: #ffffff;}
div#nav-cat ul.level5 {background-color: #ffffff;}
div#nav-cat ul.level6 {background-color: #ffffff;}

div#nav-cat li {
     z-index: 1; 
     position: relative;
     list-style: none; 
     margin: 0;
     margin-top: 0; /* change it to whatever space you want to put space between buttons*/
     border-bottom: 1px solid #C0C0C0; /* <---this line may help or hinder IE menu shifting issues. */
     background-color: #F6F3F5; /*Sets background of Menu items that DOES NOT have sub-menu's SYSTEM WIDE!!! */
    
}
div#nav-cat li li {
    margin-left: 0em;/* This puts space between menu and sub-menu, reccomend to leave at 0 unless you have over-lapping problems. */
    background-color: #F6F3F5; /* sets the background of submenu ,WITHOUT submenus, when menu is HOVERED */
} 
div#nav-cat li:hover {background-color: #FFFFFF;} /* sets the HOVER background of any MENU item that DOES NOT have submenu items */
div#nav-cat li.submenu {
background: url(../images/left-Arrow.jpg) 95% 50% no-repeat;
background-color: #F6F3F5;} /* sets the background of any menu item that DOES have submenu items */
div#nav-cat li.submenu:hover {background-color: #FFFFFF;} /*sets the HOVER background of any menu item that DOES have submenu items */



div#nav-cat li a {background-color: transparent; /*<---This will set the background color of the WHOLE MENU, EVERY LEVEL, SYSTEM WIDE!!! If you want different colors, DON'T CHANGE THIS!!! */
    display: block;
    padding: 0.25em 0 0.3em 0em;
    text-decoration: none; 
    width: 85%;
	padding-left:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #3a3a3a; /* sets the font color of the menu, SYSTEM WIDE!! In order to over-ride the font colors for the menu, and have different 
    colors for each level, such as font color changing when you hover, you need to remove any MENU colors  referred to in your
    stylesheet.css, as they over-ride this stylesheet! (includes/templates/YOUR_TEMPLATE/css/stylesheet.css) */
}

div#nav-cat ul ul {
    position: absolute; top: 0; left: 100%;
    display: none; z-index: 1000;
}

div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
        display:block;
}
div#nav-cat ul.level3 li.submenu:hover ul.level4 { height: 200px;overflow: scroll;}

#categoriescssHeading{
	background-image:url(../images/left_categories_bg.jpg);
	height:35px;
	line-height:35px;
	font-size:15px;
	font-family:Arial,Regular;
	padding:0;
	font-weight:bolder;
}

/* vka add: use in category page*/
#categoriescssHeading-sub{
	background-image:url(../images/left-navbt.jpg);
	font-size:13px;
	height:22px;
	line-height:22px;
	text-align:left;
	text-indent:7px;
}

div#nav-cat_sub {
	background: url("../images/lefttop.jpg") no-repeat left top; 
	margin-top: 0px;
	background-color: #ffffff;
	width: 181px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	border: 1px solid #d3d3d3;
}
div#nav-cat_sub ul {
     margin: 0em; 
     padding: 0em; 
     width: 100%;  
     z-index: 1000;
     line-height: 17px;
     border: none;
}

div#nav-cat_sub ul.level2 {background-color: #ffffff;}
div#nav-cat_sub ul.level3 {background-color: #ffffff;}
div#nav-cat_sub ul.level4 {background-color: #ffffff;}
div#nav-cat_sub ul.level5 {background-color: #ffffff;}
div#nav-cat_sub ul.level6 {background-color: #ffffff;}

div#nav-cat_sub li {
     z-index: 1; 
     position: relative;
     list-style: none; 
     margin: 0;
     margin-top: 0; /* change it to whatever space you want to put space between buttons*/
     border-bottom: 1px solid #C0C0C0; /* <---this line may help or hinder IE menu shifting issues. */
    
}
div#nav-cat_sub li li {
    margin-left: 0em;/* This puts space between menu and sub-menu, reccomend to leave at 0 unless you have over-lapping problems. */
    background-color: #F6F3F5; /* sets the background of submenu ,WITHOUT submenus, when menu is HOVERED */
} 
div#nav-cat_sub li:hover {background-color: #FFFFFF;} /* sets the HOVER background of any MENU item that DOES NOT have submenu items */
div#nav-cat_sub li.submenu {
background: url(../images/left-Arrow.jpg) 95% 50% no-repeat;
background-color: #F6F3F5;} /* sets the background of any menu item that DOES have submenu items */
div#nav-cat_sub li.submenu:hover {background-color: #FFFFFF;} /*sets the HOVER background of any menu item that DOES have submenu items */



div#nav-cat_sub li a {background-color: transparent; /*<---This will set the background color of the WHOLE MENU, EVERY LEVEL, SYSTEM WIDE!!! If you want different colors, DON'T CHANGE THIS!!! */
    display: block;
    padding: 0.25em 0 0.3em 0em;
    text-decoration: none; 
    width: 85%;
	padding-left:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #3a3a3a; /* sets the font color of the menu, SYSTEM WIDE!! In order to over-ride the font colors for the menu, and have different 
    colors for each level, such as font color changing when you hover, you need to remove any MENU colors  referred to in your
    stylesheet.css, as they over-ride this stylesheet! (includes/templates/YOUR_TEMPLATE/css/stylesheet.css) */
}

div#nav-cat_sub ul ul {
    position: absolute; top: 0; left: 100%;
    display: none; z-index: 1000;
}

div#nav-cat_sub ul.level1 li.submenu:hover ul.level2, 
div#nav-cat_sub ul.level2 li.submenu:hover ul.level3,
div#nav-cat_sub ul.level3 li.submenu:hover ul.level4,
div#nav-cat_sub ul.level4 li.submenu:hover ul.level5,
div#nav-cat_sub ul.level5 li.submenu:hover ul.level6 {
        display:block;
}
div#nav-cat_sub ul.level3 li.submenu:hover ul.level4 { height: 200px;overflow: scroll;}