/* CSS Document */

/* NAVIGATION *********************************************************/ 	

#sdi-nav-container {/* Wraps around the whole thing */
	clear: both;
}	

#sdi-navigation-row * {/* Everything INSIDE that row - this is an attempt to zero everything out and isolate it from other stylesheets */
	text-align:left; margin:0; padding:0; 
}	

#sdi-navigation-row {/* The sport nav and in-sport quicklinks together */
	clear: both; width:100%; float:left; text-align:left; margin:0px 0 5px 0; font-size: 11px;
}	

#sdi-othersports, #sdi-insport { /* The two navs individually - includes the lines underneath each one */
	width: 100%; margin: 0 0 15px 0; padding-bottom: 2px; background: url(http://images.sportsdirectinc.com/HST/shared_images/nav-bottom.gif) left bottom repeat-x;
}

#sdi-insport { /* The insport font should be a bit bigger than othersports, if there's room */
	font-size: 12px; 
}

#sdi-navigation-row span.sdi-title-othersports { /* Title for navigation. Two ways to display this - either inline, if there's room, or display block if there's not. If block, need bottom padding. */
	font-size: 12px; color:#990000; font-weight:bold; text-transform: uppercase; padding-right: 10px; 
	display:block; padding-bottom: 6px;  
}

#sdi-navigation-row span.sdi-title-insport { /* The name of the current sport. If using a background image (like usat), background pos is from left and top. Padding-left is for space b/w image and text. */
	font-size: 14px; color:#990000; font-weight:bold; margin: 0 2px 2px 0; display:block; 
}

.sdi-othersport-links, .sdi-insport-links { /*  */
	display:inline;
}

#sdi-navigation-row .sdi-othersport-links span, #sdi-navigation-row .sdi-insport-links span { 
/* Inserts the bullets. Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-right is space b/w items. There is also a white border for spacing. */
	background: url(http://images.sportsdirectinc.com/HST/shared_images/bullet.gif) left 50% no-repeat; border:1px solid #fff; border-right: 0px; border-bottom: 0px;
	padding: 0 3px 0 10px; margin: 0 -3px 0 0;
}

#sdi-navigation-row span.sdi-activesport { 
/* This has to come AFTER the bullets are set or the tab borders won't show. The white background and bottom border of the active tab hides the line that runs underneath */
	background:none; background-color:#fff; border: 1px solid #ccc; border-bottom: 1px solid #fff; padding: 0 3px 2px 5px; margin-right: 3px; margin-left: 3px; font-weight:bold;
}

#sdi-navigation-row .sdi-othersport-links span div span { /* For links in the DROPDOWN. I did it this way, rather than specifying the name of the div/span, so it wouldn't take the bullet off the "More" link. */
	background: none; border: 0px; padding-left:0; margin-left:0;
}

/* Show or hide the individual links *****************************/ 

/* INSPORT links */

.sdi-nfl-quicklinks, .sdi-ncb-quicklinks, sdi-pga-quicklinks { /* Use these sport-specific classes to target the links below if you need to do it by sport. This class is on the #sdi-insport div. */ }

.sdi-mnav-scoreboard, .sdi-mnav-sm, .sdi-mnav-injuries, .sdi-mnav-teams, .sdi-mnav-players, .sdi-mnav-stats, .sdi-mnav-standings, 
.sdi-mnav-pr, .sdi-mnav-odds { /* Use these if you need to hide certain links for all sports */ }

/* OTHERSPORT links */

/*	DEFAULT */
/*	"Home" link and all major sports shown horizontally */
/*	"More" link and all dropdown links hidden individually */
/*	"Overlap" links hidden specifically in dropdown */

/*	TO STYLE IN CLIENT STYLESHEETS */
/*	Show or hide "Home" and "More" links */
/*	If "Overlap" links are in dropdown, hide in horizontal */
/*	Specify which dropdown links to show */

/* major sports */
.sdi-mnav-home, .sdi-mnav-more, .sdi-mnav-mlb, .sdi-mnav-nfl, .sdi-mnav-nba, .sdi-mnav-nhl, .sdi-mnav-ncaaf, .sdi-mnav-ncaab, .sdi-mnav-wnba, .sdi-mnav-wncaab, .sdi-mnav-nascar, 
.sdi-mnav-golf, .sdi-mnav-soccer, .sdi-mnav-ahl, .sdi-mnav-cfl, .sdi-mnav-afl { /* these will all be displayed by default */ }
/* overlaps - can be in regular or dropdown menu */
.sdi-mnav-wncaab, .sdi-mnav-nascar, .sdi-mnav-golf, .sdi-mnav-soccer, .sdi-mnav-ahl, .sdi-mnav-cfl, .sdi-mnav-afl { /* these will all be displayed in the horizontal links and hidden in the dropdown by default */ }
/* minor sports - dropdown only */
.sdi-mnav-nll, .sdi-mnav-tennis, .sdi-mnav-ncaah, .sdi-mnav-chl, .sdi-mnav-cishockey, .sdi-mnav-cisfootball, .sdi-mnav-cisbasketball { /* these will all be hidden by default */ }

/* HIDE or SHOW LINKS */
.sdi-mnav-matchups { /* these links are hidden */
display:none;}	

#sdi-iframe #sdi-othersports { /* Hiding the othersport nav in the QL i-frames */
display:none;}

.sdi-mnav-more { /* This will hide the "More" dropdown trigger */
display:none;}	

/* SHOW or HIDE THESE LINKS... (.sdi-mnav-sport will hide both links; .sdi-sddm span.sdi-mnav-sport will target only the dropdown) */
/* major sports - the default links */
.sdi-mnav-home, .sdi-mnav-mlb, .sdi-mnav-nfl, .sdi-mnav-nba, .sdi-mnav-nhl, .sdi-mnav-ncaaf, .sdi-mnav-ncaab, .sdi-mnav-wnba, .sdi-mnav-wncaab, .sdi-mnav-nascar, 
.sdi-mnav-golf, .sdi-mnav-soccer, .sdi-mnav-ahl, .sdi-mnav-cfl, .sdi-mnav-afl {
display:inline; /* these will all be displayed by default unless they are hidden below */ }

/* Hide these horizontal links... (.sdi-mnav-sport will hide both links) */
.no-horizontal-links-hidden { 
display:none;
}

/* Hide these OVERLAP links just in the dropdown... (use .sdi-sddm span.sdi-mnav-sport to target only the dropdown) */
.sdi-sddm span.sdi-mnav-wncaab, .sdi-sddm span.sdi-mnav-nascar, .sdi-sddm span.sdi-mnav-golf, .sdi-sddm span.sdi-mnav-soccer, 
.sdi-sddm span.sdi-mnav-ahl, .sdi-sddm span.sdi-mnav-cfl, .sdi-sddm span.sdi-mnav-afl { 
display:none;
}

/* And HIDE THESE DROPDOWN LINKS ... (use .sdi-sddm span.sdi-mnav-sport to target only the dropdown) */
.sdi-sddm span.sdi-mnav-tennis, .sdi-sddm span.sdi-mnav-nll, .sdi-sddm span.sdi-mnav-ncaah, .sdi-sddm span.sdi-mnav-chl, 
.sdi-sddm span.sdi-mnav-cishockey, .sdi-sddm span.sdi-mnav-cisfootball, .sdi-sddm span.sdi-mnav-cisbasketball { 
display:none;
}	

/* Link styles and behaviours *****************************/ 

#sdi-othersports a:link, #sdi-othersports a:visited { /* colour of the OTHERsport links */
	color: #999; text-decoration:none;
}

#sdi-othersports .sdi-activesport a:link, #sdi-othersports .sdi-activesport a:visited { /* link for ACTIVE sport is a different colour  */
	color:#990000; text-decoration:none;
}

#sdi-insport a:link, #sdi-insport a:visited { /* colour of the INsport links */
	text-decoration:none;
}

#sdi-navigation-row a:hover, #sdi-navigation-row a:active, #sdi-navigation-row .sdi-activesport a:hover, #sdi-navigation-row .sdi-activesport a:active { /* all the links hover the same (can be set separately) */
	color:#000; text-decoration:underline;
}


/****************************************************************** */
/* http://javascript-array.com/scripts/simple_drop_down_menu */
/* Modified by Anna, June 09. This dropdown requires javascript. */

/* sddm is the class of a span, which also has id sdi-drop. */
/****************************************************************** */

.sdi-sddm { /* This needs to be positioned relative so that the absolutely-positioned dropdown will be relative to it */
	margin: 0 auto; padding: 0; z-index: 1000; position:relative;
}
 
#sdi-navigation-row .sdi-sddm a.dtrigger { /* Adds the little dropdown arrow to the end of the link */
	padding-right: 13px; background:url(http://images.sportsdirectinc.com/Fantasy/shared/drop-arrow.gif) 100% 55% no-repeat;
}
 
span#sdi-drop div { /* The dropdown box itself, under the trigger text - is absolutely positioned RELATIVE to sddm - also, z-index is one higher */
	position:absolute; left:0px; top:15px; visibility: hidden; z-index: 1001; 
	margin: 0; padding: 5px 0 0 0; background: #EEE; border: 1px solid #666666; 
}
 
#sdi-navigation-row .sdi-sddm div a { /* Each item in the dropdown list. Note that the font colours need to counteract an ID in another style, so they are set below */
	position: relative; display: block; width: auto; white-space: nowrap; text-align: left; 
	margin: 0; padding: 5px 12px 5px 8px; background: #EEE; font: 11px arial;
}
 
#sdi-navigation-row .sdi-sddm div a.dspecial { /* Styles the categories that are highlighted by spacing and a dashed line */
	border-top: 1px dashed #999;
}
 
#sdi-navigation-row span#sdi-drop div a:link, #sdi-navigation-row span#sdi-drop div a:visited { /* Link appearance for each item in the list */
	color: #666666; text-decoration: none;
	}
 
#sdi-navigation-row span#sdi-drop div a:hover, #sdi-navigation-row span#sdi-drop div a:active { /* Hover appearance for each item in the list */
	background: #ccc; color: #000; text-decoration: none;
	}

/****************************************************************** */
/* END styles for the MORE dropdowns in the HST Othersports Nav */
/****************************************************************** */