/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
#navouter										{position:relative; clear:both; width:725px; height:30px; margin:0px; padding:0px; margin-left:-4px;}
.MainNavigation									{border:0px solid purple; width:100%}
.MainNavigation ul.AspNet-Menu					{padding:0px; height:0px; border:0px solid red; z-index:1000;}
.MainNavigation * a, 
.MainNavigation * li:hover ul * a				{color:#000000;}
.MainNavigation * li:hover ul li:hover a		{color:#8844dd;}
.MainNavigation * li:hover a					{color:#ffffff;}

.MainNavigation ul.AspNet-Menu li, 
.MainNavigation ul.AspNet-Menu li:hover
{
	background: transparent url(GeneralImages/topnav_background.gif) 0 0;
    border:1px solid #D1D1D1; float:left; height:27px; color: black;
	padding-top:0px; padding-bottom:0px; padding-left:7px; padding-right:7px; margin-left:-1px;
    
}
.MainNavigation ul.AspNet-Menu li:hover			{background: transparent url(GeneralImages/topnav_background_purple.gif) 0 0; color:#ffffff;}
.MainNavigation ul.AspNet-Menu li a				{height:13px; font-family:Tahoma; font-size:8pt; font-weight:bold; margin-top:4px;}
.MainNavigation ul.AspNet-Menu li a:hover		{color:#ffffff;}

.MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul
{
    width:100%; min-width:100px;
    margin-left:-3px; margin-top:7px;
}
.MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf
{
	width:125px; background:#fdfdfd; color:#000000;
	border-top:0px; margin-left:-5px;
}
.MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a
{
	font-family:Tahoma; font-size:8pt; font-weight:normal;
}
.AspNet-Menu-Link
{
	padding-top:2px;
}
.HelpMainNav
{
	background-image: url(GeneralImages/helpbutton.gif);
	background-repeat: no-repeat;
	background-position: 6px 0;
/*	background-position: 124px 0px;  //use this one when no VOD in the menu */

/*	cursor:pointer; position:relative; overflow:hidden; height:20px; width:200px;  //use this one when no VOD in the menu */
	cursor:pointer; position:relative; overflow:hidden; height:20px; width:86px;
	margin-right:0px; margin-top:-2px; margin-bottom:0px;
	
	font-size:0px;		/* hide text in firefox */
	line-height:0px;	/* hide text in ie7 */
}


div.MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected				{background: transparent url(GeneralImages/topnav_background_purple.gif) 0 0; color:#ffffff;}
div.MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected a				{color:#ffffff;}
div.MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ParentSelected a		{color:#000000;}
div.MainNavigation div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-ParentSelected a:hover	{color:#8844dd;}

/* Auto complete pop-ups for DVD searches */
.autoCompleteDVDSearchContainer { border: solid 1px #666666; margin: 0px; list-style-type: none; padding: 5px; background-color: #FFFFFF; text-align: left; }
.autoCompleteDVDSearch { width: 118px; background-color: #FFFFFF; margin: 0px; }
.autoCompleteDVDSearchHighlight { width: 118px; background-color: #DEDEDE; margin: 0px; }