/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.nav{
position:absolute;
z-index:99;
top:119px;
}

.nav ul li a, .nav ul li a:visited {float:left; display:block; text-decoration:none; line-height:44px; overflow:hidden; font-size:12px; height:44px;}
.nav ul {padding:0; margin:0; list-style-type:none; }
.nav ul li {background:none; padding:0; float:left; position:relative;}
.nav ul li ul {display: none;}

/* individual id */
#navHome{width:74px; background:url(../images/nav-home.gif) 0 0 no-repeat;}
#navTvGuide{width:82px; background:url(../images/nav-tvguide.gif) no-repeat;}
#navTvShows{width:95px; background:url(../images/nav-tvshows.gif) no-repeat;}
#navCia{width:59px; background:url(../images/nav-cia.gif) no-repeat;}
#navMostWanted{width:121px; background:url(../images/nav-mostwanted.gif) no-repeat;}
#navCiSupports{width:110px; background:url(../images/nav-cisupports.gif) no-repeat;}
#navCompetitions{width:122px; background:url(../images/nav-competitions.gif) no-repeat;}
#navGames{width:77px; background:url(../images/nav-games.gif) no-repeat;}
#navCrimeFiles{width:109px; background:url(../images/nav-crimefiles.gif) no-repeat;}


/* hoverArrow */
.hoverArrow, .hoverArrowOn{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 2px 15px; position:absolute; top:-14px; width:300px; display:none;}
.hoverArrowOn{display:block;}
#hoverHome{left:25px;}
#hoverTvGuide{left:105px;}
#hoverTvShows{left:195px;}
#hoverCia{left:275px;}
#hoverMostWanted{left:355px;}
#hoverGames{left:470px;}
#hoverCiSupports{left:550px;}
#hoverCrimeFiles{left:550px;}
#hoverCompetitons{left:665px;}


/*show when ci supports is back to the top nav
#hoverCrimeFiles{left:660px;}
#hoverCompetitons{left:785px;}*/


/* specific to non IE browsers */
.nav ul li:hover a{background: #fff;}
.nav ul li:hover ul {display:block; position:absolute; top:44px; left:0; width:150px; }
.nav ul li:hover ul li a.hide {background:#ffffff;}
.nav ul li:hover ul li:hover a.hide {background: url(../images/bg_nav_hover.gif) repeat-x left bottom #ffffff;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; background:#ffffff; font-weight:normal; width:150px; border-bottom:1px solid #dedede; padding: 0 22px; height:35px; line-height:35px; }
.nav ul li:hover ul li a:hover {background: #f9f9f9;}
.nav ul li:hover ul li:hover ul {display:block; position:absolute; left:218px; top:0;}
.nav ul li:hover ul li:hover ul.left {left:-218px;}
.nav ul li:hover ul li ul li a {background:#d4e5ec; color:#000; border-bottom:1px solid #9fcadc;}


/* microsite navigation */
#microNav{position:absolute; z-index:99; top:355px;}
#microNav .nav ul li a, #microNav .nav ul li a:visited {line-height:34px; height:34px;}
#microNav ul li{ padding:0 20px;}
#microNav ul li:hover ul li a:hover{color:#dddddd;}

/* individual id */
#microNav #navHome{width:60px; background:url(../images/nav-micro-home.png) no-repeat;}
#microNav #navProfiles{width:59px; background:url(../images/nav-micro-profiles.png) no-repeat;}
#microNav #navEpisodes{width:92px; background:url(../images/nav-micro-episodes.png) no-repeat;}
#microNav #navVideos{width:65px; background:url(../images/nav-micro-videos.png) no-repeat;}
#microNav #navInteract{width:74px; background:url(../images/nav-micro-interact.png) no-repeat;}
#microNav #navResources{width:99px; background:url(../images/nav-micro-resources.png) no-repeat;}

#microNav #navHome:hover, #microNav #navHome.select{width:60px; background:url(../images/nav-micro-home-on.png) no-repeat;}
#microNav #navProfiles:hover, #microNav #navProfiles.select{width:59px; background:url(../images/nav-micro-profiles-on.png) no-repeat;}
#microNav #navEpisodes:hover, #microNav #navEpisodes.select{width:92px; background:url(../images/nav-micro-episodes-on.png) no-repeat;}
#microNav #navVideos:hover, #microNav #navVideos2{width:65px; background:url(../images/nav-micro-videos-on.png) no-repeat;}
#microNav #navInteract:hover, #microNav #navInteract2{width:74px; background:url(../images/nav-micro-interact-on.png) no-repeat;}
#microNav #navResources:hover, #microNav #navResources2{width:99px; background:url(../images/nav-micro-resources-on.png) no-repeat;}

/* specific to non IE browsers */
#microNav ul li:hover ul {top:34px; width:150px; }
#microNav ul li:hover ul li a {background:#000; font-weight:normal; width:150px; border-bottom:1px solid #252525; padding: 0 22px; height:35px; line-height:35px; }
#microNav ul li:hover ul li a:hover {background: #252525;}