﻿/* CSS layout  for  Retro Image Apparel Store site, 2010 Revision, by Erin Rasmussen, some elements are from the original*/
htm {
	 background-color: #eee; /*#a3cbe5*/
}

body         {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          line-height: 1.5em;
		  padding: 0; margin:0;
		 /*background:url(../images/home/spoke-background2.jpg) repeat-x;*/
		 background-color: #eee; /*#a3cbe5*/
}

p {
    
	text-indent: 5px;
	margin-left: 10px;
	margin-right: 10px;
	max-width: 600px;
	 font: 12px;
}

#page {
	background-color:#ffffff;	
	padding-left: 20px;
	margin-left: 50px;
	border-right:thin inset #ddd;
	border-bottom: thin inset;
	font-size: 12px;

}

#breadcrumb {
    color:#333; font-size: 0.75em;
}

/*  top of the site banner navigation */
#banner {
	background:url(../images/home/TOP-background-banner.jpg) right no-repeat;
		
}


.bannernav {
	text-align:right;
  padding-bottom:2px;
  font:12px; font-weight:bold;
  line-height: 1.5em;
 		color:#333;
	background:url(../images/home/top-border2.jpg) right no-repeat;
   text-decoration: none;
   font-family: "Century Gothic", Futura, Verdana, Arial, Helvetica, sans-serif;
   padding-top:2px;
   
}

.bannernav a {
	 		color:#fff;
		
		text-decoration: none;
}

.bannernav-shop a {
	 		color:#fff;
		background-color:#ed1c24;
		padding:3px;
		margin-right: 2px;
		
}

/* top of the site banner navigation - end  */

/* classes for display of  mens-women's jersey's */



td.men-jersey {
  
}



td.women-jersey {
	

}

/* classes for display of  mens-women's jersey's */

#main_content {
  margin-left:10px;	
}

.description {
   padding-left:50px;
   padding-right: 50px;
   font: 0.8em;
   line-height:1.5em;
}

.feature {
	padding-bottom: 3px;

	
}

.retrotitle {  padding-top:10px;
               padding-bottom: 15px;
               font-style: italic; font-weight: bold; color: #000000; font-size:1.5em;
               font-family: "Century Gothic", Futura, Verdana, Arial, Helvetica, sans-serif; }

.navtitle {    text-align:left;
	font-weight: bold;
	font-size: 12px;
	color:#1878a8; 
	font-family: "Century Gothic", Futura, Verdana, Arial, Helvetica, sans-serif;  }

.navtext {  font-size: 11px; font-weight: bold; color: #990000; text-align: center;  text-decoration: none; }
td.navtext img {
	
}

.navtext a{
	color:#000033;
	font-weight:bold;
	text-decoration:none;

}

.navtext a:hover
{
	color:#ff9944;
}

.mainadtext {
	
	font-size: 12px;
	font-weight: 400;
	color: #000033;
	text-decoration: none;
}
.mainadtextsm {
	
	font-size: 10px;
	font-weight: 400;
	color: #000033;
	text-decoration: none;
}
.mainadtextneg {
	
	font-size: 14px;
	text-decoration: none;
	background-color: #000033;
	color: #FFFFFF;
}
.headertitle {
	
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.leftpad {  padding-left: 5px}
.mainadtextbld {  font-size: 12px; font-weight: 700; color: #000033; text-decoration: none; }
.bigtext {   font-size: 24px; font-weight: 600; color: #000033}
.redneg { font-size: 14px; text-decoration: none; background-color: #990000; color: #FFFFFF; }
.bigred {  font-size: 24px; font-weight: 700; color: #990000; text-decoration: none}



#contentDiv { position: absolute; left:10px; top:40px; font-size: 12px }


/* Begin main body layout */
div#bodycontainter {
	background-color:#fff;
	z-index:0;	
	height: 100% !important;
	overflow: hidden;
	margin: 0px;
	padding-left: 0px;
}

* html #bodycontainter {
	height: 1%; /* So IE plays nice */
}

div#left_col{
	
}

div#left_col table{
width: 180px;
	height: 100% !important;

	/* background-image: url('../images/leftframe.gif');
	background-repeat: repeat-y; */
	z-index:1000 !important;
	position:relative;
	
}

div#right_col{
	background-color: #fff;
	width: 820px;
	height: 100% !important;
	float: left;
	margin-left: -180px;
	border-left: 180px solid #800000;
	z-index:1;
	position:relative;
}
/* End main body layout*/


/* Begin left nav items*/
.navitem {

	font-weight:bold;
	background-color:#FFF;
 
}

.navtitle {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
    background-color: #fff;

}

li {
  list-style-type: none;
  margin-left: -20px;
}


.navitem a
{
	font-weight:normal;
	color: #330066;
    text-decoration: none;
}

.navitem visited
{
	font-size: 11px;
	color: #330000;
    text-decoration: none;
}

.navitem a:hover
{
	color:#0099FF;
}
/* End left nav items*/


/* Begin inner page content layout*/


.pagenav{
	margin:0px 0px 5px 0px;
	padding: 2px 0px 2px 0px;

	color:#000033;
    font-size: 18px;
    font-family: "Century Gothic", Futura, Verdana, Arial, Helvetica, sans-serif;

}
.pagenav span {
	margin: 0px 5px 0px 5px;
	text-decoration:none;
}
.pagenav a{
	color:#333;
	font-weight:bold;
	text-decoration:none;

}





div#container {
	background-color: #fff;

	
}


div#content {
	background-color: #fff;
	width: 700px;
	height: 100%;
	float: left;

}


/* End inner page content layout */

.mainadtext
{

	font-size: 12px;
}

.mainadtext td
{
	width:400px;
	margin: 0px 0px 0px 5px;
}

#shop {
   font-size: 14px;
   font-weight: bold;
    font-family: "Century Gothic", Futura, Verdana, Arial, Helvetica, sans-serif;
    padding-top:60px;
    padding-right:200px;
}



#shop a {
     text-decoration:none;

}

ul {
	
	line-height: 1.5em;
}

p {
  line-height: 1.5em;
}


.footer {
  
	font-size:0.75em;
	 padding-top:25px; text-align:center; color:#333; 
	background:url(../images/home/bottom-tweaked4.png) right no-repeat;
	border-bottom: #2d7aba inset 5px;
}


