/* css only menu, based on info from TJK design & Suckerfish */

div#catMenuPos{ position: absolute; top:120px; font-family:georgia,serif; z-index: 1; margin-top: 4px;}
div#catMenuPos2{ position: relative; font-family:georgia,serif; z-index: 1; }
div#catMenuPos1{ position: relative;top:32px;font-family:georgia,serif; z-index: 1; }
ul#catMenu { position: relative; width: 980px; margin: 0px, 0px, 0px, 0px; border: 0px, 0px, 0px, 0px; padding: 0px, 0px, 0px, 0px; list-style: none; z-index: 1; }
ul#catMenu li { position: relative; float: left; display: inline; margin: 0px, 0px, 0px, 0px; border: 0px, 0px, 0px, 0px; padding: 0px, 0px, 0px, 0px; list-style: none; z-index: 1; }
ul#catMenu ul { position: absolute; width: 160px; margin: 0px, 0px, 0px, 0px; border: 0px, 0px, 0px, 0px; padding: 0px, 0px, 0px, 0px; list-style: none; display: none; left: 0px; z-index: 1; }
/*fix IE 7 bug*/
ul#catMenu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#catMenu ul li { width: 160px; float: left; /*fix IE 7 bug*/ display: block !important; display: inline; /*fix IE bug*/ }
ul#catMenu a { border: 1px solid #3D2245; border-right-color: #3D2245; border-bottom-color: #3D2245;  padding: 0 6px; float: none !important; float: left; display: block; background: #000000; /* horiz menu background */ color: #C68F29; /* horiz menu text colour */ font: 1.25em Georgia, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important;  height: 1%; margin: 0px, 0px, 10px, 0px; }
ul#catMenu a:hover,ul#catMenu li:hover a,ul#catMenu li.iehover a { background: #3D2245; /* horiz menu background highlight */ color: #FFFFFF; /* horiz menu text colour highlight */ }
ul#catMenu li:hover li a,ul#catMenu li.iehover li a { float: none; background: #000000; /* vert menu background */ color: #89718B; /* vert menu text colour */ font-size: 0.9em; padding-top: 2px; padding-bottom: 2px; }
ul#catMenu li:hover li a:hover,ul#catMenu li:hover li:hover a,ul#catMenu li.iehover li a:hover,ul#catMenu li.iehover li.iehover a { background: #3D2245; /* vert menu background highlight */ color: #FFFFFF; /* vert menu text colour highlight */ font-size: 0.9em; padding-top: 2px; padding-bottom: 2px; }
ul#catMenu ul ul,ul#catMenu ul ul ul { display: none; position: absolute; top: 0px; left: 160px; }
ul#catMenu li:hover ul ul,ul#catMenu li:hover ul ul ul,ul#catMenu li.iehover ul ul,ul#catMenu li.iehover ul ul ul { display: none; }
ul#catMenu li:hover ul,ul#catMenu ul li:hover ul,ul#catMenu ul ul li:hover ul,ul#catMenu li.iehover ul,ul#catMenu ul li.iehover ul,ul#catMenu ul ul li.iehover ul { display: block; }