﻿body
{
	margin: 0 0 0 0;
	background-image: url('../images/bgRepeater.gif');
	background-repeat: repeat-x;
	color: black;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
	vertical-align:middle;
	font-size: small;
}

td
{
	border-spacing: 0px;
	padding: 0px;
	vertical-align: top;
	border-collapse: collapse;
}

table
{
	padding: 0px;
	border-spacing:0px;
	border-collapse: collapse;
}

.TopTable
{
	vertical-align: middle;
	text-align: center;
	margin: auto;
	width:800;
	
}

.CenterAlign
{
	text-align: center;
}

.MainContent
{
	text-align: left;
	width: 950px;
}

.content_area {
	background: #fff;
        color: #000;
}
.content_area a{
	color: #000;
}
.content_area_red {
	background: #fff;
	color: #FF0000;
}
.content_area_header {
	background: #fff;
	color: #000000;
}
.content_area_small {
	background: #fff;
	color: #000000;
}

#wrapper {
	BACKGROUND-POSITION: center 50%; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 966px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center
}
#container {
	MARGIN-TOP: 0px; MARGIN-LEFT: auto; WIDTH: 990px; MARGIN-RIGHT: auto; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#header-wrapper {
	MARGIN: 0px auto; WIDTH: 1000px; TEXT-ALIGN: center
}
#header-wrap
{
	background-position: right top;
	padding-right: 0px;
	padding-left: 0px;
	background: url("../images/SplashHeaderLogo3.jpg") no-repeat right;
	padding-bottom: 0px;
	margin: 0px auto;
	width: 975px;
	max-height: 165px;
	padding-top: 0px;
	height: 165px;
	text-align: left;
}
#header
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
	width: 975px;
	max-height: 165px;
	padding-top: 0px;
	height: 165px;
	text-align: left;
}
#header-left
{
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 975px;
	padding-top: 0px;
	height: 163px;
}

#logo {
	PADDING-LEFT: 0px; FLOAT: left; MARGIN-LEFT: 0px; PADDING-TOP: 0px; HEIGHT: 100px;
	
}
/* -- menu styles --*/

    #menu-tabs ul {
	list-style:none;
	margin:130px 0 0 0;
	padding:0px;
	background-image:url("../images/art-tabs-leftend.gif") no repeat right top;
      }
    #menu-tabs li {
      display:inline;
      margin:0;
      padding:0;

      }
    #menu-tabs a {
	font-family:helvetica, arial, sans serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
      float:left;
      background:url("../images/art-tabs-left3.gif") no-repeat left top; 
      margin:0;
      padding:0px 0px 0 5px;
      text-decoration:none;
      }
    #menu-tabs a span
{
	float: left;
	display: block;
	background: url("../images/art-tabs-right5.gif") no-repeat right top;
	padding: 9px 8px 9px .6em;
	color: #000;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu-tabs a span {float:none;}
    /* End IE5-Mac hack */
    #menu-tabs a:hover span {
      color:#000; /* set the color of the text links inside tabs on hover */
      }
    #menu-tabs a:hover {
      background-position:0% -40px; /* determines proper position of background image on hover (40px is half of the height of the tab images) */
      }
    #menu-tabs a:hover span {
      background-position:100% -40px; /* determines proper position of background image on hover (40px is half of the height of the tab images) */
      }
/* -- end menu styles --*/


#outside {
	/*BACKGROUND-IMAGE: url(http://a712.g.akamai.net/7/712/225/v978/www.footlocker.com/images/fl/background/black_edges_final2.gif); */
	background-image: url("../images/black_edges_final2.gif"); 
	MARGIN: 0px auto; 
	WIDTH: 1000px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: auto
}
#inside
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
	width: 966px;
	padding-top: 0px;
	height: auto;
	background-color: #ffffff;
}

.content_area
{
	font: normal 12px Arial, sans-serif;
	text-align: left;
}
.content_area10 {
        font : normal 10px Arial, sans-serif;
}
.content_area a{
	color: #000;
}
.content_area_red {
	background: #fff;
	color: #FF0000;
	font : normal 12px/14px Arial, sans-serif;
}
.content_area_bml_red {
	color: #CC0000;
	font : normal 15px Arial, sans-serif;
}
.content_area_nobg_white {
	color: #FFFFFF;
	font : normal 15px Arial, sans-serif;
}

.largebold
{
	font-size: 14px;
	font-weight: bold;
}
.bold20
{
	font-size: 20px;
	font-weight: bold;
}
.boldHuge
{
	font-size: xx-large;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}
.SmallBold
{
	font-size: 10px;
	font-weight: bold;
}

.content_area_bml_blue {
	background: #fff;
	color: #3300CC;
	font : normal 15px Arial, sans-serif;
}
.content_area_header {
	font : bold 18px/20px Arial, sans-serif;
}
.content_area_small {
	font : 11px/12px Arial, sans-serif;
}
#footer-tagline {
	FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; WIDTH: 100%; COLOR: #666; LINE-HEIGHT: 14px; PADDING-TOP: 8px; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
#footer-tagline A {
	TEXT-TRANSFORM: uppercase; COLOR: #666; TEXT-DECORATION: none
}
#footer-tagline A:hover {
	TEXT-TRANSFORM: uppercase; COLOR: #666; TEXT-DECORATION: underline
}