@charset "UTF-8";
body {
	font:Arial, Helvetica, sans-serif;
	background:url(../images/greystripes_bg.jpg) fixed no-repeat #000 top left;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
}
ul {
	list-style-type: none;
}

li {
	list-style-type: none;	
}

td p{
	margin:3px 0px;
}
#toprunner_bg{
height:37px;
position:absolute;
top:0px;
left:0px;
background:url(../images/toprunner.png) repeat-x top left;
width:100%;
z-index: -2;
}
#runnershade {
	height:37px;
	position:absolute;
	top:0px;
	background:url(../images/barshade.png) repeat-x top left;
	width:100%;
}
#runnergrey {
	height:26px;
	position:absolute;
	top:0px;
	background:#333;
	width:100%;
}


#runnerdashes {
	height:26px;
	position:absolute;
	top:0px;
	background:url(../images/topdashes.png);
	background-repeat:repeat-x;
	width:100%;
}


#container {
	width: 868px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position:relative;
}

#logo{
float:left;
margin:40px 0px 20px 0px;
padding:0;
}
#header {
	height:80px;
	vertical-align:bottom;
	position:relative;
	}

#nav
{
	position:absolute;
	width: 456px;
	height: 26px;
	top: 0px;
	text-align:center;
	z-index:2;
}


#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
#mainContent {
	padding:0;
	margin:0;
	clear:both;
	color:White;
	position:relative;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
#whiteBGblock{
	background:#fff;
	border:1px solid #666;
	height: 576px;
}

#contentshadow{
background:url(../images/contentshadow.png) no-repeat top left;
width:890px;
height:600px;
position:absolute;
top:0;
left:0;
z-index:-3;
}
#mainContent img{
padding:0;
margin:0;
}
#whiteScreen{
position:absolute;
padding:20px;
width:710px;
height:330px;
background:url(../images/white_transparent.png) repeat;
z-index:3;
left:56px;
top:96px;
}

#whiteScreen h1{
padding:5px 0;
margin: 0;
font-size:38px;
line-height:30px;
font-weight:normal;
}
#whiteScreen h3{
font-weight:normal;
font-size:21px;
}
#whiteScreen h6{
/*font-weight:normal;*/
font-size:8px;
}
#vertlefttag{
position:absolute;
left:-50px;
width:50px;
top:0px;
float:left;
height:350px;
background:url(../images/lefttab_slogan.png) no-repeat top left;
}
#toptext {
position:absolute;
left:0px;
top:0px;
}

.menuitem
{	
	background-image:url(../images/btnBG.png);
	background-repeat:repeat-x;
	
}

.nullitem
{	
	background-image:url(../images/btnBG.png);
	background-repeat:repeat-x;
	
}

.menuitem:hover
{	
	background-image:url(../images/goldBTN.png);
	background-repeat:repeat-x;
	
}


#footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	position:relative;
	color:#fff;
	margin: 10px 0;
	font-size:12px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	
}

a.YellowLink {
color:#b8984c;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}

a.YellowLink:hover{
	text-decoration:none;
	color:#d4c194;
}
.textfield{
border:none;
}
#emailentry td{
background:#fff;
width:350px;
height:20px;
margin:0;
padding:5px;
color:#000;
font-size:14px;
}
#emailentry th{
width:100px;
padding:0 5px;
margin:0;
}
.BWbutton {
    border: 1px solid #fff;
    background: #000;
	color: #fff;
	font-size:18px;
	height:30px;
	width:100px;
	font-weight:bold;
}
.BWbutton:hover {
    border: 1px solid #000;
    background: #fff;
	color:#000;
}

.textADD {
	position:relative;
	width: 90px;
	height: 26px;
	top: 0px;
	text-align:center;	
}

.shopSphere {
	position:absolute;
	top:310px;
	left:-76px;
	width:150px;
	height:150px;
	z-index:2;
}


.tinyltgrey
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
}
.tinywhite
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	margin-top: 0px;
}
#NAVshopnow{
text-align:right;
}
#NAVshopnow a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#666;
	text-decoration:none;
}
#NAVshopnow a:hover{
	color:#fff;
}


a, visited, {
	text-decoration:none;
	border:none;
}

img
{  border-style: none;
}

.freeform{
	position:absolute;
}

.navtable{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	padding:0px;
	vertical-align:top;
	text-align:center;
}
.navtable td
{
 border-width:1px;
vertical-align:top;
border-color: #b8984c;
	border-style:solid;
}

.navtable td a{
	font-size:10px;
	color:#b8984c;
	text-decoration:none;
	font-weight:bold;

}

.navtable td a:hover{
	font-size:10px;
	color:#d4c194;
	text-decoration:none;
	font-weight:bold;
}