@charset "UTF-8";

/* CSS Document */



/*



  $Id: dynamenu_for_osc_styles.txt,v 1.00 2006/05/07 20:04:02 nate_02631 Exp $



	



	Dynamenu for osCommerce CSS Definitions







  osCommerce, Open Source E-Commerce Solutions



  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  



	Released under the GNU General Public License



	



	Below are styles to be included in your catalog stylesheet (stylesheet.css) for



	use with Dynamenu for osCommerce. All the CSS declarations for various menu styles



	are included below. You need only include the style for the type of menu you plan



	to use in your store template (of course feel free to paste them all in if experimenting).



	



	The plain and DHTML menus also work with a set of templates found in the



	/includes/functions/dynamenu/templates folder, but in just about all cases



	modifying the styles below should net you the results you want. 



	



*/







	 







/*-------------------------------------*/



/*   Horizontal Drop-Down Menu Style   */



/*-------------------------------------*/







.horbar	{   /* Color of main horizontal menubar and border */

	color: black;

  background: #8D8573;

	border: 1px outset #525252;

}







.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */

	float: left;

	white-space: nowrap;

}







.horizitem a {              /* Font style, size of submenu items */

  font-family: Verdana, Arial, sans-serif;

	font-size: 12px;	

	text-decoration: underline;

	position: relative;	

	display: block;	



}







.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */



	color: #FFFFFF;

	text-decoration: underline;

  background: #8D8573;

}







.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */

	color: #ffffff;

      background: #8D8573;

	text-decoration: none;

}







.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */

	color: #ffff00;

  background: #8D8573;

text-decoration: underline;



}







.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

	position: absolute;

	left: 0;

	top: 0;

	visibility: hidden;

}







.horizsubframe	{      /* Color of submenu item and border */



  background: #8D8573;

	border: 2px outset #fdfefd;

	position: relative;

	display: block;	

}



.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

	text-align: left;

	white-space: nowrap;

}





.horizsubitem a {            /* Font style, size of submenu items */



  font-family: Verdana, Arial, sans-serif;



	font-size: 12px;	



	text-decoration: none;



	position: relative;



	display: block;	



}







.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */



	color: #000000;



	font-size: 12px;	



	text-decoration: none;



}







.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */



	color: #ffffff;



  background: #8D8573;



	text-decoration: none;



}







.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */



	color: #ffff00;



	background-color: #666666;		



	text-decoration: none;



}







.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */



	position: absolute;



	top: 5px;



	right: 8px;



}







.dmselected {   /* Style override for selected category tree */



    background-color: #ccc;



		font-weight: bold;



}







.horbar .dmselected {   /* Style override for selected root category */



    background-color: #999;



}