/* Root = Horizontal, Secondary = Vertical */
ul#hnavmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /* Set Menu Width */
  list-style: none;
  height: 45px;
  margin: 0;/* Center Menu */
  z-index:100;
  text-align:left;
}

ul#hnavmenu li {
  /*BACKGROUND-IMAGE: url(images/drop_menu_tap_blue.gif);*/
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: auto;
  z-index: 1;
}

ul#hnavmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top:44px;
  left: 0;
}

ul#hnavmenu ul:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#hnavmenu ul li {
  width: 210px;
  float: left;
  display: block !important;
  display: inline;
}

/* Root Menu */
ul#hnavmenu a { 
  padding-left:15px;
  /*float: none !important;*/
  float: left;
  display: block;
  color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  font-weight:bold;
  height: 1%;
  white-space:nowrap;
}

ul#hnavmenu a span{
	float: left;
	display:block;
	height:45px;
	padding-right:15px;
	color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
}


/* Root Menu Hover */
ul#hnavmenu a:hover,
ul#hnavmenu li:hover a,
ul#hnavmenu li.iehover a {
	/*background: url(images/navi_hover_left.gif) bottom left no-repeat;*/
	background: url(images/navi_cur_left.gif) bottom left no-repeat;
  color: #FFF;
}

ul#hnavmenu a:hover span,
ul#hnavmenu li:hover a span,
ul#hnavmenu li.iehover a span{
	float: left;
	position: relative;
	/*background:url(images/navi_hover_right.gif) bottom right no-repeat;*/
	background:url(images/navi_cur_right.gif) bottom right no-repeat;
	display:block;
	height:45px;
	color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
}

/* 2nd Menu */
ul#hnavmenu li:hover li a,
ul#hnavmenu li.iehover li a {
  float: none;
  background: #fff;
  color: #000;
  width:210px;
  line-height:21px;
  padding:0 7px;
  font-weight:normal;
  border-left:1px solid #bdbcbd;
  border-right:1px solid #bdbcbd;
  white-space:normal;
}

/* 2nd Menu Hover */
ul#hnavmenu li:hover li a:hover,
ul#hnavmenu li:hover li:hover a,
ul#hnavmenu li.iehover li a:hover,
ul#hnavmenu li.iehover li.iehover a {
  background: #92c026;
  color: #FFF;
  font-weight:bold;
  width:210px;
  line-height:21px;
  font-weight:normal;
  
}

/* 3rd Menu */
ul#hnavmenu li:hover li:hover li a,
ul#hnavmenu li.iehover li.iehover li a {
  background: #fff;
  color: #000;
  line-height:21px;
}

/* 3rd Menu Hover */
ul#hnavmenu li:hover li:hover li a:hover,
ul#hnavmenu li:hover li:hover li:hover a,
ul#hnavmenu li.iehover li.iehover li a:hover,
ul#hnavmenu li.iehover li.iehover li.iehover a {
  background: #92c026;
  color: #FFF;
  line-height:21px;
}

/* 4th Menu */
ul#hnavmenu li:hover li:hover li:hover li a,
ul#hnavmenu li.iehover li.iehover li.iehover li a {
  background: #fff;
  color: #000;
  line-height:21px;
}

/* 4th Menu Hover */
ul#hnavmenu li:hover li:hover li:hover li a:hover,
ul#hnavmenu li.iehover li.iehover li.iehover li a:hover {
  background: #92c026;
  color: #FFF;
  line-height:21px;
}

ul#hnavmenu ul {
	/*border:1px solid #bdbcbd;*/
	border-top:0px;
	}

ul#hnavmenu ul ul,
ul#hnavmenu ul ul ul {
	border:1px solid #bdbcbd;
	border-top:0;
  display: none;
  position: absolute;
  top:0px;
  left:200px;
}

ul#hnavmenu li:hover ul ul,
ul#hnavmenu li:hover ul ul ul,
ul#hnavmenu li.iehover ul ul,
ul#hnavmenu li.iehover ul ul ul {
  display: none;
}

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

ul#hnavmenu a.current-cat,
ul#hnavmenu a.current-cat:link,
ul#hnavmenu a.current-cat:visited { 
  padding-left:15px;
  float: left;
  display: block;
  color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  font-weight:bold;
  height: 1%;
}

ul#hnavmenu a.current-cat span,
ul#hnavmenu a.current-cat:link span,
ul#hnavmenu a.current-cat:visited span{
	float: left;
	position: relative;
	display:block;
	height:45px;
	padding-right:15px;
	color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
}


	
ul#hnavmenu a.current-cat:hover,
ul#hnavmenu li:hover a.current-cat,
ul#hnavmenu li.iehover a.current-cat {
background-image: url(images/navi_cur_left.gif);
  color: #FFF;
}

ul#hnavmenu a.current-cat:hover span,
ul#hnavmenu li:hover a.current-cat span,
ul#hnavmenu li.iehover a.current-cat span{
	float: left;
	position: relative;
	background:url(images/navi_cur_right.gif) bottom right no-repeat;
	display:block;
	height:44px;
	color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
}

ul#hnavmenu a.now-cat,
ul#hnavmenu a.now-cat:link,
ul#hnavmenu a.now-cat:visited{
background-image: url(images/navi_cur_left.gif);
  color: #FFF;
}

ul#hnavmenu a.now-cat span,
ul#hnavmenu a.now-cat:link span,
ul#hnavmenu a.now-cat:visited span{
	float: left;
	position: relative;
	background:url(images/navi_cur_right.gif) bottom right no-repeat;
	display:block;
	height:45px;
	color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
}


ul#hnavmenu a.now-cat:hover,
ul#hnavmenu li:hover a.now-cat,
ul#hnavmenu li.iehover a.now-cat {
	background: url(images/navi_hover_left.gif) bottom left no-repeat;
  color: #FFF;
}

ul#hnavmenu a.now-cat:hover span,
ul#hnavmenu li:hover a.now-cat span,
ul#hnavmenu li.iehover a.now-cat span {
	float: left;
	position: relative;
	background:url(images/navi_hover_right.gif) bottom right no-repeat;
	display:block;
	height:45px;
	color: #000;
  font: 11px/45px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
}



/******vertical menu style*******/

a.normalcat,
a.normalcat:link,
a.normalcat:visited {
	float:left;
	padding-left:5px;
	/*width:180px!important;
	width:auto;*/
	background: url(images/hr_dotline.gif) bottom repeat-x;
	text-decoration:none;
	}
	
a.normalcat span,
a.normalcat:link span,
a.normalcat:visited span {
	float:left;
	width:180px;
	cursor:pointer;
	font-size:13px;
	color:#000;
	display:block;
	line-height:29px;
	font-weight:bold;
	height: auto !important;
    height: 1%;
    text-decoration:none;
	}

a.normalcat:hover,
a.normalcat.iehover {
	text-decoration:none;
	background: url(images/prod_hover_bg.gif) top left no-repeat;
	}
a.normalcat:hover span{
	text-decoration:none;
	color:#fff;
	background: url(images/prod_hover_bg.gif) top right no-repeat;
	}

a.currentcat,
a.currentcat:link,
a.currentcat:visited,
a.currentcat:hover,
a.currentcat.iehover {
	float:left;
	padding-left:5px;
	/*width:180px!important;*/
	width:auto;
	text-decoration:none;
	background: url(images/prod_hover_bg.gif) top left no-repeat;
	}
	
a.currentcat span,
a.currentcat:link span,
a.currentcat:visited span,
a.currentcat:hover span,
a.currentcat.iehover span {
	float:left;
	width:180px;
	cursor:pointer;
	font-size:13px;
	color:#fff;
	display:block;
	line-height:29px;
	font-weight:bold;
	height: auto !important;
    height: 1%;
    text-decoration:none;
	background: url(images/prod_hover_bg.gif) top right no-repeat;
	cursor:pointer;
	}

	
.prod_sub_topleft{
	background:url(images/prod_corner.gif) left top no-repeat;
	padding-left:6px;
}
.prod_sub_topright{
	background:url(images/prod_corner.gif) right top no-repeat;
	height:6px;
	width:100%;
	overflow:hidden;
}
.prod_sub_div{
	width:100%;
	margin-bottom:15px;
	background:#f1f1f1;
	font-family:Tahoma;
	
}

.prod_sub_div_inner{
	/*width:100%;*/
	background:#f1f1f1;
	
}


.prod_sub_div_inner a,
.prod_sub_div_inner a:link,
.prod_sub_div_inner a:visited{
	display:block;
	background:url(images/prod_bullet.gif) 10px 10px no-repeat;
	padding:5px 0 5px 25px;
	color:#000;
	text-decoration:none;
}
.prod_sub_div_inner a:hover,
.prod_sub_div_inner a.iehover{
	/*color:#ff7b0a;*/
	background-color:#e8e8e8;
	text-decoration:none;
}


.prod_sub_botleft{
	background:url(images/prod_corner.gif) left -6px no-repeat;
	padding-left:6px;
}
.prod_sub_botright{
	background:url(images/prod_corner.gif) right -6px no-repeat;
	height:6px;
	width:100%;
	overflow:hidden;
}

