/* -----  LEFT MENU ----- */

#menu {
	text-align: left;
	width: 202px;
	padding: 0px 0px 35px 20px;
	min-height: 250px;
	background: transparent url(/images/bgd_nav.gif) no-repeat left bottom;
	z-index: 5;
}
ul#navigation { font: bold 11px verdana, arial, helvetica, sans-serif;}
ul#navigation { padding: 0; margin: 0; list-style: none;}
ul#navigation li { line-height : 1.35em; position: relative; float: left;}

/* MAIN MENUS */
ul#navigation li.main { width: 202px;} /*      **** style for MAIN LINKS **** */
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
#navigation li.main a.main {  /* The style for main menus */
	display: block;
	text-decoration: none;
	text-align:left;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 4px 10px;
}
#navigation li#image {padding: 0px; height: 23px;}
#navigation li#home a.main {background: #DDB17B;}
#navigation li#info a.main {background: #FF6633;}
#navigation li#products a.main {background: #DD0022;}
#navigation li#where a.main {background: #991111;}

ul#navigation LI.main A.main:hover,
ul#navigation LI#home A.main:hover,
ul#navigation LI#info A.main:hover,
ul#navigation LI#products A.main:hover,
ul#navigation LI#where A.main:hover
{ /* The hovered style for main menus */
	color: #993300;
	background: #FFCC99;
}

/* SUB MENUS */
ul#navigation ul { padding: 0; margin: 0; list-style: none;}
ul#navigation ul { border-top: 1px solid #FF9900;}/*    **** Borders for submenus only **** */
ul#navigation LI.main ul LI A {
	DISPLAY: block; 
	PADDING: 4px 0px 4px 4px; 
	COLOR: #FFFFFF; 
	border-left: #FF9900 1px solid;
	BORDER-BOTTOM: #FF9900 1px solid; 
	BORDER-RIGHT: #FF9900 1px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;4:
}
ul#navigation li li { /* Needed for IE6 and IE7 for vertical menus */
	float: left;
}
ul#navigation li li a { background-color: #993300; width: 185px; text-align:left;} /*           ****CHANGE-SUBMENU**** */
ul#navigation li li li a { width: 15em;} /*           ****CHANGE-SUB-SUBMENU**** */

ul#navigation ul li a:hover, ul#navigation ul li:hover a:hover { /* The hovered style for submenus */
	color: #FFFFFF; background-color: #FF9900;
}
ul#navigation li ul { /* Hides the first unhovered submenu */
	left: -999em; bottom:0; position : absolute;
}
#navigation li:active ul ul, #navigation li:active ul ul ul, #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: -10px; margin-left: 100%; top: 0;
}
/* Allows parent list item to be highlighted */
#navigation li.main:hover a.main, #navigation li.main.sfhover a.main {/* Allows parent list item to be highlighted */
	color: #993300;
	background: #993300;
}

/* CURRENT PAGE STYLE */
body.bodyhome ul#navigation #home a.main,
body.bodyinfo ul#navigation #info a.main,
body.bodyproducts ul#navigation #products a.main,
body.bodywhere ul#navigation #where a.main {
	font-weight: bold;
	color: #DD0022;
	background: #FFFFFF;
/*	background: transparent url(/images/menu_both.gif) no-repeat left -48px;*/
}
