/* -- Categories -- */

/* -- First Level -- */
#categories {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 191px;background: url(../global/bg_categories_div.gif) repeat-x left top;}
#categories li {
	position: relative;
	font-weight: bold;
	padding-bottom: 1px;
	background: url(../global/bg_categories_div.gif) repeat-x left bottom;
	left: 0;
	top: 0;
}
#categories li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 20px; background: url(../global/bl02.gif) no-repeat 12px 7px; background-color: #333300;}
#categories li a:hover, #categories li a.ont-selected:hover {background: url(../global/bl01.gif) no-repeat 12px 7px; background-color: #9FCC4E; color: #000;}

/* -- Second Level -- */
#categories li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 191px;background: url(../global/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(../global/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 30px; background: url(../global/bl02.gif) no-repeat 22px 7px; background-color: #CC0000;}
#categories li ul li a:hover, #categories li ul li a.ont-selected:hover {background: url(../global/bl01.gif) no-repeat 22px 7px; background-color: #9FCC4E; color: #fff;}

/* -- Third Level -- */
#categories li ul li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 191px;background: url(../global/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(../global/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 40px; background: url(../global/bl02.gif) no-repeat 32px 7px; background-color: #FFCC00;}
#categories li ul li ul li a:hover, #categories li ul li ul li a.ont-selected:hover {background: url(../global/bl01.gif) no-repeat 32px 7px; background-color: #9FCC4E;}

/* -- Forth Level -- */
#categories li ul li ul li ul{margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 191px;background: url(../global/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li ul li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(../global/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li ul li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li ul li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 50px; background: url(../global/bl02.gif) no-repeat 42px 7px; background-color: #333300;}
#categories li ul li ul li ul li a:hover, #categories li ul li ul li ul li a.ont-selected:hover {background: url(../global/bl01.gif) no-repeat 42px 7px; background-color: #9FCC4E;}

#categories a.ont-selected {background-image: url(../global/bl03.gif); background-color: #fff; color: #000;}

/* Fix IE. Hide from IE Mac \*/
* html #categories li { float: left; height: 1%; }
* html #categories li a { height: 1%; }
* html #categories li ul li { float: left; height: 1%; }
* html #categories li ul li a { height: 1%; }
* html #categories li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li a { height: 1%; }
* html #categories li ul li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li ul li a { height: 1%; }
/* End */

li:hover #categories, li.over #categories { display: block; } /* The magic */