/* navigation  */#navigation{border:1px none red;}
#nav{position:relative;width:980px;height:84px;background:#dfdfdf url("/sitewide/navigation/css/theme/default/navBG.gif") repeat-x 0 0;}
#nav #nav_logo{position:relative;float:left;display:block;height:83px;width:124px;}
#nav #nav_logo a{position:relative;height:83px;width:128px;background:url(/sitewide/navigation/css/theme/default/vh1LogoOff.gif);display:block;}
#nav #nav_logo img{position:relative;height:83px;width:124px;border:0;}
#nav ul#navlist{z-index:500;float:left;height:31px;list-style:none;margin:0;padding:0;}
#nav ul#navlist li{background:url(/sitewide/navigation/css/theme/default/navMenuDiv.gif) no-repeat right center;float:left;position:relative;font-size:17px;text-align:center;margin:0;}
#nav ul#navlist li a,#nav ul#navlist li span{display:block;font-family:Arial, sans-serif;font-weight:700;text-decoration:none;color:#414141;padding:8px 8px 0;}
#nav ul#navlist li .n-header{background:url(/sitewide/navigation/css/theme/default/arrowPink.gif) no-repeat right center;padding:0 10px 0 0;}
#nav ul#navlist li .n-link{height:31px;font-size:24px;}
/* HOME HOVER  */#nav ul#navlist li .n-header:hover,#nav ul#navlist li .n-header.sfhover{color:#fff;background:url(/sitewide/navigation/css/theme/default/arrowWhite.gif) no-repeat right center;}
/* suckerfish dropdowns  */#nav ul#navlist li ul{clear:left;position:absolute;width:220px;left:-999em;list-style:none;top:32px;margin:-1px 0 0;padding:0;}
#nav ul#navlist li ul ul{top:0;}
#nav ul#navlist li:hover ul ul,#nav ul#navlist li.sfhover ul ul{left:-999em;}
#nav ul#navlist li:hover ul,#nav ul#navlist li.sfhover ul{left:auto;}
/* broke the bottom two out so the first level will align to the left and the second level will align to the right of the first 
this effects all but the movies which are declared afterward 
Still need to determine where the colors are being set
 */#nav ul#navlist li li:hover ul,#nav ul#navlist li li.sfhover ul{left:219px;}
#nav ul#navlist li ul li{height:auto;text-transform:none;font-size:11px;line-height:11px;}
/* the initial dropdowns (ALL)  */#nav ul#navlist li ul li a,#nav ul#navlist li:hover ul li a,#nav ul#navlist li.sfhover ul li a,#nav ul#navlist li ul li span{width:202px;height:11px;font-family:Arial, Geneva, Verdana, sans-serif;font-size:12px;font-weight:700;text-align:left;color:#fff;background-image:none;border-color:#000;border-style:solid;border-width:0 1px 1px;padding:9px 8px;}
/* nav items without dropdowns  */#nav ul#navlist li ul li.sub a,#nav ul#navlist li ul li.sub span{background:#454545 url(../img/subnav.gif) 0 0;}
/* dropdown nav items  */#nav ul#navlist li ul li.drop a,#nav ul#navlist li ul li.drop span{background:#454545 url(../img/subnav.gif) 218px 0;}
#nav ul#navlist li ul li.first a,#nav ul#navlist li ul li.drop ul li.first a,#nav ul#navlist li ul li.first span{border:1px solid #000;}
/* SPECIAL CASE:This fixes the case were the first subnav
item is a drop.  In this case, the non-first secondary
subnav items have an extra border-top in them.   */#nav ul#navlist li ul li.first ul li a{border-top:none;}
/* SPECIAL CASE:This fixes the case were the first subnav
item is a drop.  In this case, the alignment of the
secondary subnav is off by -1px.  */#nav #navlist .first .sub2{margin:0;}
#nav ul#navlist li:hover,#nav ul#navlist li.sfhover{z-index:1000;background:#363636 url(/sitewide/navigation/css/theme/default/navMenuDiv.gif) no-repeat right center;}
#nav ul#navlist ul.sub2{z-index:1000;}
/*//////////////////////////////////////////////////////////////////////////////// */#nav ul#navlist li ul li:hover a,#nav ul#navlist li ul li.sfhover a,#nav ul#navlist li ul li:hover span,#nav ul#navlist li ul li.sfhover span{background-image:none;background:#ea4072 url(../img/subnav.gif) 218px 58px;}
/* SECONDARY:OVER  */#nav ul#navlist li ul li ul li a:hover,#nav ul#navlist li ul li ul li a:hover,#nav ul#navlist li ul li ul li span:hover,#nav ul#navlist li ul li ul li span:hover{background:#ea4072 url(../img/subnav.gif) 0 58px;}
/*SECONDARY SUBNAV:Default */#nav #navlist .drop .sub2 li{width:165px;}
/***********************************************
SHOWS SPECIFIC LAYOUT
********************************************** */#nav ul#navlist li #shows-grid{z-index:601;clear:left;position:absolute;width:789px;left:-999em;border-top:1px solid #000;background:url(../img/shows_drop_bg_grey_orig.gif) repeat-y;}
#nav ul#navlist #shows-grid div strong{height:18px;color:#FF0;display:block;font-size:12px;font-weight:700;text-align:left;font-family:arial;padding:5px 8px 0;}
#nav ul#navlist li #shows-grid #shows-2 a:hover{background-color:#E33267;}
#nav ul#navlist li:hover #shows-grid,#nav ul#navlist li.sfhover #shows-grid{left:0;}
#nav ul#navlist #shows-grid #shows-1{position:relative;float:left;width:220px;height:300px;text-align:left;}
#nav ul#navlist #shows-grid div#shows-2 div.shows-col1{position:relative;width:170px;float:left;border:1px none red;margin:0;}
#nav ul#navlist #shows-grid div#shows-2 div.shows-col2{position:relative;float:left;width:170px;border:1px none #0f0;margin:0;}
#nav ul#navlist #shows-grid div#shows-2 div.shows-col3{position:relative;float:left;width:170px;border:1px none #00f;margin:0;}
.relinks_spacer{position:relative;float:left;width:3px;height:3px;font-size:1px;padding:0;}
.relinks_foot{position:relative;clear:both;width:200px;height:20px;}
#nav ul#navlist #shows-grid #shows-2{position:relative;float:left;width:550px;border:1px none #f0f;margin:0;}
#nav ul#navlist li #shows-grid div.relinks{height:29px;text-align:left;overflow:hidden;background:url(../img/subnav.gif) 0 0;width:218px;border-color:#000;border-style:solid;border-width:0 1px 1px;margin:0;padding:0;}
#nav ul#navlist li #shows-grid div.relinks_first{width:218px;height:29px;text-align:left;background-color:#8b8b8b;overflow:hidden;background:#8b8b8b url(../img/subnav.gif) 218px 58px;border-color:#000;border-style:solid;border-width:0 1px 1px;margin:0;padding:0;}
#nav ul#navlist li #shows-grid div.first{border-top:1px solid #000;}
#nav ul#navlist li #shows-grid div.relinks a,#nav ul#navlist li #shows-grid div.relinks_first a{float:none;display:block;width:auto;height:30px;border:none;font-family:Arial, Geneva, Verdana, sans-serif;font-size:12px;font-weight:700;text-align:left;color:#fff;margin:0;padding:7px 8px;}
#nav ul#navlist li #shows-grid div.relinks_first a:hover{background:#8b8b8b url(../img/subnav.gif) 218px 58px;}
#nav ul#navlist li #shows-grid div a{float:none;display:block;width:auto;height:auto;font-size:11px;font-weight:400;text-align:left;color:#fff;border:none;margin:0;padding:5px 8px;}
#nav ul#navlist li #shows-grid a#shows-all{clear:both;float:right;width:auto;height:auto;white-space:nowrap;font-weight:700;font-size:11px;color:#fff;border:none;background:#4498c7;text-decoration:underline;margin:10px 0 0;padding:2px 4px;}
#nav ul#navlist li #shows-grid a#shows-all:hover{text-decoration:underline;font-weight:700;}
.all_shows,.all_shows a{font:bold 11px arial;color:#FFF;text-decoration:none;background-color:#373737;width:170px;}
.all_shows A:hover{color:#F60;text-decoration:none;background-color:#f60;}
#nav ul#navlist li#n-photos ul,#nav ul#navlist li#n-photos:hover ul,#nav ul#navlist li#n-photos.sfhover ul,#nav ul#navlist li#n-photos ul,#nav ul#navlist li#n-video ul,#nav ul#navlist li#n-video:hover ul,#nav ul#navlist li#n-video.sfhover ul,#nav ul#navlist li#n-video ul{right:0;}
#nav ul#navlist li ul li:hover ul li a,#nav ul#navlist li ul li.sfhover ul li a,#nav ul#navlist li ul li:hover ul li span,#nav ul#navlist li ul li.sfhover ul li span,#nav #navlist .drop:hover .sub2 li a,#nav #navlist .drop.sfhover .sub2 li a,#nav #navlist .drop:hover .sub2 li span,#nav #navlist .drop.sfhover .sub2 li span{background:#8b8b8b url(../img/subnav.gif) 0 58px;}
#nav #navlist .sub .a_sub:hover,#nav #navlist .sub .span_sub:hover,#nav #navlist .drop:hover .sub2 li:hover a,#nav #navlist .drop.sfhover .sub2 li.sfhover a,#nav #navlist .drop:hover .sub2 li:hover span,#nav #navlist .drop.sfhover .sub2 li.sfhover span,#nav ul#navlist li #shows-grid a:hover{background:#E33267 url(../img/subnav.gif) 0 29px;}