/* 
	CSS
	--------------------------------------------------------------------------------
	@site			sho.com (beta)
	@file			nav-series.css
	@author			dpaul
	@desc			rules for primary and subnavigation
	@note 			modified by ncavanagh for series nav design change and footer gradient
		
	level 1 		#nav-sho ul li 
	level 2			#nav-sho ul li ul li 
	level 3			#nav-sho ul li:hover ul li ul li
	
	/* =:nav-sho,  =:header
	--------------------------------------------------------------------------------*/	
	#nav-sho {
		position:relative; 
		height:42px;
		width:700px;
		z-index:4996;
		background:transparent no-repeat url( /site/beta/image-panel/global/nav-sho-series-left_10x42.png ) 0 0; }
	
	#nav-sho a {
		color:#FFF; }
	
	/* =:search
	--------------------------------------------------------------------------------*/
	#search {	
		position:absolute; 
		top:90px; right:0px;
		width:260px;
		height:42px;
		overflow:hidden; }
	
	#search input {
		display:block; 
		float:left; }
		
	#search input#query { 
		padding:16px 10px 10px 38px;
		height:16px;
		width:167px;
		border:0; 
		background:transparent no-repeat url( /site/beta/image-panel/global/search-series_260x42.png ) top left; 
		font-size:11px;
		line-height:15px; }
	
	#search input#go {
		width:45px;
		height:42px;
		background:transparent no-repeat url( /site/beta/image-panel/global/search-series_260x42.png ) top right; }
	
	#search input#go:active, 
	#search input#go:hover {
		background-image: url( /site/beta/image-panel/global/search-series-on_260x42.png ); }
		
	/* =:level 1
	--------------------------------------------------------------------------------*/
	#nav-sho ul {
		margin-left:10px;
		width:700px;
		height:42px; }
	
	#nav-sho ul li {
		float:left;
		position:relative; }
	
	#nav-sho ul li a {
		display:block;
		float:left; 
		height:42px;	
		background-image: url( /site/beta/image-panel/global/nav-sho_690x42.png );
		text-indent:-6000px; }
		
	/* up */
	#nav-sho li#home a { width:61px; background-position:0px 0px; }
	#nav-sho li#video a { width:61px; background-position:-61px 0px; }
	#nav-sho li#schedules a { width:103px; background-position:-122px 0px; }
	#nav-sho li#original-series a { width:69px; background-position:-225px 0px; }
	#nav-sho li#movies a { width:78px; background-position:-294px 0px; }
	#nav-sho li#sports a { width:76px; background-position:-372px 0px; }
	#nav-sho li#community a { width:111px; background-position:-448px 0px; }
	#nav-sho li#shop a { width:59px; background-position:-559px 0px; }
	#nav-sho li#order a { width:82px; background-position:-618px 0px; }		
		
	/* over */
	#nav-sho li#home a:hover { background-position:0px -42px; }
	#nav-sho li#video a:hover { background-position:-61px -42px; }
	#nav-sho li#schedules a:hover { background-position:-122px -42px; }
	#nav-sho li#original-series a:hover { background-position:-225px -42px; }
	#nav-sho li#movies a:hover { background-position:-294px -42px; }
	#nav-sho li#sports a:hover { background-position:-372px -42px; }
	#nav-sho li#community a:hover { background-position:-448px -42px; }
	#nav-sho li#shop a:hover { background-position:-559px -42px; }
	#nav-sho li#order a:hover { background-position:-618px -42px; }
		
	/* =:level 2
	--------------------------------------------------------------------------------*/
	#nav-sho ul li:hover ul { display:block; } 
	#nav-sho ul li ul {
		display:none;
		position:absolute;
		left:-8px;
		top:42px;
		width:auto; }
	
	#nav-sho ul li ul li {
		float:none;
		width:180px;
		background: #000 repeat url( /site/beta/image-panel/global/nav-sho-level2_144x39.png ) 0px 0px !important; }
	
	#nav-sho ul li ul li:first-child {
		height:44px;
		background: #000 repeat url( /site/beta/image-panel/global/nav-sho-level2-first_144x44.png ) 0px 0px !important; }
		
	/* fixer class for long item names, not in use..
	#nav-sho ul li ul li.long a {
		color:#FF0000; 
		line-height:18px; 
		height:39px; 
		padding-top:8px;
		padding-bottom:7px; } */
			
	#nav-sho ul li ul li a { 
		float:none;
		padding:13px 10px 2px 10px;
		width:158px !important;
		height:24px;
		border-left:#000 solid 1px; 
		border-right:#000 solid 1px;
		font-size:12px;
		line-height:12px;
		font-weight:bold;
		text-indent:0; 
		background:none !important;}

	#nav-sho ul li ul li a:hover {
		background: #d61829 no-repeat url( /site/beta/image-panel/global/nav-sho-level2-on_178x39.png ) 0px 0px !important; }
	
	#nav-sho ul li ul li:first-child a{
		padding-top:18px; }
	
	#nav-sho ul li ul li:first-child a:hover{
		background: #d61829 no-repeat url( /site/beta/image-panel/global/nav-sho-level2-first-on_178x44.png ) 0px 0px !important; }
	
	#nav-sho ul li ul li:last-child a{
		border-bottom:#000 solid 1px; }
				
	 #nav-sho ul li ul li.sub a {
		background: transparent no-repeat url( /site/beta/image-panel/global/nav-sho-level2-sub-off_22x39.png) top right !important; }
	
	 #nav-sho ul li ul li.sub a:hover {
		background: transparent no-repeat url( /site/beta/image-panel/global/nav-sho-level2-sub-on_178x39.png ) top right !important; }
	
	/* =:level 3
	--------------------------------------------------------------------------------*/
	#nav-sho ul li:hover ul li:hover ul {
		display:block; }
		
	#nav-sho ul li:hover ul li ul {
		display:none;
		position:absolute;
		left:170px;
		top:0px; }
	
	#nav-sho ul li:hover ul li ul li,
	#nav-sho ul li:hover ul li ul li:first-child {
		width:188px !important;
		height:28px;
		background: #333 no-repeat url( /site/beta/image-panel/global/nav-sho-level3-off_200x28.png ) 0px 0px !important; }
		
	#nav-sho ul li:hover ul li ul li a, 
	#nav-sho ul li:hover ul li ul li a:hover {
		padding:7px 10px 5px 10px;
		width:188px !important;
		height:16px;
		background:none !important;
		border:none; 
		font-size:12px;
		line-height:12px;
		font-weight:normal; }	
	
	#nav-sho ul li:hover ul li ul li a:hover,
	#nav-sho ul li:hover ul li ul li:first-child a:hover {
		width:168px !important;
		background: #D61829 no-repeat url( /site/beta/image-panel/global/nav-sho-level3-on_200x28.png ) 0px 0px !important; }
	
	
	/* =:nav-sub,  =:footer
	--------------------------------------------------------------------------------*/	
	#site-info { 
		padding-bottom:15px;
		color:#000; }
	
	#site-info #nav-sub {
		margin:auto;
		height:30px;
		width:960px;
		background:transparent no-repeat url( /site/beta/image-panel/global/nav-sub-series-bg_960x30.png ) 0px 0px; }

	#site-info a:link, #site-info a:visited {
		color:#000; }
	

	#site-info #nav-sub ul {
		margin:0px auto 0 auto;
		width:700px; 
		height:30px;
		overflow:hidden; }

	#nav-sub ul li a {
		display:block;
		float:left; 
		width:100px;
		height:30px;	
		background-image: url( /site/beta/image-panel/global/nav-sub-final_700x30.png );
		text-indent:-6000px; }

	/* up */
	#nav-sub li#sitemap a { width:72px; background-position:0px 0px; } 
	#nav-sub li#about a { width:122px; background-position:-72px 0px; } 
	#nav-sub li#news a { width:52px; background-position:-194px 0px; }
	#nav-sub li#careers a { width:66px; background-position:-246px 0px; }
	#nav-sub li#contact a { width:68px; background-position:-312px 0px; }
	#nav-sub li#ordershowtime a { width:120px; background-position:-380px 0px; }
	#nav-sub li#privacy a { width:68px; background-position:-500px 0px; }
	#nav-sub li#mobile a { width:66px; background-position:-568px 0px; }
	#nav-sub li#rss a { width:66px; background-position:-634px 0px; }

	/* over */
	#nav-sub li#sitemap a:hover { width:72px; background-position:0px -30px; } 
	#nav-sub li#about a:hover { width:122px; background-position:-72px -30px; } 
	#nav-sub li#news a:hover { width:52px; background-position:-194px -30px; }
	#nav-sub li#careers a:hover { width:66px; background-position:-246px -30px; }
	#nav-sub li#contact a:hover { width:68px; background-position:-312px -30px; }
	#nav-sub li#ordershowtime a:hover { width:12-30px; background-position:-380px -30px; }
	#nav-sub li#privacy a:hover { width:68px; background-position:-500px -30px; }
	#nav-sub li#mobile a:hover { width:66px; background-position:-568px -30px; }
	#nav-sub li#rss a:hover { width:66px; background-position:-634px -30px; }
	
	/* No surrender, No delete! */