/* 
========================================================================
HORIZONTAL DROPDOWN MENU SYSTEM
========================================================================
*/
#menubar								{ display: inline-block; z-index: 100; padding: 0; margin: -1px 150px 0 0; width: 370px; float: right; }
.dropdownmenu ul						{ text-transform: uppercase; font-size: 85%; font-weight: normal; padding: 0; margin: 0; }
.dropdownmenu ul li						{ position: relative; list-style: none; float: left; margin: 0; }
.dropdownmenu ul li a					{ color: #333; font-weight: normal; z-index: 200; display: block; text-decoration: none; padding: 3px 17px 0px 0; }
.dropdownmenu ul li:hover a				{ display: block; color: #000; }
/* 
========================================================================
-- css fold-style
========================================================================
*/
#categorymenu							{ height: 26px; background-color: #444; position: relative; margin: 18px 0 0 0; display: block; z-index: 90; padding: 0 0 0 0; width: 100%;  }
.cssfoldout ul							{ padding: 0; border: 0; margin: 0; }
.cssfoldout ul li						{ position: relative; list-style: none; float: left; margin: 0; }
.cssfoldout ul li a						{ display: block; border-right: dotted 1px #ddd; color: #fff; font-weight: bold; z-index: 200; text-decoration: none; padding: 3px 17px 4px 9px; }
.cssfoldout ul li:hover a				{ color: #fff; background-color: #777; }
.cssfoldout ul ul						{ z-index: 200; position: absolute; visibility: hidden; margin: 0; padding: 0; }
.cssfoldout ul ul li					{ border: none; width: 240px; }
.cssfoldout ul li:hover ul li a			{ display: block; font-weight: normal; text-decoration: none; color: #fff; border-none; }
.cssfoldout ul li:hover ul li:hover a	{ color: #9999cc; }
.cssfoldout ul li:hover ul ul			{ visibility: hidden; color: #fff; }
.cssfoldout ul li:hover ul,
.cssfoldout ul li li:hover ul			{ visibility: visible }
.cssfoldout ul ul ul					{ top: 0 }
.cssfoldout ul li ul li ul				{ margin: 0 0 0 240px; }
.cssfoldout ul li:hover ul li:hover ul a			{ font-weight: normal; background-color: #777; color: #fff; }
.cssfoldout ul li:hover ul li:hover ul li:hover a	{ color: #9999cc; }