/****************************************************************
	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(http://media.subwayfreshbuzz.com/local/global/images/logo_sprite.gif) no-repeat;
	float:left;
	overflow: hidden;
}

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

/****************************************************************
	Former flash news ticker
	Now used for top nav reflection 
****************************************************************/	

#news_ticker
{
	width: 733px;
	height: 50px;
	background: url("http://media.subwayfreshbuzz.com/local/global/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;
}

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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/images/drop-top.gif") left top repeat-x;
	height: 5px;
	overflow: hidden;
	padding: 0px;
}


ul#topnav li ul li a.last
{
	background: url("http://media.subwayfreshbuzz.com/local/global/images/drop-right-shadow.png") top right repeat-y;
}

ul#topnav li ul li a:hover
{
	color: #FFF100;
}

/* Home */

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

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

#topnav_home_in a
{
	display: block; 
	width: 59px; 
	height: 35px; 
	background: url(http://media.subwayfreshbuzz.com/local/global/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(http://media.subwayfreshbuzz.com/local/global/images/drop_main-top-sprite.gif) -59px 0 no-repeat; 
}

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

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

/* Jared Drop-Down */

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

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

/* BuzzWorthy */

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

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

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

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

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

/* Drop Menu Broken Out By Category */

#find_subway
{
	width: 240px;
	height: 35px;
	text-indent: 0em;
	background: url(http://media.subwayfreshbuzz.com/local/global/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(http://media.subwayfreshbuzz.com/local/global/images/sfb_find_input_bkg.gif) no-repeat;
}
#find_subway a
{
	display: block;
	width: 28px;
	height: 31px;
	background: url(http://media.subwayfreshbuzz.com/local/global/images/mnNav-new-gobtn-sprite.gif) 0px 0px no-repeat;
	text-indent: -1000em;
	float:right;
	margin-top: -5px;
}

#find_subway a:hover
{
	background: url(http://media.subwayfreshbuzz.com/local/global/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;
}

.drop_menu_column, .drop_menu_column_last
{
	float: left;
}


#topnav_drop_menu_content_td
{
	background: #0b9a4d url("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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: 15px;
	display: block;
	zoom: 1;
	text-align: left;
}

.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;
	vertical-align: bottom;
	display: block;
	width: 100%;
	_height: 1em;
	zoom: 1;
	text-align: left;
	
}

.drop_menu_items li a:hover
{
	
	color: #fef100;
	background: url("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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("http://media.subwayfreshbuzz.com/local/global/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;
	
}

/*Utility Nav */

ul#utility_nav
{
	width: 200px;
	height: 15px;
	float: right;
	list-style-type: none;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

ul#utility_nav li
{
	height: 15px;
	list-style-type: none;
	float: right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #424242;
}

ul#utility_nav li a
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #424242;
	text-decoration:none;
}
ul#utility_nav li a:hover
{
	color: #1b5642;
}