/* ---------------------------------------- System menu --------------------------------------- */
/* Root = Horizontal, Secondary = Vertical */



ul#main_menu {
 margin: 0;
  padding: 0;
  list-style: none;
  font-size:100%;
   text-align: center;
   width: 970px;
   
}

ul#main_menu li {
	margin: 0;
	border: 0 none;
	padding: 0px 0px 0px 0px;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;	
	background: none;
  height: 31px;
}

ul#main_menu li.separator {
	margin: 0;
	border: 0 none;
	padding: 0px 0px 0px 0px;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	width: 1px;
	font-size: 1px;
	height: 31px;
}

ul#main_menu li.separator span {
	margin: 0;
	border: 0 none;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1px;
	font-size: 1px;
	height: 31px;
	background: url(/images/images.png) 0px 0px no-repeat;
}

#menu_container_blue ul#main_menu li.separator span {
	margin: 0;
	border: 0 none;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1px;
	font-size: 1px;
	height: 31px;
	background: url(/images/images.png) 0px 0px no-repeat;
}

#menu_container_red ul#main_menu li.separator span {
	margin: 0;
	border: 0 none;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1px;
	font-size: 1px;
	height: 31px;
	background: url(/images/images.png) -1px 0px no-repeat;
}

#menu_container_green ul#main_menu li.separator span {
	margin: 0;
	border: 0 none;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1px;
	font-size: 1px;
	height: 31px;
	background: url(/images/images.png) -2px 0px no-repeat;
}

/* Root Menu */
ul#main_menu li a {
	border: 0px;
	padding: 0px 0px 0px 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: bold 12px arial;
	text-decoration: none;
	height: 31px; /*For IE*/
	line-height: 31px;
	kbackground: url(../images/menu_blue_separator.gif) right no-repeat;
}

ul#main_menu li.last a {
	background: none;
}





ul#main_menu li a span {
	padding: 9px 32px 10px 32px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: bold 12px arial;

	background: none;
}




ul#main_menu ul {
  margin: 0;
  padding: 0;
  width: 230px;
  list-style: none;
  display: none;
  position: absolute;
  top: 31px;
  left: 0px;
  padding-top: 0px;
  border-top: 1px solid #8AC3E5;
  z-index: 100;
}

ul#main_menu.menu_red ul {
  margin: 0;
  padding: 0;
  width: 230px;
  list-style: none;
  display: none;
  position: absolute;
  top: 31px;
  left: 0px;
  padding-top: 0px;
  border-top: 1px solid #f3846e
}

ul#main_menu.menu_green ul {
  margin: 0;
  padding: 0;
  width: 230px;
  list-style: none;
  display: none;
  position: absolute;
  top: 31px;
  left: 0px;
  padding-top: 0px;
  border-top: 1px solid #a5c877
}

ul#main_menu li.last ul {
  margin: 0;
  padding: 0;
  width: 230px;
  list-style: none;
  display: none;
  position: absolute;
  top: 31px;
  left: -114px;
  padding-top: 0px;  
}

ul#main_menu li.last ul ul {
  margin: 0;
  padding: 0;
  width: 230px;
  list-style: none;
  display: none;
  position: absolute;
  top: 0px;
  left: -230px;
  padding-top: 1px;  
}

ul#main_menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#main_menu ul li {
  width: 230px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: auto !important;
	padding-bottom: 0px;
	padding-left: 0px;
  height: 1%; /*For IE*/
  background: #3598D2 url(../images/menu_blue_separator_H2.gif) 20px bottom no-repeat;  
  text-align: left;
  z-index: 100;  
}

ul#main_menu.menu_red ul li {
  width: 230px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: auto !important;
	padding-bottom: 0px;
	padding-left: 0px;
  height: 1%; /*For IE*/
  background: #ea2b05 url(../images/menu_blue_separator_H2_red.gif) 20px bottom no-repeat;  
  text-align: left;  
}

ul#main_menu.menu_green ul li {
  width: 230px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: auto !important;
	padding-bottom: 0px;
	padding-left: 0px;
  height: 1%; /*For IE*/
  background: #65ab0a url(../images/menu_blue_separator_H2_green.gif) 20px bottom no-repeat;  
  text-align: left;  
}

ul#main_menu ul li.last {
  background: #3598D2;    
}

ul#main_menu.menu_red ul li.last {
  background: #ea2b05;    
}

ul#main_menu.menu_green ul li.last {
  background: #65ab0a;    
}


ul#main_menu li ul li a {
	border: 0px;
	padding: 0px 20px 0px 20px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: bold 11px tahoma;
	text-decoration: none;
	line-height: 1em;
	background: none;

}

ul#main_menu li ul li a span {
	padding: 0px 0px 0px 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: bold 11px arial;
	line-height: 1em;
	padding-top: 0.9em;
  padding-bottom: 0.9em;
}

ul#main_menu li ul li.last a span {
	border-bottom: 0px;
}



/* Root Menu Hover Persistence */
ul#main_menu a:hover,
ul#main_menu li:hover a,
ul#main_menu li.iehover a {
  background: #8ac3e5;
  background-image: none;
  color: #ffffff;
  text-decoration: none;
}


ul#main_menu.menu_red>li>a:hover,
ul#main_menu.menu_red>li:hover>a,
ul#main_menu.menu_red>li.iehover>a {
  background: #f3846e;
  background-image: none;
  color: #ffffff;
  text-decoration: none;
}

ul#main_menu.menu_green>li>a:hover,
ul#main_menu.menu_green>li:hover>a,
ul#main_menu.menu_green>li.iehover>a {
  background: #a5c877;
  background-image: none;
  color: #ffffff;
  text-decoration: none;
}

ul#main_menu a:hover span,
ul#main_menu li:hover a span,
ul#main_menu li.iehover a span {
	background: none;
	cursor: pointer;
	color: #ffffff;
}

/* 2nd Menu */
ul#main_menu a:hover li a,
ul#main_menu li:hover li a,
ul#main_menu li.iehover li a {
	float: none;
	background: none;
	color: #FFFFFF;
	text-decoration: none;
}

ul#main_menu a:hover li a span,
ul#main_menu li:hover li a span,
ul#main_menu li.iehover li a span {
	background: none;
}


/* 2nd Menu Hover Persistence */
ul#main_menu li:hover li a:hover,
ul#main_menu li:hover li:hover a,
ul#main_menu li.iehover li a:hover,
ul#main_menu li.iehover li.iehover a {
  kbackground: #3598D2 url(../images/menu_blue_separator_H2.gif) 20px bottom no-repeat;
  text-decoration: underline;
}



ul#main_menu li:hover li a:hover span,
ul#main_menu li:hover li:hover a span,
ul#main_menu li.iehover li a:hover span,
ul#main_menu li.iehover li.iehover a span {
  background: none;
  color: #ffffff;
}


/* 3rd Menu */
ul#main_menu li:hover li:hover li a,
ul#main_menu li.iehover li.iehover li a {
  background: none;
  color: #ffffff;
  text-decoration: none;
}

ul#main_menu li:hover li:hover li a span,
ul#main_menu li.iehover li.iehover li a span {
  background: none;
  color: #ffffff;
}

/* 3rd Menu Hover Persistence */
ul#main_menu li:hover li:hover li a:hover,
ul#main_menu li:hover li:hover li:hover a,
ul#main_menu li.iehover li.iehover li a:hover,
ul#main_menu li.iehover li.iehover li.iehover a {
  text-decoration: underline;
}

ul#main_menu li:hover li:hover li a:hover span,
ul#main_menu li:hover li:hover li:hover a span,
ul#main_menu li.iehover li.iehover li a:hover span,
ul#main_menu li.iehover li.iehover li.iehover a span {
  background: none;
  color: #ffffff;
}

/* 4th Menu */
ul#main_menu li:hover li:hover li:hover li a,
ul#main_menu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#main_menu li:hover li:hover li:hover li a:hover,
ul#main_menu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#main_menu ul ul,
ul#main_menu ul ul ul {
  display: none;
  position: absolute;
  top: -1px;
  left: 230px;
  background: none;  
  border: 0px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#main_menu li:hover ul ul,
ul#main_menu li:hover ul ul ul,
ul#main_menu li.iehover ul ul,
ul#main_menu li.iehover ul ul ul {
  display: none;
}

ul#main_menu li:hover ul,
ul#main_menu ul li:hover ul,
ul#main_menu ul ul li:hover ul,
ul#main_menu li.iehover ul,
ul#main_menu ul li.iehover ul,
ul#main_menu ul ul li.iehover ul {
  display: block;
}


ul#submenu_main_menu, ul#productscat, ul#submenu_main_menu_red, ul#productscat_red, ul#submenu_main_menu_green, ul#productscat_green {
 margin: 0;
   /*border:1px solid green;*/
  padding: 0;
  /*width: 500px; For KHTML*/
  list-style: none;
  font-size:100%;
   float: left;
   width: 230px;
}

ul#submenu_main_menu>li, ul#productscat>li, ul#submenu_main_menu_red>li, ul#productscat_red>li, ul#submenu_main_menu_green>li, ul#productscat_green>li {
	width: 230px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: auto !important;
	padding-bottom: 0px;
	padding-left: 0px;
  height: 1%; /*For IE*/
  text-align: left;
}

ul#submenu_main_menu>li, ul#productscat>li {
	background: #3598D2 url(../images/menu_blue_separator_H2.gif) 26px bottom no-repeat;  
}

ul#submenu_main_menu_red>li, ul#productscat_red>li {
	background: #ea2b05 url(../images/menu_blue_separator_H2_red.gif) 26px bottom no-repeat;  
}

ul#submenu_main_menu_green>li, ul#productscat_green>li {
	background: #65ab0a url(../images/menu_blue_separator_H2_green.gif) 26px bottom no-repeat;  
}

ul#submenu_main_menu li.last, ul#productscat li.last {
	background: #3598D2;  
}

ul#submenu_main_menu_red li.last, ul#productscat_red li.last {
	background: #ea2b05;  
}

ul#submenu_main_menu_green li.last, ul#productscat_green li.last {
	background: #65ab0a;  
}

ul#submenu_main_menu li.opened, ul#productscat li.opened {
	background: #3598D2;
}

ul#submenu_main_menu_red li.opened, ul#productscat_red li.opened {
	background: #ea2b05;
}

ul#submenu_main_menu_green li.opened, ul#productscat_green li.opened {
	background: #65ab0a;
}

ul#submenu_main_menu li.selected, ul#productscat li.selected {
	background: #8ac3e5;
}

ul#submenu_main_menu_red li.selected, ul#productscat_red li.selected {
	background: #f3846e;
}

ul#submenu_main_menu_green li.selected, ul#productscat_green li.selected {
	background: #a5c877;
}

ul#submenu_main_menu li.near_selected, ul#productscat li.near_selected {
	background: #3598D2;  
}

ul#submenu_main_menu_red li.near_selected, ul#productscat_red li.near_selected {
	background: #ea2b05;  
}

ul#submenu_main_menu_green li.near_selected, ul#productscat_green li.near_selected {
	background: #65ab0a;  
}




/* Root Menu */
ul#submenu_main_menu>li>a, ul#productscat>li>a, ul#submenu_main_menu_red>li>a, ul#productscat_red>li>a, ul#submenu_main_menu_green>li>a, ul#productscat_green>li>a {
	border: 0px;
	padding: 0px 0px 0px 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: bold 11px tahoma;
	text-decoration: none;
	line-height: 1em;
	background: none;
}

ul#submenu_main_menu>li>a:hover, ul#productscat>li>a:hover, ul#submenu_main_menu_red>li>a:hover, ul#productscat_red>li>a:hover, ul#submenu_main_menu_green>li>a:hover, ul#productscat_green>li>a:hover {
	text-decoration: underline;
}




ul#submenu_main_menu>li>a>span, ul#productscat>li>a>span, ul#submenu_main_menu_red>li>a>span, ul#productscat_red>li>a>span, ul#submenu_main_menu_green>li>a>span, ul#productscat_green>li>a>span {
	padding: 0px 26px 0px 26px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: bold 11px arial;
	line-height: 1em;
	padding-top: 0.9em;
  padding-bottom: 0.9em;
}

ul#submenu_main_menu li.selected a span, ul#productscat li.selected a span, ul#submenu_main_menu_red li.selected a span, ul#productscat_red li.selected a span, ul#submenu_main_menu_green li.selected a span, ul#productscat_green li.selected a span
{
  background: none;
	color: #ffffff;
}
ul#submenu_main_menu li.firstselected a span, ul#productscat li.firstselected a span, ul#submenu_main_menu_red li.firstselected a span, ul#productscat_red li.firstselected a span, ul#submenu_main_menu_green li.firstselected a span, ul#productscat_green li.firstselected a span {
	background: none;
	color: #ffffff;
}

ul#submenu_main_menu li.lastselected a span, ul#productscat li.lastselected a span, ul#submenu_main_menu_red li.lastselected a span, ul#productscat_red li.lastselected a span, ul#submenu_main_menu_green li.lastselected a span, ul#productscat_green li.lastselected a span
{
  background: none;
  color: #ffffff;
}

ul#submenu_main_menu li.last a span, ul#productscat li.last a span, ul#submenu_main_menu_red li.last a span, ul#productscat_red li.last a span, ul#submenu_main_menu_green li.last a span, ul#productscat_green li.last a span
{
  background: none;
}



ul#submenu_main_menu ul, ul#productscat ul, ul#submenu_main_menu_red ul, ulproductscat_red# ul, ul#submenu_main_menu_green ul, ul#productscat_green ul {
margin: 0;
   /*border:1px solid green;*/
  padding: 0;
  /*width: 500px; For KHTML*/
  list-style: none;
  font-size:100%;
   float: left;
   width: 230px;
}

ul#submenu_main_menu ul li, ul#productscat ul li, ul#submenu_main_menu_red ul li, ul#productscat_red ul li, ul#submenu_main_menu_green ul li, ul#productscat_green ul li {
	width: 230px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: auto !important;
	padding-bottom: 0px;
	padding-left: 0px;
  height: 1%; /*For IE*/
  text-align: left;
  list-style: none;
  margin: 0px;
}

ul#submenu_main_menu ul li, ul#productscat ul li {
  background: #3598D2 url(../images/menu_blue_separator_H2.gif) 42px bottom no-repeat;  
}

ul#submenu_main_menu_red ul li, ul#productscat_red ul li {
  background: #ea2b05 url(../images/menu_blue_separator_H2_red.gif) 42px bottom no-repeat;  
}

ul#submenu_main_menu_green ul li, ul#productscat_green ul li {
	background: #65ab0a url(../images/menu_blue_separator_H2_green.gif) 42px bottom no-repeat;  
}


ul#submenu_main_menu ul li a, ul#productscat ul li a, ul#submenu_main_menu_red ul li a, ul#productscat_red ul li a, ul#submenu_main_menu_green ul li a, ul#productscat_green ul li a {
	border: 0px;
	padding: 0px 0px 0px 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: normal 11px tahoma;
	text-decoration: none;
	line-height: 1em;
	background: none;
  

}




ul#submenu_main_menu ul li a span, ul#productscat ul li a span, ul#submenu_main_menu_red ul li a span, ul#productscat_red ul li a span, ul#submenu_main_menu_green ul li a span, ul#productscat_green ul li a span {
	padding: 0px 26px 0px 42px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	font: normal 11px arial;
	line-height: 1em;
	padding-top: 0.9em;
  padding-bottom: 0.9em;
  
}



ul#sub_menu {margin: 0px; padding: 0px; list-style: none; width: 180px;}
ul#sub_menu li ul {margin: 0px; padding: 0px; list-style: none;}
ul#sub_menu li { padding: 0px 0px 0px 0px; border-bottom: 1px solid #ffffff; background: none; }
ul#sub_menu li ul li { padding: 0px 0px 0px 0px; background: none; }
ul#sub_menu li.first { }

ul#sub_menu li.last { border-bottom: 0px; }
ul#sub_menu li ul li.last { border-bottom: 0px; }
ul#sub_menu li.selected { background: #ffffff url(/images/li_ico.gif) 167px 13px no-repeat; }
ul#sub_menu li.selected ul li{ background: none; }
ul#sub_menu li a { padding: 0.7em 42px 0.7em 0px; text-align: right; display: block; font: normal 11px arial; color: #787878; }
ul#sub_menu li.first a { padding: 0.4em 42px 0.7em 0px; }
ul#sub_menu li.selected a { font-weight: bold; color: #316f94; }
ul#sub_menu li.selected ul li.selected a { font-weight: bold; color: #777777; }
ul#sub_menu li.selected ul li a { padding: 0.5em 42px 0.5em 0px; text-align: right; display: block; font: normal 11px arial; color: #777777; }
ul#sub_menu a:hover {text-decoration: underline;}

