/* the ES menu starts here */

* {margin:0; padding:0;}

#listmenu_es {
	width:980px; /* makes the div full width */
	float:left;
	font-size:.8em;	/* SET FONT-SIZE HERE */
	position:relative;
	z-index:997;
}

#listmenu_es ul {
	margin:0 0 0 0px;
}

#listmenu_es li {
	background-image:url("/graphics/site/top_menu.jpg");
	float:left;
	position:relative;
	list-style-type:none;
	border-right:1px solid #7C8285;
	width:195px;
	height:34px;
}

#listmenu_es li:hover {
	color: #000;	
}

#listmenu_es a {
	
	display:block;
	padding: 9px 4px 9px 8px;
	text-decoration:none;
	color: #000;	
	font:Verdana, sans-serif;
	font-weight:800;
	font-size: 12px;
	text-align: center;
}

#listmenu_es a:hover {
}

#listmenu_es a#pc_menu {
	margin:0px;
	padding:0px;
	height:33px;
	background-image:url("/ES/graphics/site/pc_menu.jpg");
}
#listmenu_es a#pc_menu:hover {
	background-image:url("/ES/graphics/site/pc_menu_alt.jpg");
	height:33px;
}
#listmenu_es a#cam_menu {
	margin:0px;
	padding:0px;
	height:33px;
	background-image:url("/ES/graphics/site/cam_menu.jpg");
}
#listmenu_es a#cam_menu:hover {
	background-image:url("/ES/graphics/site/cam_menu_alt.jpg");
}
#listmenu_es a#tv_menu {
	margin:0px;
	padding:0px;
	height:33px;
	background-image:url("/ES/graphics/site/tv_menu.jpg");
}
#listmenu_es a#tv_menu:hover {
	background-image:url("/ES/graphics/site/tv_menu_alt.jpg");
}
#listmenu_es a#mp3_menu {
	margin:0px;
	padding:0px;
	height:33px;
	background-image:url("/ES/graphics/site/mp3_menu.jpg");
}
#listmenu_es a#mp3_menu:hover {
	background-image:url("/ES/graphics/site/mp3_menu_alt.jpg");
}
#listmenu_es a#oth_menu {
	margin:0px;
	padding:0px;
	height:33px;
	background-image:url("/ES/graphics/site/oth_menu.jpg");
}
#listmenu_es a#oth_menu:hover {
	background-image:url("/ES/graphics/site/oth_menu_alt.jpg");
}
#listmenu_es a#car_menu {
	margin:0px;
	padding:0px;
	height:33px;
	background-image:url("/ES/graphics/site/car_menu.jpg");
}
#listmenu_es a#car_menu:hover {
	background-image:url("/ES/graphics/site/car_menu_alt.jpg");
}

/* the drop-down starts here */

#listmenu_es ul li ul {
	margin-top:1px;
	z-index:10;
	position:absolute;
	width:193px;
	border-right:0;
}

#listmenu_es ul li ul li {
	background-color:#FFF;
	background-image:url("");
	padding:0;
	width:100%;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	height:auto;
}

#listmenu_es ul li ul li.offsitelink{
	background-color:#E6E6E6;
}

#listmenu_es ul li ul li a {
	background-image:url("");
	text-align:left;
	padding-top:.3em;
	padding-bottom:.3em;
	padding-left:2.4em;
	color:#656A6D;
	width:162px;
	font-size: 11px;
}

#listmenu_es ul li ul li a:hover {
	background-image:url("");
	color:#FF0000;
}

#listmenu_es ul li ul li:hover {
	background-image:url("");
}

#listmenu_es ul li ul li:first-child {
	border-top:1px solid #CCC;
}



#listmenu_es ul li ul {
	display:none;
} /* conceals the drop-down when menu not hovered */

div#listmenu_es ul li:hover ul, div#listmenu ul li ul:hover {
	display:block; 
} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */

body #listmenu_es ul li ul li ul  {
	position:absolute;
	visibility:hidden;
	top:-2px;
}

#listmenu_es ul li ul li:hover ul {
	left:193px;
	visibility:visible;
}

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #listmenu_es ul {
	float:left; /* makes the ul wrap the li's */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  #listmenu_es ul li ul {
	border-top:1px solid #CCC;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
	
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  #listmenu_es ul li ul li ul {
  left:9.85em;
  voice-family: "\"}\"";
  voice-family:inherit;
  left:193px;
  }
  
/* and the "be nice to Opera" rule */
html>body #listmenu_es ul li ul li ul {
  left:195px;
}

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 10px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu_es ul li ul {padding-bottom:10px;}
   body div#listmenu_es ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("css/ie51_menu_hack.css");


/* the ES menu ends here */