/*
  $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: black;
	background-color: #e6e7e6;
	border: 1px outset #525252;
}

.horizitem	{
	float: left;
	white-space: nowrap;
}

.horizitem a {
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{
	color: #000000;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{
	color: #ffff00;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {
    background-color: #ccc;
		font-weight: bold;
}

.horbar .dmselected {
    background-color: #999;
}


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #fdfefd;
}

.vertitem	{          
	text-align: left;
	white-space: nowrap;
}

.vertitem a {   
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;		
	text-decoration: none;
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   
	color: #000000;
	text-decoration: none;	
}

.vertitem a:hover	{   
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertitem a:active	{   /* */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;	
}

.vertsubmenu	{   
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;	
}

.vertsubitem	{     
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertsubitem a:active	{   
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   
    background-color: #ccc;
		font-weight: bold;
}

.verbar .dmselected {   
    background-color: #999;
}

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{
	display: block;
	white-space: nowrap;
}


.phplmbodytable {

}

.phplmnormal {
	color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{
	color: #003300;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{
	color: #841212;
	background-color: #ccc;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{
	color: #ff0000;
	font-size: 13px;	
	text-decoration: none;	
}

.dmselected {
    background-color: #ccc;
		font-weight: bold;
}