/* -- Basic HTML Elements -- */
body {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;}


	
	/* -- First Level -- */
	#categories  { text-align: left; list-style: none; margin: 0 0; padding: 0 0 0; width: 300px }
	#categories li    { font-weight: bold; line-height: 12px; background: #cc6600; text-indent: 12px; padding-top: 6px; padding-bottom: 10px; position: relative }
	#categories li a   { text-decoration: none; background: #cc6600;  padding: 2px 0 2px 20px }
	#categories li.on a  { color: #2c5500; text-decoration: none; background: #ffffff; display: block; padding: 4px 0 4px 20px }
	#categories li a:hover  { background: #f7941c  }
	#categories li.on a:hover  { color: #2c5500; background: #ffffff  }
	
	/* -- Second Level -- */
	#categories li #categories-2  { background: #ED9719; margin: 0 0; padding: 1px 0 0; width: 300px }
	#categories li #categories-2 li   { font-weight: normal; background:#DD8D18; padding-top: 1px; padding-bottom: 1px; position: relative }
	#categories li #categories-2 li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
	#categories li #categories-2 li a  { color: #ffffff; text-decoration: none; background:#ED9719; display: block; padding: 4px 0 4px 30px }
	#categories li #categories-2 li.on a  { color: #ED9719; text-decoration: none; background: #ffffff;  display: block; padding: 4px 0 4px 30px }
	#categories li #categories-2 li a:hover  { background: #cc6600}
	#categories li #categories-2 li.on a:hover  { color: #ED9719; background: #ffffff  }
	
	/* -- Third Level -- */
	#categories li #categories-2 li #categories-3  { background: url("bg_categories_div_indent.gif") repeat-x left top; list-style: none; margin: 0 0; padding: 1px 0 0; width: 300px }
	#categories li #categories-2 li #categories-3 li   { font-weight: normal; background: "bg_categories_div_indent.gif"; repeat-x left top; padding-top: 1px; padding-bottom: 1px; position: relative }
	#categories li #categories-2 li #categories-3 li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
	#categories li #categories-2 li #categories-3 li a  { text-decoration: none; background: #ED9719; display: block; padding: 4px 0 4px 40px }
	#categories li #categories-2 li #categories-3 li.on a  { color: #2c5500; text-decoration: none; background: #ffffff; display: block; padding: 4px 0 4px 40px }
	#categories li #categories-2 li #categories-3 li a:hover  { background: #cc6600  } 
	#categories li #categories-2 li #categories-3 li.on a:hover  { color: #ED9719; background: #ffffff  }
	
	/* -- Forth Level -- */
	#categories li #categories-2 li #categories-3 li #categories-4   { background: url("bg_categories_div_indent.gif") repeat-x left top; list-style: none; margin: 0; padding: 1px 0 0; width: 300px }
	#categories li #categories-2 li #categories-3 li #categories-4 li   { font-weight: normal; background: "bg_categories_div_indent.gif"; repeat-x left top; padding-top: 1px; padding-bottom: 1px; position: relative }
	#categories li #categories-2 li #categories-3 li #categories-4 li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
	#categories li #categories-2 li #categories-3 li #categories-4 li a  { text-decoration: none; background: #cc6600; display: block; padding: 4px 0 4px 50px }
	#categories li #categories-2 li #categories-3 li #categories-4 li.on a  { color: #cc6600; text-decoration: none; background: #ffffff ; display: block; padding: 4px 0 4px 50px }
	#categories li #categories-2 li #categories-3 li #categories-4 li a:hover  { background: #cc6600  }
	#categories li #categories-2 li #categories-3 li #categories-4 li.on a:hover  { color: #2c5500; background: #ffffff) }
	




#categories li a, #categories li #categories-2 li a, #categories li #categories-2 li #categories-3 li a, #categories li #categories-2 li #categories-3 li #categories-4 li a {color: #FFF;}