body { font-family:tahoma; font-size:10pt; background-color:#1A1A1C; background-image:url(/images/background_generic.jpg); background-position: top; background-repeat:no-repeat; color:White; }
img { border: 0px none green; }
h3{ font-size:14pt; margin:0px; padding-bottom:5px;}

.logoDiv{ position: relative; left: -5px; top: -20px; height: 150px; width: 380px; background-image:url(/images/logo.png); z-index:1; }
.taglineDiv{ position: relative; background-image: url(/images/tagLine.png); left: 200px; top: -80px; height: 27px; width: 304px; }

.searchBox { width: 300px; font-size: 8pt; } 
.searchBarArea{ margin-top: 0px; position: relative; vertical-align: top; margin-left: 70px; z-index: 1; }
.searchBarArea span {display:inline-block; vertical-align:middle; }
.searchBarSpacer{ display: inline-block; width: 370px; }
.marginLeftFive{ margin-left: 5px; }

.utilityBar { vertical-align:top; position: relative; top:-177px; left:365px; width:600px;}
.utilityBar span{ display:inline-block; vertical-align:middle;}
.utilityBar span a{ font-size:12px; font-weight:bold; color:White; }

.everyPromoBanner{ position: relative; top:-172px; left:524px; width:400px;}
.footerBar { font-size:7px; }
.footerBar div span a { color:White }

#shsMainContentArea{ width: 912px; margin: 0px 0px 3px 0px; color: Black; margin-left: -7px; margin-top: -5px !important; }

.mouseOverArea{ display: block; height: 93px; width: 22px; z-index: 1; }

.menuItem{ font-size:9pt; top:-5px; left:185px; z-index: 100; width:660px !important; display:none; position:absolute; background-color:#4279B5; padding:10px; border:1px solid #22405c; font-weight:normal;  }
.menuItem a{ text-decoration:none; color:white !important; font-weight:normal; }
.menuItem a:hover{ text-decoration:underline; font-weight:bold;  }

.navBarSpacer .menuItem{ left:185px; top:0px; }
.heroLeftNav .menuItem{ left:171px; top:0px; }

/* Navigation Bar */
.tShirtNavBar { background-image: url(/images/tshirtsNavBarTitle.png); height:30px; width:185px; border-bottom: 0px solid #22405c  }
.tShirtNavBarRound { background-image: url(/images/tshirtsNavBarTitleRound.png); height:30px; width:185px; border-bottom: 0px solid #22405c  }
.navBarBottom{ background-image: url(/images/NavBar/navBarBottom.png); height:55px; width:185px; border-bottom: 1px solid #22405c }
.moreNavBar{ background-image: url(/images/NavBar/moreStuffNavBarTitle.png); height:30px; width:185px; border-bottom: 0px solid #22405c }
.clothingNavBar{ background-image: url(/images/NavBar/clothingNavBarTitle.png); height:30px; width:185px;  border: 0px solid #22405c}
.herosNavBar{ height:30px; width:185px; margin-bottom:-5px;}
.otherNavBar{ background-image: url(/images/NavBar/content_info.png); height:30px; width:185px; border-bottom: 0px solid #22405c }

.navBarSpacer{ z-index:600; position:relative; cursor:default; background-image: url(/images/NavBar/navBarSpacer.png); height:20px; width:180px;  border-bottom: 1px solid #22405c; vertical-align:middle; padding-left:5px; padding-top:5px; }
.navBarSpacer a{ width:175px; text-decoration:none; display:block; font-weight:normal; }
.navBarSpacer a:hover{ text-decoration:underline;  font-weight:bold; }

.navBarSpacerNoArrow{ position:relative; cursor:default; background-image: url(/images/NavBar/navBarSpacerNoArrow.png); height:20px; width:180px;  border-bottom: 1px solid #22405c; vertical-align:middle; padding-left:5px; padding-top:5px; }
.navBarSpacerNoArrow a{ width:175px; text-decoration:none; display:block; font-weight:normal; }
.navBarSpacerNoArrow a:hover{ text-decoration:underline;  font-weight:bold; }

.navigationItems{ background-image:url(/images/NavBar/leftnav_background.png); background-position:0px -10px; background-repeat:repeat-y; width:185px; }
.navigationItems ul{ z-index:700; margin:0px; list-style-type:none; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:9pt; color:#FAF4C2; }
.navigationItems ul li{ height:20px; display:block; z-index:600; position:relative; background-image:url(/images/NavBar/bulletPoint.png); cursor:default; background-repeat:no-repeat; background-position:150px 2px;}

.leftHandArrowItem{  padding-left:10px; padding-top:5px; padding-bottom:5px; height:15px; display:block; z-index:600;  position:relative !important; background-image:url(/images/NavBar/bulletPoint.png); cursor:default; background-repeat:no-repeat; background-position:160px 8px; }

.bold_menu_link{ text-decoration:none; font-weight:normal; }
.bold_menu_link:hover{ text-decoration:underline; font-weight:bold;  }
.half_float { float:left; width:220px; }

.herosLeftNav{ background-image:url(/images/site/sprite_2.jpg); padding-bottom:5px; padding-top:5px; }
.heroLeftNav{ position:relative; z-index:300; height:68px; width:180px; cursor:pointer; margin: 0px auto; margin-top: 5px;}

.wideDiv div a{ width: 500px; }

.heroHeaderLinks{ position:relative; }
.heroNavigationAllProdHeader{ border-bottom:1px solid white; }
.heroSpacer{ height:5px; }

/* Layers */

/*** Layer 0 ***/
div.layer0 { clear:both; width:960px; margin:5px auto; }
div.layer0 div.layer0top { background:url(/images/layers/layer0/tl.png) no-repeat bottom left; padding:0px; width:100%; }
div.layer0 div.layer0top div.layer0right { background:url(/images/layers/layer0/tr.png) no-repeat bottom right; height:10px; margin-left:10px; }
div.layer0 div.layer0middle { background:url(/images/layers/layer0/l.png) repeat-y left; clear:both; width:100%; }
div.layer0 div.layer0middle div.layer0right { background:url(/images/layers/layer0/r.png) repeat-y right; margin-left:10px; }
div.layer0 div.layer0middle div.layer0right div.layer0content { background:url(/images/layers/layer0/bg.png) repeat top left; line-height:1.3em; margin-right:10px; padding:0px 7px; text-align:justify; }
div.layer0 div.layer0middle div.layer0right div.layer0content p { margin:0px; padding-top:15px; }
div.layer0 div.layer0middle div.layer0right div.layer0content h2 {  color:#0f2; font-size:1.75em; font-weight:bold; margin:0px; padding:7px 0px; }
div.layer0 div.layer0bottom { background:url(/images/layers/layer0/bl.png) no-repeat top left; clear:both; padding:0px; width:100%; }
div.layer0 div.layer0bottom div.layer0right { background:url(/images/layers/layer0/br.png) no-repeat top right; height:10px; margin-left:10px; }

/*** Layer 1 ***/
div.layer1 { clear:both; width:930px; margin:5px auto; margin-top: -170px; }
div.layer1 div.layer1top { background:url(/images/layers/layer1/tl.png) no-repeat bottom left; padding:0px; width:100%; }
div.layer1 div.layer1top div.layer1right { background:url(/images/layers/layer1/tr.png) no-repeat bottom right; height:10px; margin-left:10px; }
div.layer1 div.layer1middle { background:url(/images/layers/layer1/l.png) repeat-y left; clear:both; width:100%; }
div.layer1 div.layer1middle div.layer1right { background:url(/images/layers/layer1/r.png) repeat-y right; margin-left:10px; }
div.layer1 div.layer1middle div.layer1right div.layer1content { background:url(/images/layers/layer1/bg.png) repeat top left; line-height:1.3em; margin-right:10px; padding:0px 7px; text-align:justify; }
div.layer1 div.layer1middle div.layer1right div.layer1content p { margin:0px; padding-top:15px; }
div.layer1 div.layer1middle div.layer1right div.layer1content h2 {  color:#0f2; font-size:1.75em; font-weight:bold; margin:0px; padding:7px 0px; }
div.layer1 div.layer1bottom { background:url(/images/layers/layer1/bl.png) no-repeat top left; clear:both; padding:0px; width:100%; }
div.layer1 div.layer1bottom div.layer1right { background:url(/images/layers/layer1/br.png) no-repeat top right; height:10px; margin-left:10px; }
div.layer1content {  }

div.layer2 { clear:both; width:720px; margin:0px auto; margin-left:-3px; padding-bottom:10px; background-image:none; }

a{ color:White; font-weight:bold; }

/*** Style Override ***/
.product{ width: 690px !important; margin-left:-3px !important;  }
.producthead { font-size:13pt; font-weight:bold; text-align:left; background-image:url(/images/site/itemHeader.png); width:713px; height:20px; margin-left:-9px; padding-top:5px; padding-left:10px; margin-top:5px;}
.productcontent { text-align:left; width:721px; border-bottom:1px solid #254159; border-left:1px solid #254159; border-right:1px solid #254159; margin-left:-9px; background-color:#0f0f0f; margin-bottom:10px; padding-top:10px; background-image:url(/images/itemsBackground.png); background-repeat:no-repeat; background-position:top right; }
.notes { padding-bottom:10px; text-align:left; font-size:10pt; width:701px; border-bottom:1px solid #254159; border-left:1px solid #254159; border-right:1px solid #254159; margin-left:-9px; background-color: #0f0f0f; margin-bottom:10px; padding-top:10px; padding-left:10px; padding-right:10px; background-image:url(/images/itemsBackground.png); background-repeat:no-repeat; background-position:top right; }
.header{ font-family:arial; font-size:20pt; font-weight:bold; text-align:left; width: 713px !important; margin-left:-12px; margin-top:1px; margin-bottom:0px !important; padding-left:10px; padding-bottom:5px; padding-top:10px; background-image:url(/images/site/header_img.png); border-bottom:1px solid #25455A; line-height:23px; }

.productcontent div a{ font-size: 8pt; text-decoration: none; font-weight: normal; margin-left:10px; }
.productcontent div a:hover { text-decoration: underline; font-weight: bold; }

.productcontent  a{color:#429eff; font-weight:normal;}
.productcontent  a:hover{text-decoration: underline; font-weight: bold;}
.productcontent table{ table-layout:fixed; }

select{ font-size:8pt; margin:2px; }

/* Hero Nav */
img.hero_thumb { margin: 8px 3px 6px 2px; width: 85px; height: 85px; }
td.hero_cell { width: 94px; height: 93px; text-align: center; }
.heronav_container { background-image:url(/images/heroNavBackground.png); white-space: nowrap; height: 93px; width:912px; position:relative;  }
.header_ad_container { width: 158px; border-top: 1px solid #363636; height: 80px; }
div#wn { position:relative; width: 866px; height: 93px; overflow:hidden; margin-top:-4px;}
.hero { float: left; background: url(../images/site/scrollbar_bg.jpg) repeat-x; width: 94px; text-align: center; }
div#scrollbar img { display:block; } 

/* Hero Header Area*/
#heroHeaderArea{ width: 723px; margin-bottom: 10px; margin-left: -9px; }
#heroHeaderText{ width: 490px; margin-left: 30px; padding-top: 85px; color: black; font-weight: normal; text-align:justify; overflow:hidden; height:90px; font-size:8pt; line-height:1.4; }
#heroHeaderText a{ text-decoration:underline; color:black; }
#heroHeaderRightSide div{ width:653px; background-color:#FEEF00; position:relative; }
#heroHeaderRightSide div div{ background-color:none; }
#heroHeaderRightSide div div a{  color: black; font-size:9pt; text-decoration:underline; font-weight:normal;  }
#heroHeaderRightSide div div a:hover{  color: black; font-size:9pt; text-decoration:underline; font-weight:bold;  }
#heroHeaderRightSide div div{ float:left; width:160px; margin-top: 2px;} 
#heroHeaderTableContainer{ margin-left: 18px; margin-top:12px; padding-bottom:8px; }
#heroHeaderHeader{ width:689px; background-image:url(/images/site/heroheader/header.png); height:39px; background-repeat:no-repeat; }
#headerHeaderTitle{ padding-left:15px; padding-top:10px; }
#headerHeaderTitle h2{ font:size 1.75em; font-weight:bold; color:black; padding:0px; margin:0px;}
#heroHeaderLeftSide{ width:675px; background-image:url(/images/site/heroheader/leftExpander.png); background-repeat:repeat-y; padding-left:13px; }
#heroHeaderRightSide{ padding:0px; background-image:url(/images/site/heroheader/rightExpander.png); background-repeat:repeat-y; background-position:right; }
#heroHeaderFooter{ width:689px; background-image:url(/images/site/heroheader/footer.png); height:8px; background-repeat:no-repeat; }

.siteMapBody{ font-style:normal; text-align:left; padding:5px; padding-right:0px; margin-left:-9px; width:716px; }
.siteMapHeader{ margin-top:5px; margin-left: -9px !important; }
.rightContent{ width: 910px; margin-left: -7px; }

.h1HeaderWrapper{ margin-left: 0px !important; margin-top: 0px; }

.footerBackgroundImage{ background-image:url(/images/site/footerImage.jpg); width:926px; height:66px; margin-top:-2px; margin-left:1px; }
.footerLinkText{ padding-top:3px; padding-left:20px; }
.footerLinkText a{ text-decoration:none;}
.footerAddressText{ padding-top:7px; padding-left:50px; font-size:8pt; }

.heroPageLevelHeader{ width:720px; margin-left:-10px; }
.heroPageLevelHeader div { float: left; width: 165px; height:15px; }
.heroPageLevelHeader div a { text-decoration: underline;  }
.selectedNavigationLink{ font-weight:900 !important; cursor:default; color:white !important; text-decoration:none !important; font-size:9pt !important; }

.saleItemTinyBanner{ margin-top:-15px; margin-bottom:5px; margin-left:-10px; }
.homePageBanner{ margin-left:-9px; margin-bottom:10px; display:block; }
.itemLinks{ margin:0px auto; margin-top:-15px; }
.itemLinks a{ margin-left:0px !important; font-weight:bold; }

.fiContainer{ background-image:url(/images/site/scroll_new4.png); height:484px; width:722px; margin-left:-8px; margin-bottom:10px; padding-top:10px;}
.fiHeader{ margin-bottom:9px; margin-left:9px; }
.fiSmallItemsContainer{ margin-left:9px; }
.fiSmallItemsContainer div{ float:left; margin-right:7px; }

.popularCategoriesContainer{ padding-top:45px; padding-left:10px; background-image:url(/images/site/header.png); height:380px; width:713px; margin-left:-8px; margin-bottom:10px; }
.popularCategoriesContainer div{ float:left; width:170px; height:190px; margin-right:8px; }

.lowerItemsContainer{ background-image:url(/images/site/lowerframe.png); height:395px; width:722px; margin-left:-12px; margin-left:-8px; margin-top:0px; padding-top:1px; padding-bottom:8px; margin-bottom:10px; }
.lowerItemsContainer a{ display:block; margin-left:9px; margin-top:8px; }

.ie7HeaderArea{ margin-left:-12px; !important; }
#heroHeaderArea2{ width: 723px; margin-bottom: 10px; margin-left: -12px; }

.itemControlContainer
{
	border: 1px solid #7C7C7E; width: 170px; height:314px; margin:4px; text-align:left; float:left; background-color:#222222;
}

.itemControlContainer div a
{
	margin:0px !important;
}

.itemControlContainerBottom
{
	padding: 4px; 
}
.itemControlText
{
	height:35px; overflow:hidden;
}
.itemControlPrice
{
	color: orange; font-size: 10pt; padding-top:4px; padding-bottom:4px; font-weight:bold;
}
.itemControlItemTitle
{
	color: White !important; text-decoration:none; font-size:10pt !important;
}
.itemControlSizeText
{
	color: White; font-weight: bold; font-size: 8pt;
}
.itemControlSizes
{
	display:block-inline; margin-left:2px; color:#3A74A7; font-size: 9pt;
}
.itemControlNonSelected
{
	color:#707070; display:block-inline; margin-left:4px; font-weight:normal; text-decoration:line-through
}
.itemControlSelected
{
	display:block-inline; margin-left:4px; font-weight:normal;
}
.sortBarItemSelected
{
	font-weight: bold !important; text-decoration:underline !important; padding-right:2px !important; margin-left:2px !important;
}
.sortBarItemUnselected
{
	padding-right:2px !important; margin-left:2px !important;
}
a:hover.sortBarItemUnselected   
{
	padding-right:2px !important; margin-left:2px !important; font-weight:normal !important; color:grey !important;
}
.sortBar
{
	margin-left: 8px; padding-top: 4px; color:grey; padding-bottom: 2px;

}
.sortBarText
{
	color:white; font-weight:bold;
}
.itemControlMainImg
{
	border: 0px; height:225px; width:170px;
}
.heroFlyoutHeader
{
	height:42px; width:716px; background-image:url(/images/heroFlyoutHeader.png); padding:0px; margin:0px;
}
.heroFlyoutHeader div
{
	margin-left:15px; padding-top:15px; font-size:13pt; font-weight:bold;
}
.heroFlyoutFooter
{
	height:6px; width:716px; background-image:url(/images/heroFlyoutFooter.gif);
}
.heroFlyoutContainer
{
	width:716px; background-image:url(/images/heroFlyoutBackgroundSlice.gif);  background-repeat:repeat-y; padding:0px; margin:0px; 
}
.heroFlyoutContents
{
	background-repeat:no-repeat;
	margin-left:6px; 
	margin-right:6px; 
	background-color:#0f0f0f; 
	background-image:url(/images/heroFlyoutDefaultBackground.gif); 
	background-position:bottom right; 
	width:694px;
	padding:5px 5px 5px 5px;
	text-align:left;
	min-height:106px;
}
.heroFlyoutContents table
{
	height:50px;
	width:700px;
	font-size:10pt;	
	font-weight:bold;
	font-family:tahoma;
	table-layout:fixed;
}
.heroFlyoutContentHeader
{
	color:#DABB35;
}
.heroFlyoutContentHeader td
{
	width:160px;
}
.heroFlyoutSpacerCell
{
	width:10px !important;
	background-image:url(/images/heroFlyoutSpacerBackground.gif);  
	background-repeat:repeat-y;
	background-position:center; 
}
.heroFlyoutContentRow td div { width:163px; height:18px; overflow:hidden; }
.heroFlyoutContentRow td div a{ display:block; height:100%; width:100%; text-decoration:none; color:white; font-weight:normal; padding:1px; }
.heroFlyoutContentRow td div a:hover{ background-color:white; color:#232326; }
.heroNavigationButtonArea { height:159px; width:185px; background-image:url(/images/batmanHeader.png); }
.heroNavigationButtonArea div{ padding-top:128px; padding-left:5px; width:175px; overflow:hidden; font-size:10pt; }
.heroNavigationContainer{ position:relative; width:185px; }
.heroFlyout{ position:absolute; top:-25px; left:185px; display:none; z-index:100; }
.selectedHeroNavItem{ font-style:italic; color:#429EFF !important; font-weight:bold; }
.nonHeroFlyoutContainer{ background-color:#0f0f0f; margin-left:6px; padding-left:6px; padding-top:7px; background-image:url(/images/heroFlyoutDefaultBackground.gif); background-position:bottom right; 	background-repeat:no-repeat; margin-right:6px; padding-bottom:7px;  }
.nonHeroFlyoutContainer div{ width:173px; float:left; overflow:hidden;  }
.nonHeroFlyoutContainer a{ font-weight:normal; text-decoration:none; display:block; width:200px;  }
.nonHeroFlyoutContainer a:hover{ background-color:white; color:#232326; text-decoration:none !important;  }

.heroFlyOutContainer
{
	width:700px !important;
}
.heroFlyOutContainer div
{
	width:700px !important;
}
.heroFlyOutContainer div div
{
	margin-right:5px !important;
}
.heroFlyOutContainer div a
{
	width:168px !important;
}
.lowerHeroFlyout
{
	top:-5px !important;
}
.beltTitle
{
	padding: 8px; font-size: 12pt; font-weight: bold; text-align: left;
}
.beltDropDown
{
	padding-left: 8px;
	float:left;
}
#additionalItemContainer
{
	padding:8px;
	float:right;
	padding-right:48px;
	display:none;

}
#additionalItemContainer a
{
	color:#608CB9;
	font-size:8pt;
}

.allNavigationItem
{
	display:block; text-decoration:none; font-weight:normal;
}
.allNavigationItem:hover
{
	text-decoration:underline;
}