/* Global navigation styles */


#j_nav_wrapper {
	position: relative;
	z-index: 999;
	clear: right;
	display: inline;
	margin-right: 9px;
	float: right;
	width: 870px;
}
ul#j_linkscloud {
	display: inline;
	padding-left: 6px;
	font-size: 0.8em;
	list-style-type: none;
	float: right;
	height: 22px;
}
ul#j_linkscloud li {
	height: 22px;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../../images/new_nav/lc_black_middle.gif);
	padding-right: 2px;
	padding-left: 2px;
	display: inline;
	float: left;
}

body.white ul#j_linkscloud li, body.mlb ul#j_linkscloud li {
	background-image: url(../../images/new_nav/lc_white_middle.gif);
}

ul#j_linkscloud li a.arabic_link{
	background-repeat: no-repeat;
	line-height: 12px;
	height: 22px;
	display: inline;
	width: 32px;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	background-image: url(../../images/new_nav/arabic_link_gold.png);
	background-position: left 3px;	
}

ul#j_linkscloud li a.chinese_link{
	background-repeat: no-repeat;
	line-height: 12px;
	height: 22px;
	display: inline;
	width: 32px;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	background-image: url(../../images/new_nav/chinese_link_gold.png);
	background-position: left 3px;	
}

body.white ul#j_linkscloud li a.arabic_link, body.mlb ul#j_linkscloud li a.arabic_link{
	background-image: url(../../images/new_nav/arabic_link_black.png);
}

body.white ul#j_linkscloud li a.chinese_link, body.mlb ul#j_linkscloud li a.chinese_link{
	background-image: url(../../images/new_nav/chinese_link_black.png);
}

body.white ul#j_linkscloud li a, body.mlb ul#j_linkscloud li a{
	color: #333333;
}

ul#j_linkscloud li.lc_last {
	background-image: url(../../images/new_nav/lc_black_r.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
	height: 22px;
	width: 5px;
}

ul#j_linkscloud li.lc_divider {
	background-image: url(../../images/new_nav/lc_black_divider.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
	height: 22px;
	width: 8px;
}

body.white ul#j_linkscloud li.lc_last, body.mlb ul#j_linkscloud li.lc_last {
	background-image: url(../../images/new_nav/lc_white_r.png);
}

body.white ul#j_linkscloud li.lc_divider, body.mlb ul#j_linkscloud li.lc_divider {
	background-image: url(../../images/new_nav/lc_white_divider.gif);
}

ul#j_linkscloud li.lc_first {
	background-image: url(../../images/new_nav/lc_black_l.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
	height: 22px;
	width: 5px;
}

body.white ul#j_linkscloud li.lc_first, body.mlb ul#j_linkscloud li.lc_first {
	background-image: url(../../images/new_nav/lc_white_l.png);
}


ul#jNavigation {
	margin-top: 20px;
	padding-top: 20px;
	z-index: 600;
	position: absolute;
	border-bottom-style: none;
	clear: both;
	text-align: left;
	display: block;
	list-style-type: none;
}

ul#jNavigation li {
	padding: 0px;
	background-position: left top;
	background-repeat: no-repeat;
	height: 3.2em;
	line-height: 3.2em;
	z-index: 0;
	text-transform: uppercase;
	display: inline;
	float: left;
}
ul#jNavigation li a {
	line-height: 3.2em;
	height: 3.2em;
	display: inline;
	width: 50px;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	float: left;	
}

ul#jNavigation li a:hover {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: white;
}

ul#jNavigation li ul {
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 32px;
	border-style: none;
	position: absolute;
	z-index: 999;
	width: 100px;
	display: none;
	list-style-type: none;
	float: none;
	clear: both;
	padding-bottom: 7px;
}

ul#jNavigation li ul li, ul#jNavigation li ul dl dt, ul#jNavigation li ul dl dd{
	font-size: 0.9em;
	position: relative
	display: block;
	padding: none;
	text-transform: none;
	float: none;
	background-image: none;
	height: auto;
	line-height: 1.4em;
	padding: 0px;	
	
}

ul#jNavigation li ul dl{
	float: left;
	padding-top: 10px;
}

ul#jNavigation li ul li a.nav_last{
	border-bottom-style: none;
	border-bottom-width: 0px;	
}

ul#jNavigation li ul li a, ul#jNavigation li ul dl dd a{
	color: #999999;
	border-bottom-color: #2d2d2d;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-image: none;
	display: block;
	text-decoration: none;
	float: none;
	height: auto;
	line-height: 1.4em;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

body.white ul#jNavigation li ul li a, body.white ul#jNavigation li ul dl dd a, body.mlb ul#jNavigation li ul li a, body.mlb ul#jNavigation li ul dl dd a{
	color: #252525;
	border-bottom-color: #ededed;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}



ul#jNavigation li ul li.navBottom170{
	padding: 0px;
	margin: 0px;
	background-position: left top;
	background-repeat: no-repeat;
	width: 170px;
	height: 10px;
	background-image: url(../../images/new_nav/nav_bottom_170.png);
}


ul#jNavigation li ul li a:hover, ul#jNavigation li ul dl dd a:hover{
	background-color: #252525;
}

body.white ul#jNavigation li ul li a:hover, body.white ul#jNavigation li ul dl dd a:hover, body.mlb ul#jNavigation li ul li a:hover, body.mlb ul#jNavigation li ul dl dd a:hover{
	color: #333333;
	background-color: #cccccc;
	
}

ul#jNavigation li ul li a{
	padding-left: 10px;
	padding-right: 10px; 
}

ul#jNavigation li ul li.nav_description{
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.4em;
	float: none;
	display: block;
	width: 170px;
}



/* Customised sections here 
Order
a - adds background image and sets specific width
a:hover - hover changes background image
ul li ul a - resets the cascade fro elements beneath the li class, removes the background image.
*/

/*PURCHASE*/

ul#jNavigation li.nav_purchase a{
	width: 105px;
	background-image: url(../../images/new_nav/nav_purchase_white.png);
}

body.white ul#jNavigation li.nav_purchase a, body.mlb ul#jNavigation li.nav_purchase a{
	background-image: url(../../images/new_nav/nav_purchase_black.png)
}

ul#jNavigation li.nav_purchase a.hovering{
	background-image: url(../../images/new_nav/nav_purchase_over_white.png);
}

body.white ul#jNavigation li.nav_purchase a.hovering, body.mlb ul#jNavigation li.nav_purchase a.hovering{
	background-image: url(../../images/new_nav/nav_purchase_over_black.png)
}

ul#jNavigation li.nav_purchase ul{
	width: 170px;
	background-image: url(../../images/new_nav/nav_170_bg.png);
}

body.white ul#jNavigation li.nav_purchase ul, body.mlb ul#jNavigation li.nav_purchase ul{
	width: 170px;
	background-image: url(../../images/new_nav/nav_170_white_bg.png);
}

ul#jNavigation li.nav_purchase ul li, ul#jNavigation li.nav_purchase ul li a{
	width: 150px;
}


ul#jNavigation li.nav_purchase ul li a, ul#jNavigation li.nav_purchase ul li a:hover, body.white ul#jNavigation li.nav_purchase ul li a, body.white ul#jNavigation li.nav_purchase ul li a:hover, body.mlb ul#jNavigation li.nav_purchase ul li a, body.mlb ul#jNavigation li.nav_purchase ul li a:hover{
	background-image: none;
	text-indent: 0px;
}



/*FAMILY*/

ul#jNavigation li.nav_family a{
	width: 125px;
	background-image: url(../../images/new_nav/nav_family_white.png);
}

body.white ul#jNavigation li.nav_family a, body.mlb ul#jNavigation li.nav_family a{
	background-image: url(../../images/new_nav/nav_family_black.png);
}

ul#jNavigation li.nav_family a.hovering{
	background-image: url(../../images/new_nav/nav_family_over_white.png);
}

body.white ul#jNavigation li.nav_family a.hovering, body.mlb ul#jNavigation li.nav_family a.hovering{
	background-image: url(../../images/new_nav/nav_family_over_black.png);
}

ul#jNavigation li.nav_family ul{
	width: 270px;
	background-image: url(../../images/new_nav/nav_270_bg.png);
}

body.white ul#jNavigation li.nav_family ul, body.mlb ul#jNavigation li.nav_family ul{
	width: 270px;
	background-image: url(../../images/new_nav/nav_270_bg_white.png);
}

ul#jNavigation li.nav_family ul li, ul#jNavigation li.nav_family ul li a{
	width: 80px;
}
ul#jNavigation li.nav_family ul dl dd a, ul#jNavigation li.nav_family ul dl dt{
	width: 115px;
	padding-left: 10px;
	padding-right: 10px; 
}
ul#jNavigation li.nav_family ul li a, ul#jNavigation li.nav_family ul li a:hover, body.white ul#jNavigation li.nav_family ul li a, body.white ul#jNavigation li.nav_family ul li a:hover, body.mlb ul#jNavigation li.nav_family ul li a, body.mlb ul#jNavigation li.nav_family ul li a:hover{
	background-image: none;
	text-indent: 0px;
}
ul#jNavigation li.nav_family ul dl dd a, body.white ul#jNavigation li.nav_family ul dl dd a, body.mlb ul#jNavigation li.nav_family ul dl dd a{
	background-image: none;
	text-indent: 0px;
}
ul#jNavigation li.nav_family ul dl dt{
	color: #a09164;
}



/*EXPLORE*/

ul#jNavigation li.nav_explore a{
	width: 137px;
	background-image: url(../../images/new_nav/nav_explore_white.png);
}

body.white ul#jNavigation li.nav_explore a, body.mlb ul#jNavigation li.nav_explore a{
	background-image: url(../../images/new_nav/nav_explore_black.png);
}

ul#jNavigation li.nav_explore a.hovering{
	background-image: url(../../images/new_nav/nav_explore_over_white.png);
}

body.white ul#jNavigation li.nav_explore a.hovering, body.mlb ul#jNavigation li.nav_explore a.hovering{
	background-image: url(../../images/new_nav/nav_explore_over_black.png);
}


ul#jNavigation li.nav_explore ul{
	width: 170px;
	background-image: url(../../images/new_nav/nav_170_bg.png);
}

body.white ul#jNavigation li.nav_explore ul, body.mlb ul#jNavigation li.nav_explore ul{
	background-image: url(../../images/new_nav/nav_170_white_bg.png);
}

ul#jNavigation li.nav_explore ul li, ul#jNavigation li.nav_explore ul li a{
	width: 150px;
}

ul#jNavigation li.nav_explore ul li a, ul#jNavigation li.nav_explore ul li a:hover, body.white ul#jNavigation li.nav_explore ul li a, body.white ul#jNavigation li.nav_explore ul li a:hover, body.mlb ul#jNavigation li.nav_explore ul li a, body.mlb ul#jNavigation li.nav_explore ul li a:hover{
	background-image: none;
	text-indent: 0px;
}


/*NEWS AND EVENTS*/

ul#jNavigation li.nav_newsevents a{
	width: 141px;
	background-image: url(../../images/new_nav/nav_news_white.png);
}

body.white ul#jNavigation li.nav_newsevents a, body.mlb ul#jNavigation li.nav_newsevents a{
	background-image: url(../../images/new_nav/nav_news_black.png);
}

ul#jNavigation li.nav_newsevents a.hovering{
	background-image: url(../../images/new_nav/nav_news_over_white.png);
}

body.white ul#jNavigation li.nav_newsevents a.hovering, body.mlb ul#jNavigation li.nav_newsevents a.hovering{
	background-image: url(../../images/new_nav/nav_news_over_black.png);
}

ul#jNavigation li.nav_newsevents ul{
	width: 170px;
	background-image: url(../../images/new_nav/nav_170_bg.png);
}

body.white ul#jNavigation li.nav_newsevents ul, body.mlb ul#jNavigation li.nav_newsevents ul{
	background-image: url(../../images/new_nav/nav_170_white_bg.png);
}

ul#jNavigation li.nav_newsevents ul li, ul#jNavigation li.nav_newsevents ul li a{
	width: 150px;
}

ul#jNavigation li.nav_newsevents ul li a, ul#jNavigation li.nav_newsevents ul li a:hover, body.white ul#jNavigation li.nav_newsevents ul li a, body.white ul#jNavigation li.nav_newsevents ul li a:hover, body.mlb ul#jNavigation li.nav_newsevents ul li a, body.mlb ul#jNavigation li.nav_newsevents ul li a:hover{
	background-image: none;
	text-indent: 0px;
}


/*CONTACT*/

ul#jNavigation li.nav_contact a{
	width: 118px;
	background-image: url(../../images/new_nav/nav_contact_white.png);
}

body.white ul#jNavigation li.nav_contact a, body.mlb ul#jNavigation li.nav_contact a{
	background-image: url(../../images/new_nav/nav_contact_black.png);
}

ul#jNavigation li.nav_contact a.hovering{
	background-image: url(../../images/new_nav/nav_contact_over_white.png);
}

body.white ul#jNavigation li.nav_contact a.hovering, body.mlb ul#jNavigation li.nav_contact a.hovering{
	background-image: url(../../images/new_nav/nav_contact_over_black.png);
}

ul#jNavigation li.nav_contact ul{
	width: 170px;
	background-image: url(../../images/new_nav/nav_170_bg.png);
}

body.white ul#jNavigation li.nav_contact ul, body.mlb ul#jNavigation li.nav_contact ul{
	background-image: url(../../images/new_nav/nav_170_white_bg.png);
}

ul#jNavigation li.nav_contact ul li, ul#jNavigation li.nav_contact ul li a{
	width: 150px;
}

ul#jNavigation li.nav_contact ul li a, ul#jNavigation li.nav_contact ul li a:hover, body.white ul#jNavigation li.nav_contact ul li a, body.white ul#jNavigation li.nav_contact ul li a:hover, body.mlb ul#jNavigation li.nav_contact ul li a, body.mlb ul#jNavigation li.nav_contact ul li a:hover{
	background-image: none;
	text-indent: 0px;
}


/*UNCOVERED*/

ul#jNavigation li.nav_unc a{
	width: 160px;
	background-image: url(../../images/new_nav/nav_unc_white.png);
}

body.white ul#jNavigation li.nav_unc a, body.mlb ul#jNavigation li.nav_unc a{
	background-image: url(../../images/new_nav/nav_unc_black.png);
}

ul#jNavigation li.nav_unc a.hovering{
	background-image: url(../../images/new_nav/nav_unc_over_white.png);
}

body.white ul#jNavigation li.nav_unc a.hovering, body.mlb ul#jNavigation li.nav_unc a.hovering{
	background-image: url(../../images/new_nav/nav_unc_over_black.png);
}

ul#jNavigation li.nav_unc ul{
	width: 170px;
	background-image: url(../../images/new_nav/nav_170_bg.png);
}

body.white ul#jNavigation li.nav_unc ul, body.mlb ul#jNavigation li.nav_unc ul{
	background-image: url(../../images/new_nav/nav_170_white_bg.png);
}

ul#jNavigation li.nav_unc ul li, ul#jNavigation li.nav_unc ul li a{
	width: 150px;
}

ul#jNavigation li.nav_unc ul li a, ul#jNavigation li.nav_unc ul li a:hover, body.white ul#jNavigation li.nav_unc ul li a, body.white ul#jNavigation li.nav_unc ul li a:hover, body.mlb ul#jNavigation li.nav_unc ul li a, body.mlb ul#jNavigation li.nav_unc ul li a:hover{
	background-image: none;
	text-indent: 0px;
}

/*SEARCH*/

ul#jNavigation li.nav_search a{
	width: 84px;
	background-image: url(../../images/new_nav/nav_search_white.png);
}
body.white ul#jNavigation li.nav_search a, body.mlb ul#jNavigation li.nav_search a{
	background-image: url(../../images/new_nav/nav_search_black.png);
}
ul#jNavigation li.nav_search a.hovering{
	width: 84px;
	background-image: url(../../images/new_nav/nav_search_over_white.png);
}
body.white ul#jNavigation li.nav_search a.hovering, body.mlb ul#jNavigation li.nav_search a.hovering{
	background-image: url(../../images/new_nav/nav_search_over_black.png);
}
ul#jNavigation li.nav_search ul{
	margin-left: -86px;
	width: 150px;
	padding: 10px;
	background-image: url(../../images/new_nav/nav_170_bg.png);	
}
body.white ul#jNavigation li.nav_search ul, body.mlb ul#jNavigation li.nav_search ul{
	background-image: url(../../images/new_nav/nav_170_white_bg.png);	
}

ul#jNavigation li.nav_search input{
	padding: 0px;
	margin: 0px;
}

ul#jNavigation .jSearchbox {

	width: 105px;
}

input.jSearchButton{

}

#ie6nav ul#jNavigation{
	border-color: red;
	border-style: solid;
	border-width: 1px;
}