/*
	NOTE: If ANY of the navigation widths / heights change, the topnav.js file will need to be updated! 
*/

/* Logo */	

#logo
{
		margin: 0px 0px 0px 0px;
		height: 94px;
		width: 175px;
		text-indent: -1000em;
		background: url("../images/logo_sprite.gif") no-repeat;
		float:left;
		overflow: hidden;
}

#logo a
{
	height: 75px;
	width: 170px;
	display: block;
	text-decoration: none;
	border: 0px;
}

/* Ticker */

#news_ticker
{
	width: 733px;
	height: 50px;
	background: url("../images/nav-reflection.gif") no-repeat;
	float:left;
	overflow: hidden;
}

/* Primary Nav */

#topnav, #topnav ul
{
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 0px 0px;
	list-style: none;
	width: 735px; 
	height: 35px;
	float:left;
	position:relative;
	z-index: 999;
}

#topnav li
{ 
	float: left;
	z-index: 999;
}

#topnav a
{
	display: block;
	z-index: 999;
}

#topnav_home a
{
	display: block; 
	width: 59px; 
	height: 35px; 
	text-indent: -1000em; 
	background: url(../images/drop_main-top-sprite.gif) 0 0 no-repeat;
}

#topnav_home a:hover
{
	display: block;
	width: 59px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) 0 -36px no-repeat;
}

#topnav_home_in a
{
	display: block; 
	width: 59px; 
	height: 35px; 
	background: url(../images/drop_main-top-sprite.gif) 0 -36px no-repeat;
}	


/* Menu Drop Down */

#topnav #topnav_menu a.first
{
	display: block;
	width: 117px;
	height: 35px;
	text-indent: -1000em;
	background: url(../images/drop_main-top-sprite.gif) -59px 0 no-repeat; 
}

#topnav #topnav_menu a.first:hover
{
	display: block;
	width: 117px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -59px -36px no-repeat;
}

#topnav #topnav_menu a.first_in
{
	display: block;
	width: 117px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -59px -36px no-repeat;
}	

ul#topnav li ul li
{
	display: block;
	z-index: 9999;
}
	
	
	ul#topnav li ul li a
	{
		display: block;
		float: left;
		font: normal 11px/12px 'Trebuchet MS', Arial, Sans-serif;
		background: url("../images/drop-right-shadow.png") top right repeat-y;
		color: #ffffff;
		width: 215px;
		padding-right: 8px;
		text-decoration: none;
		z-index: 9999;
	}
	
	ul#topnav li ul li a span.first_sub
	{
		background: #0ca251 url("../images/drop-top.gif") left top repeat-x;
		height: 5px;
		overflow: hidden;
		padding: 0px;
	}
	
	
	ul#topnav li ul li a.last
	{
		background: url("../images/drop-right-shadow.png") top right repeat-y;
	}
	
	ul#topnav li ul li a:hover
	{
		color: #FFF100;
	}
	
	ul#topnav li ul li a span
	{
		display: block;
		padding: 7px 7px 10px 15px;
		background: #0ca251 url("../images/drop-divider.gif") left bottom repeat-x;
	}
	
	ul#topnav li ul li a span.last
	{
		display: block;
		padding-bottom: 0px;
		background: #0ca251;
	}
	
	/* CAP FOR DROP MENU */
	
	#topnav li ul li.cap
	{
		position: relative;
		height: 16px;
		padding: 0px;
		background: none;
		width: 230px;
	}
	
	#topnav li ul li span.lc
	{
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		background: url("../images/drop-left-corner.png") top left no-repeat;
		padding: 0px;
	}
	
	#topnav li ul li span.rc
	{
		display: block;
		float: right;
		width: 16px;
		height: 16px;
		background: url("../images/drop-right-corner.png") top right no-repeat;
		padding: 0px;
	}
	
	#topnav li ul li span.shadow
	{
		display: block;
		float: left;
		width: 198px;
		height: 16px;
		overflow: hidden;
		background: url("../images/drop-bottom-shadow.png") repeat-x;
		padding: 0px;
	}
	
/* Jared Drop-Down */

#topnav #topnav_jared a.first
{
	display: block;
	width: 116px;
	height: 35px;
	text-indent: -1000em;
	background: url(../images/drop_main-top-sprite.gif) -176px 0 no-repeat; 
}
#topnav #topnav_jared a.first:hover
{
	display: block;
	width: 116px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -176px -36px no-repeat;
}

#topnav #topnav_jared a.first_in
{
	display: block;
	width: 116px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -176px -36px no-repeat; 
}

	
/* Celebs Drop-Down */

#topnav #topnav_celebs a.first
{
	display: block;
	width: 118px;
	height: 35px;
	text-indent: -1000em;
	background: url(../images/drop_main-top-sprite.gif) -277px 0 no-repeat; 
}

#topnav #topnav_celebs a.first:hover
{
	display: block;
	width: 118px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -277px -36px no-repeat;
}

#topnav #topnav_celebs a.first_in
{
	display: block;
	width: 118px;
	height: 35px; 
	background: url(../images/drop_main-top-sprite.gif) -277px -36px no-repeat; 
}

/* BuzzWorthy */

#topnav #topnav_buzz a.first
{
	display: block;
	width: 93px;
	height: 35px;
	text-indent: -1000em;
	background: url(../images/drop_main-top-sprite.gif) -292px 0 no-repeat; 
}
#topnav #topnav_buzz a.first:hover
{
	display: block; 
	width: 93px; 
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -292px -36px no-repeat;
}

#topnav #topnav_buzz a.first_in {
	display: block;
	width: 93px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -292px -36px no-repeat; 
}

#topnav_card a
{
	display: block;
	width: 110px;
	height: 35px;
	text-indent: -1000em;
	background: url(../images/drop_main-top-sprite.gif) -385px 0 no-repeat;
}

#topnav_card a:hover
{
	display: block;
	width: 110px;
	height: 35px;
	background: url(../images/drop_main-top-sprite.gif) -385px -36px no-repeat;
}

#topnav_card_in a
{
	display: block; 
	width: 110px; 
	height: 35px; 
	background: url(../images/drop_main-top-sprite.gif) -385px -36px no-repeat;
}

	/* Drop Menu Broken Out By Category */

	ul#topnav li#topnav_buzz ul li.topnav_cat_header a span
	{
		display: block;
		font: normal 11px/12px 'Trebuchet MS', Arial, Sans-serif;
		color: #fff102;
		background: #1a5e38;
		text-decoration: none;
		height: auto;
		border: 0px;
		padding-bottom: 7px;
	}
	

		#find_subway
		{
			width: 240px;
			height: 35px;
			text-indent: 0em;
			background: url(../images/locator_sprite.gif) no-repeat;
			overflow: hidden;
		}
			
			.subway_finder
			{
				padding: 9px 5px 0px 98px;
			}
			
		#find_subway span input
		{
			font: 10px/9px'Helvetica', Arial, Sans-serif;
			color: #999999;
			width: 100px;
			height: 16px;
			text-indent: 0em;
			border: 0px;
			padding: 3px 0px 0px 4px;
			float:left;
			background: url(../images/sfb_find_input_bkg.gif) no-repeat;
		}
		#find_subway a
		{
			display: block;
			width: 28px;
			height: 31px;
			background: url(../images/mnNav-new-gobtn-sprite.gif) 0px 0px no-repeat;
			text-indent: -1000em;
			float:right;
			margin-top: -5px;
		}
		
		#find_subway a:hover
		{
			background: url(../images/mnNav-new-gobtn-sprite.gif) 0px -36px no-repeat;
		}

/*******************************************
	Drop Menu
*******************************************/

.drop_menu
{
	display: none;
	position: absolute;
	overflow: auto;
}

.drop_menu sup
{
	font-size: medium;
	vertical-align: top;
}

.drop_menu_content_off
{
	display: none;
}

.drop_menu_content_on
{
	display: block;
}

#topnav_drop_menu
{
	position: absolute;
	z-index: 1000;
	top: 30px;
}

#topnav_drop_menu_content
{
	
	/*
	background: url("../images/glare.png") -20px 0px no-repeat;
	*/
	
}

#glare_left
{
	/*
	background: url("../images/glare.png") 0px 0px no-repeat;
	
	width: 20px;
	height: 300px;
	overflow: hidden;
	*/
}

.drop_menu_column, .drop_menu_column_last
{

	float: left;
	
}

#topnav_drop_menu_table
{
	
		
}

#topnav_drop_menu_content_td
{
	
	background: #0b9a4d url("../images/short-bg_gradient.gif") 0px 0px repeat-x;

}

.drop_menu_column h2, .drop_menu_column_last h2
{
	
	margin: 0px;
	padding: 0px;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fef100;
	background: url("../images/drop_divider.gif") right 5px repeat-y;
	padding-left: 20px;
	margin-top: 6px;
	overflow: hidden;
	text-align: left;
	
}

.drop_menu_column_last h2
{
	
	background: none;
	
}

.column_header
{

	height: 30px;
	overflow: hidden;
	border-bottom: 1px solid #087238;
	
}

.drop_menu_items_container
{
	
	margin-top: 10px;
	
	
}
.drop_menu_items_container_last
{
	
	background: none;
	
}

.drop_menu_items
{
	
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}

.drop_menu_items li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
	display: block;
	text-align: left;
	margin-bottom: 15px;
}

.drop_menu_items li.last_item
{
	
	margin-bottom: 0px;
	
}

.drop_menu_items li a
{
	color: #fff;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 20px;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0px;
	
}

.drop_menu_items li a:hover
{
	
	color: #fef100;
	background: url("../images/arrow.gif") 10px 50% no-repeat;
	
}

/***************************************************** 
	MENU
*****************************************************/

#drop_menu_subway_sandwiches
{

	width: 175px;
	
}

	#drop_menu_subway_sandwiches .drop_menu_items_container
	{
		
		height: 225px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}

#drop_menu_fresh_extras
{
	
	width: 210px;
	
}

	#drop_menu_fresh_extras .drop_menu_items_container
	{
		
		height: 225px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}

#drop_menu_tools_and_promotions
{
	
	width: 215px;
	
}

	#drop_menu_tools_and_promotions .drop_menu_items_container
	{
		
		height: 225px;
		
	}

/***************************************************** 
	JAREDS 10th
*****************************************************/

#drop_menu_jareds_anniversary
{
	
	width: 176px;
	
}

#drop_menu_jared_games
{
	
	width: 130px;
	
}
	
	#drop_menu_jared_games .drop_menu_items_container
	{
		
		height: 100px;
		
	}
	
#drop_menu_jared_videos
{

	width: 160px;
	
}

	#drop_menu_jared_videos .drop_menu_items_container
	{
		
		height: 100px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}

#drop_menu_jared_how_he
{
	
	width: 145px;
	
}

	#drop_menu_jared_how_he .drop_menu_items_container
	{
		
		height: 100px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}

#drop_menu_jared_how_you
{

	width: 170px;
	
}

	#drop_menu_jared_how_you .drop_menu_items_container
	{
		
		height: 100px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}

/***************************************************** 
	BUZZWORTHY
*****************************************************/

#drop_menu_buzzworthy_games
{
	
	width: 155px;
	
}
	
	#drop_menu_buzzworthy_games .drop_menu_items_container
	{
		
		height: 190px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}
	
#drop_menu_buzzworthy_entertainment
{

	width: 214px;
	
}

	#drop_menu_buzzworthy_entertainment .drop_menu_items_container
	{
		
		height: 190px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}

#drop_menu_buzzworthy_fans
{
	
	width: 150px;
	
}

	#drop_menu_buzzworthy_fans .drop_menu_items_container
	{
		
		height: 190px;
		background: url("../images/drop_divider.gif") right top repeat-y;
		
	}

#drop_menu_buzzworthy_fresh_connections
{

	width: 150px;
	
}

	#drop_menu_buzzworthy_fresh_connections .drop_menu_items_container
	{
		
		height: 190px;
		
	}

/***************************************************** 
	SUBWAY CARD
*****************************************************/

#drop_menu_msc_buy
{

	width: 200px;
	
}

	#drop_menu_msc_buy .drop_menu_items_container
	{
		
		height: 30px;
		/*
		background: url("../images/drop_divider.gif") right top repeat-y;
		*/
	}

#drop_menu_msc_support
{
	
	width: 180px;
	
}

	#drop_menu_msc_support .drop_menu_items_container
	{
		
		height: 30px;
		
	}

/* Blocks the outer shadow */

#shadow_block
{
	
	position: absolute;
	left: 7px;
	top: 0px;
	background: #08783b;
	height: 10px;
	width: 100px;
	
}