/* BEGIN Menu Size & Position Definitions */


/* This is the main menu box that appears when the web page loads */
ul.invodo_navigation {
	list-style: none none;
	padding: 0px;
	margin: 0px;
	display: block;
	position: relative;
	z-index:4;
	width: 140px;   /* Change this if you modify the text, font size, or background image */
	height: 18px;   /* Change this if you modify the padding, font size, or background image */
}

ul.invodo_navigation li {
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	padding: 0px;
}


/* This is the first dropdown menu.  */
/* For retailers, it lists the brands by default.  For manufacturers, it lists the products.  */
ul.invodo_navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none none;
	display: none;
	width: 220px;
	position: absolute;
	top: -1px;  /* The top and left values are variable, based on placement of the dropdown, width of the main menu box, etc.  */
	left: 130px;
	z-index:1000;
}

/* This is the second-level menu.  /*
/* For retailers, it shows the products.  For manufacturers, there is no second level.  */
ul.invodo_navigation ul ul {
	width:280px;
}
/* END */

ul.invodo_navigation:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}

/* This controls the actual text in the main menu box */
ul.invodo_navigation a {
	display: block;
	height: auto !important;
	height: 1%; /*For IE*/
	width: auto;
	padding: 1px 0px 0px 0px;  /* Only with background image */
	margin: 0px;
	text-align: left;
}


/* This controls the spacing of item text in dropdown menus */
ul.invodo_navigation li:hover li a,
ul.invodo_navigation li.iehover li a {
	padding: 2px;
	margin: 0px;
	width: auto;
}

/* This controls the expansion of the lower-level menus */
/* Do Not Move - Must Come Before display:block for Gecko */
ul.invodo_navigation li:hover ul ul,
ul.invodo_navigation li:hover ul ul ul,
ul.invodo_navigation li.iehover ul ul,
ul.invodo_navigation li.iehover ul ul ul {
	display: none;
	top: -1px; /* Placement must include border widths */
	left: 100%; /* Change according to 2nd menu width, including padding */
}

ul.invodo_navigation li:hover ul,
ul.invodo_navigation ul li:hover ul,
ul.invodo_navigation ul ul li:hover ul,
ul.invodo_navigation li.iehover ul,
ul.invodo_navigation ul li.iehover ul,
ul.invodo_navigation ul ul li.iehover ul {
	display: block;
} 

/* END Menu Size & Position Definitions */



/* BEGIN Menu Style Details */

/* Main menu box appearance */
/* Variable based on border and image selections */
ul.invodo_navigation {
	background: #FFFFFF url("http://www.recarochildsafety.com/images/static_images/arrow_right_green.gif") no-repeat right 50%;
}

/* Change the style of the dropdown menus here  */
ul.invodo_navigation ul {
	border: 1px inset #000000;
	background-color: #FFFFFF;
}

/* This controls the appearance of the main menu box text */
/* Variable based on user style selections */
ul.invodo_navigation a {
	font-family: verdana,sans-serif;
	font-size: 10px; /* If changed, must adjust menu widths and positioning in navigation css*/
	font-weight: bold;
	color: #579933;
	text-decoration: none;
}

/* Hover behavior of main menu box text */
ul.invodo_navigation a:hover,
ul.invodo_navigation li:hover a,
ul.invodo_navigation li.iehover a {
	color: #579933;
}

/* Default appearance of dropdown menu item text */
ul.invodo_navigation li:hover li a,
ul.invodo_navigation li.iehover li a,
ul.invodo_navigation li:hover li:hover li a,
ul.invodo_navigation li.iehover li.iehover li a, 
ul.invodo_navigation li:hover li:hover li:hover li a,
ul.invodo_navigation li.iehover li.iehover li.iehover li a {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	background: #FFFFFF url("http://www.recarochildsafety.com/images/static_images/1box-line.gif") repeat-x left bottom;
	text-decoration: none;
}

/* Appearance of active (hover) menu item text */
ul.invodo_navigation li:hover li a:hover,
ul.invodo_navigation li:hover li:hover a,
ul.invodo_navigation li.iehover li a:hover,
ul.invodo_navigation li.iehover li.iehover a,
ul.invodo_navigation li:hover li:hover li a:hover,
ul.invodo_navigation li:hover li:hover li:hover a,
ul.invodo_navigation li.iehover li.iehover li a:hover,
ul.invodo_navigation li.iehover li.iehover li.iehover a,
ul.invodo_navigation li:hover li:hover li:hover li a:hover,
ul.invodo_navigation li.iehover li.iehover li.iehover li a:hover
{
	color: #FFFFFF;
	background-color: #579933;
}

/* END Menu Style Details */