/*
-----------------------------------------------------
Wizards.com:  navigation.css
Copyright (c) 2008 Wizards of the Coast
http: //www.wizards.com/
-----------------------------------------------------
*/


/* Main navigation overrides */
/* ----------------------------------------------- */

#mainNav, #mainNav ul { /* First level menus */
	background: #333;
}
#mainNav {
	width: 1000px; /* for ie 5.5- */
	w\idth: 930px; /* for other IE versions (1000-padding) */
	padding-left: 70px;
}
#mainNav a {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.923em;
}

/* Search control */
/* ----------------------------------------------- */

.searchControl {
	position: absolute;
	top: 5px;
	right: 25px;
	z-index: 3;
}
.searchControl input {
    border: 1px solid #c3c3c3;
    border-top-color: #7c7c7c;
    border-bottom-color: #ddd;
    background: #fff;
    color: #000;
	font-size: 0.917em;
	margin: 0;
}
.searchControl .textBox { 
	width: 150px; 
}
.searchControl .emptyTextBox { 
	width: 150px; 
	font-style: italic; 
}
.searchControl .submitButton {
	background-color: #676d75;
	color: #fff;
	border: 1px solid #676d75;
}

/* Magic top navigation */
/* ----------------------------------------------- */

#topNav, #topNav ul { /* First level menus */
	list-style: none;
	line-height: 2.083em;
	padding: 0;
	margin: 0;
}
#topNav {
	float: left;
	width: 815px;
	margin: -30px 0 0 2px;
	display: inline; /* fixes ie6 double margin bug */
	position: relative;
	z-index: 2;
}
#topNav li { /* all list items */
	float: left;
	padding: 0;
}
#topNav li a {
	display: block;
	background: #515151;
	width: 163px;
	color: #c4ccc9;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: 31px;
	text-indent: -9999px; /* hide text except from screen readers */
}

#topNav li a.multiverse {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=tn_multiverse") top left no-repeat;
}
#topNav li a.tcg {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=tn_tcg") top left no-repeat;
}
#topNav li a.magazine {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=tn_magazine") top left no-repeat;
}
#topNav li a.dg {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=tn_digitalgames") top left no-repeat;
}
#topNav li a.publishing {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=tn_novels") top left no-repeat;
}
#topNav li a.merchandise {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=tn_merchandise") top left no-repeat;
}
#topNav li.active a {
	/* background: #003265; */
	background-position: top right;
	color: #ffc;
}
#topNav li a:hover {
	background-position: top right;
}

/* Left-hand column */
/* ----------------------------------------------- */

#leftColumn, #leftColumn ul { /* First level menus */
	list-style: none;
	line-height: 0;
	padding: 0;
	margin: 0;
}
#leftColumn {
	float: left;
	width: 183px;
	min-height: 680px;
	height: auto !important;
	height: 680px;
	margin: 0;
	padding-top: 10px;
}

#leftColumn .tier1 ul {
	float: left;
	width: 183px !important;
	background: transparent url("/Magic/Assets/background_leftnav.png") top left repeat-y;
}
* html #leftColumn .tier1 ul { /* ie6 png replacement */
	background: transparent url("/Magic/Assets/background_leftnav.gif") repeat-y;
}
#leftColumn .tier1 li {
	position:relative;
	clear: both;
	background: transparent url("/Magic/Assets/background_leftnav.png") top left repeat-y;
}
* html #leftColumn .tier1 li {/* ie6 png replacement */
	background: transparent url("/Magic/Assets/background_leftnav.gif") repeat-y;
	float: left;
}
#leftColumn .tier1 li span {
	position: absolute;
	top: 0;
	*top: 7px;
	left: 3px;
	width: 21px;
	height: 30px;
	z-index:999;
	cursor:pointer;
	background: transparent url("/Magic/Assets/ln_open_close.gif") top left no-repeat;
}
#leftColumn .tier1 a { /* First level menu links */
	position: relative;
	display: block;
	line-height: 2.583;
	background: #036;
	text-decoration: none;
	color: #c6d6d9;
	font-weight: bold;
	width: 183px;
	text-indent: -9999px; /* hide text except from screen readers */
}
#leftColumn .tier1 li.active a {
	color: #ffc;
}
#leftColumn .tier1 li ul { /* Second level menus */
	position: absolute;
	left: -9999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 2px 0 6px;
	width: 165px;
}
#leftColumn .tier1 li.active ul { /* lists nested under active list items */
	position: relative;
	left: auto;
}
#leftColumn .tier1 li li a { /* Second level menu links */
	display: block;
	background: none;
	color: #036;
	line-height: 1.5;
	text-decoration: none;
	width: 165px;
	text-indent: 0;
	margin-top: 0;
	padding-left: 11px;
}
#leftColumn .tier1 li li a:hover {
	background: #9db0af;
}
#leftColumn .multiverse li a.planeswalkers {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_multi_planeswalkers") top left no-repeat;
}
#leftColumn .multiverse li a.colors {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_multi_colors") top left no-repeat;
}
#leftColumn .multiverse li a.planes {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_multi_planes") top left no-repeat;
}
#leftColumn .tcg li a.new {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_tcg_new") top left no-repeat;
}
#leftColumn .tcg li a.products {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_tcg_products") top left no-repeat;
}
#leftColumn .tcg li a.tournaments {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_tcg_tournaments") top left no-repeat;
}
#leftColumn .tcg li a.resources {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_tcg_resources") top left no-repeat;
}
#leftColumn .tcg li a.resources {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_tcg_resources") top left no-repeat;
}
#leftColumn .magazine li a.columns {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_columns") top left no-repeat;
}
#leftColumn .magazine li a.features {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_features") top left no-repeat;
}
#leftColumn .magazine li a.news {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_news") top left no-repeat;
}
#leftColumn .magazine li a.event {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_event") top left no-repeat;
}
#leftColumn .magazine li a.arcana {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_arcana") top left no-repeat;
}
#leftColumn .magazine li a.ask {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_ask") top left no-repeat;
}
#leftColumn .magazine li a.card {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_card") top left no-repeat;
}
#leftColumn .magazine li a.downloads {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_mag_downloads") top left no-repeat;
}
#leftColumn .dg li a.mol {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_dg_mol") top left no-repeat;
}
#leftColumn .dg li a.dotp {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_dg_dotp") top left no-repeat;
}
#leftColumn .dg li a.tactics {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_dg_tactics") top left no-repeat;
}
#leftColumn .dg li a.xylophone {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_dg_xylophone") top left no-repeat;
}
#leftColumn .dg li a.roadrunner {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_dg_roadrunner") top left no-repeat;
}
#leftColumn .merchandise li a.merchandise {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_merch_store") top left no-repeat;
}
#leftColumn .merchandise li a.licensedproducts {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_merch_licprod") top left no-repeat;
}
#leftColumn .merchandise li a.publishing {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_merch_publishing") top left no-repeat;
}
#leftColumn .novels li a.magicnovels {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_novels_magicnovels") top left no-repeat;
}
#leftColumn .tier1 li.active a,
#leftColumn .tier1 li.active span {
	background-position: top right !important;
}
#leftColumn .tier1 li.active li a {
	color: #036;
}
#leftColumn .tier1 li li li { /* third level list items */
	background: transparent url("/Magic/Assets/ln_bullet.gif") 8px 50% no-repeat;
}
#leftColumn .tier1 li li li a { /* for ie6 only */
	float: none;
}
#leftColumn .tier1 li li li a {
	padding: 0 0 0 24px;
	width: 152px;
}

#leftColumn .tier2 {
	clear: both;
	padding-top: 2px;
}
#leftColumn .tier2 li {
	clear: both;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
}
#leftColumn .tier2 a {
	float: left;
	display: block;
	text-decoration: none;
	color: #fff;
	width: 176px;
}
#leftColumn .tier2 em {
	display: block;
	font-size: 1.3em;
	font-style: normal;
	color: #ffc;
}
#leftColumn .tier2 span, #leftColumn .tier2 em {
	position: absolute;
	left: -9999em; /* hide for everyone except screen readers */
}
#leftColumn .tier2 li.locator {
	background: transparent url("/handlers/ResourceService.ashx?type=global&id=MagicChrome&key=ln_store_locator") no-repeat;
	height:125px;
	position: relative;
}
#leftColumn .tier2 li.locator fieldset {
	position: absolute;
	bottom: 25px;
	width: 156px;
	left: 50%;
	margin-left: -78px;
	display: inline; /* fixes ie double margin bug */
	text-align: left;
	padding: 0;
}
#leftColumn .tier2 input {
    border: 1px solid #fff;
    border-color: #fff;
    background: #fff;
    color: #000;
	font-size: 0.917em;
	margin: 0;
}
#leftColumn .tier2 input.textbox {
	width: 125px;
	height: 14px;
}
#leftColumn .tier2 input.submit {
	background: #999;
	color: #fff;
	border-color: #999;
	height: 18px;
	font-weight: normal;
	font-size: 10px;
	padding-top: 0;
	margin-top: 0;
	position: relative;
	top: 2px;
}
#leftColumn .tier2 input.radio {
	background: #333; /* for ie6 */
	border: none; /* for ie6 */
	margin-right: 4px;
}
#leftColumn .tier2 label {
	padding: 0 0 4px 0;
	color: #fff;
}


/* Footer overrides */
/* ----------------------------------------------- */

#footerWrap {
	float: left;
	width: 1000px;
	padding-bottom: 40px;
}
#footer 
{
	width: 1000px;
}
#footerNav ul 
{
	height: 30px;
	width: 580px;
	text-align: center;
}
#footerNav ul li { border-right: solid 1px #039; }
#footerNav ul li.last { border-right: 0; }
#footerNav ul li img { padding-top: 2px; position: relative; left: -5px; }
#footerNav a,
#footerNav span { /* First level menu links */
	font: 11px Verdana, Arial, Helvetica, sans-serif; /* DG: updated to match design spec [before: fixed size on the chrome] */
	color: #039;
}


#japaneseFooterNav ul 
{
	height: 30px;
	width: 580px;
	text-align: center;
}
#japaneseFooterNav ul li { border-right: solid 1px #039; }
#japaneseFooterNav ul li.last { border-right: 0; }
#japaneseFooterNav ul li img { padding-top: 2px; position: relative; left: -5px; }
#japaneseFooterNav a,
#japaneseFooterNav span { /* First level menu links */
	font: 11px Verdana, Arial, Helvetica, sans-serif; /* DG: updated to match design spec [before: fixed size on the chrome] */
	color: #039;
}


#footerText {
	clear: left;
	text-align: center;
	/*background: #d1d0cb;*/
}
#footerText p {
	padding: 4px 0 6px;
	margin: 0;
}
#footerText, #footerText p, #footerText a {
	font: 11px Verdana, Arial, Helvetica, sans-serif; /* DG: updated to match design spec [before: fixed size on the chrome] */
	color: #039;
}
#footerNav a:hover {
	text-decoration: underline;
}

#japaneseFooterNav a:hover {
	text-decoration: underline;
}