/* Layout */
#bodyID {
	margin: 0px 0px 0px 0px; 
	padding: 5px 5px 5px 5px; 
	background-color: #5469a5; 
	font-family: Arial, 'Times New Roman', Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	height: 100%;
	color: #666666;
    }

#WelcomeTable {
	vertical-align: middle;
	font-size: 10px; 
	line-height: 12px; 
	color: #001758; 
	font-family: Arial,'Times New Roman', Verdana, Helvetica, sans-serif; 
	text-align: center; 
	}

.VAMFieldWithError
{
  background-color: lightpink;
}

.FormGroupBoxes {
  	font-family: Tahoma, "MS Sans Serif", Helvetica, Arial;
	color: #001758;
	padding: 10px 10px 10px 10px; 
	font-size: 10pt;
	font-weight: bold;
}

.WelcomText {
  	font-family: Tahoma, "MS Sans Serif", Helvetica, Arial;
	color: #001758;
	font-size: 12pt;
}

.FormLabels {
  	font-family: Tahoma, "MS Sans Serif", Helvetica, Arial;
	color: #001758;
	font-size: 10pt;
	font-weight: bold;
}

.FormTextNormal {
  	font-family:  Tahoma, "MS Sans Serif", Helvetica, Arial;
	color: #001758;
	font-size: 10pt;
}

#SignUpTable {
	vertical-align: top; 
	font-size: 12px; 
	line-height: 16px; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	text-align: left; 
	padding: 5px 5px 5px 5px;
	background-color: #C1C297;
	}
	
#SignUpColumn {
	vertical-align: top; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	padding: 10px 10px 10px 10px;
	background-color: #001758;
	}		

#indexTable {
	vertical-align: top; 
	font-size: 12px; 
	line-height: 16px; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	text-align: left; 
	padding: 10px 10px 10px 10px;
	background-color: #C1C297;
	}		
	
#indexTable h1 {
	line-height: 28px; 
	text-align: center; 
	margin: 0px 0px 5px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 28px;
	}	

#indexArea {
	vertical-align: top; 
	font-size: 12px; 
	line-height: 16px; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	text-align: left; 
	height: 100%;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	}		
	
#containerMain {
	width: 100%; 
	height: 100%;
	margin: 0px auto;
    }	
	
#containerContent{
	width: 100%;
	background-color: #ffffff;
    }	
	
#header {
	text-align: right; 
	width: 100%; 
	background: #001758 url('./images/hdr_img_log.jpg') no-repeat; 
	background-position: top left; 
	padding: 10px 10px 10px 10px; 
	margin: 0px 0px 5px 0px;
	height: 109px;
	color: #cccccc;
	font-family: Arial, 'Times New Roman', Verdana, Helvetica, sans-serif; 
	font-size: 12px;
    }	
	
#headerNFL {
	font-weight: normal; 
	color: #cccccc; 
	font-size: 48px; 
	font-family: 'Times New Roman', Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 30px 0px 0px
    }	

#headerNFL .NFL {
	font-size: 35px;
    }			
	
#header a {
	margin: 0px 5px 0px 5px; 
	color: #cccccc;
	}	
	
#header a:hover {
	text-decoration: none;	
	}	
	
#leftColumn {
	vertical-align: top; 
	text-align: center; 
	width: 295px;
	}	
	
#leftColumn .smName {
	font-weight: bold;
	}	
		
#leftColumn .imgArea {
	padding: 15px 14px 15px 14px; 
	border: 1px solid #333333; 
	background-color: #cccccc;
	}

#loadarea {
	border: 1px solid #000000; 
	width: 263px;
	height: 381px; 
}	
	
#leftColumn p {
	width: 265px; 
	margin: 10px 0px 0px 0px; 
	font-family: arial; 
	font-size: 14px; 
	color: #000000;
	}
	
#leftColumn .thumbs {
	border:  1px solid #000000; 
	padding: 4px 4px 4px 4px;
	margin:  4px 0px 4px 0px;
	height: 108px;
	width: 295px;
	}	
	
#leftColumn .thumbsImages{
	vertical-align: top;
	border: 1px solid #000000; 
	padding: 4px 4px 4px 4px;
	margin : 4px 4px 4px 4px;
	}	
	
#rightColumn {
	vertical-align: top; 
	font-size: 16px; 
	line-height: 20px; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	text-align: left; 
	padding: 15px 15px 15px 15px;
	background-color: #ffffff;
	}		
	
#rightColumn h1 {
	line-height: 28px; 
	text-align: center; 
	color: #001758;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 28px;
	}	

#rightColumn h2 {
	line-height: 20px; 
	text-align: center; 
	color: #001758;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 20px;
	}	

#rightColumn h3 {
	line-height: 18px; 
	text-align: center; 
	color: #001758;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 18px;
	}	
#indexLinks td a {
	margin: 0px 5px 0px 5px; 
	color: #001758;
	}	
	
#indexLinks td a:hover {
	text-decoration: none;	
	}	


.gridLink a {
	margin: 0px 5px 0px 5px; 
	color: #001758;
	}	
	
.gridLink a:hover {
	text-decoration: none;	
	}
	
.gridLinkHighlight a {
	margin: 0px 5px 0px 5px; 
	color: #ffffff;
	}	

.gridLinkHighlight a:hover {
	text-decoration: none;	
	}

#NFLBar {
	margin:  10px 0px 10px 0px; 
	height: 16px; 
	width: 100%; 
	background-color: #001758;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-family: Arial, 'Times New Roman', Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
}	

	
#audioBar {
	margin: 15px 0px 0px 0px; 
	height: 28px; 
	width: 100%; 
	background-color: #001758;
	}	
	
#audioBar .icon {
	width: 47%; 
	text-align: right;
	}	
#audioBar .icon img {
	margin: 3px 0px 0px 0px	
	}		
#audioBar .links {
	width: 53%; 
	text-align: left;	
	}	
	
#footer {
	font-family: Arial, 'Times New Roman', Verdana, Helvetica, sans-serif; 
	line-height:10px; 
	text-align: right; 
	padding: 10px 10px 10px 10px; 
	margin: 5px 0px 0px 0px; 
	height: 10px; 
	background-color: #001758;
	color: #cccccc;	
	font-size: 12px; 	
	}		
	
#footer a {
	margin: 0px 5px 0px 5px; 
	color: #cccccc;
	}	
	
#footer a:hover {
	text-decoration: none;	
	}
	
a { 
	color: #cccccc;
	}	
	
a:hover {
	text-decoration: none;	
	}			


TD.MainBoxTopLeft
{
	background: #ffffff url('./images/shad_topleft.jpg') no-repeat; 
	width: 11px; 
	height: 11px;
}

TD.MainBoxTop
{
	background: #ffffff url('./images/shad_top.jpg') repeat-x;
	width:2px;
	height:11px;
}

TD.MainBoxTopRight
{
	background: #ffffff url('./images/shad_topright.jpg') no-repeat; 
	width:11px;
	height:11px;
}

TD.MainBoxLeft
{
	background: #ffffff url('./images/shad_left.jpg') repeat-y; 
	width:11px;
}

TD.MainBoxRight
{
	background: #ffffff url('./images/shad_right.jpg') repeat-y; 
	width:11px;
}

TD.MainBoxBotLeft
{
	background: #ffffff url('./images/shad_bottleft.jpg') no-repeat; 
	width:11px;
	height:11px;	
}

TD.MainBoxBottom
{
	background: #ffffff url('./images/shad_bott.jpg') repeat-x; 
	width:2px;
	height:11px;
}

TD.MainBoxBotRight
{
	background: #ffffff url('./images/shad_bottright.jpg') no-repeat; 
	width:11px;
	height:11px;	
}



/**************************************
  SearchBar for Search/Feature Section
**************************************/
.LetterButton
{
	color: #001758;
	background-image: url('images/Letter_button_selected.gif');
	background-position: center;
	background-repeat: no-repeat;
	text-align:  center;
	font-weight: bold;
	cursor: hand; font-style:normal; font-variant:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}

.LetterButtonHover
{
	color: #001758;
	background-image: url('images/Letter_button_hover.gif');
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	cursor: hand; font-style:normal; font-variant:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}

.LetterButtonDisabled
{
	color: #001758;
	background-image: url('images/Letter_button_disabled.gif');
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	cursor: hand; font-style:normal; font-variant:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}




/**************************************
  SearchBar for Search/Feature Section
**************************************/
/* Top Left */
.SearchBarTopLeft
{
	background: #FFFFFF url('./images/boxes/SearchBar_topleft.jpg') no-repeat left; 
	width:13px;
	height:8px
}
/* Top */
.SearchBarTop
{
	background: #FFFFFF url('./images/boxes/SearchBar_top.jpg') repeat-x center;
	height:8px;
	color:#ffffff;
   	font-weight:bold;
	text-align: left;
	vertical-align: middle; font-style:normal; font-variant:normal; font-size:13px; font-family:verdana, arial, helvetica
}
/* Top Right */
.SearchBarTopRight
{
	background: #FFFFFF url('./images/boxes/SearchBar_topright.jpg') no-repeat right; 
	width:12px;
	height:8px
}

/* Middle Left */
.SearchBarLeft
{
	background: #FFFFFF url('./images/boxes/SearchBar_left.jpg') repeat-y left; 
	width:13px;
	height:16px	
}
/* Middle  */
.SearchBarMiddle
{	color: #ffffff;
	background-color: #001758; 
	height:16px
}
/* Middle Right */
.SearchBarRight
{
	background: #FFFFFF url('./images/boxes/SearchBar_right.jpg') repeat-y right; 
	width:12px;
	height:16px	
}

/* Bottom Left */
.SearchBarBotLeft
{
	background: #FFFFFF url('./images/boxes/SearchBar_botleft.jpg') no-repeat left; 
	width:13px;
	height:9px	
}
/* Bottom  */
.SearchBarBottom
{
	background: #FFFFFF url('./images/boxes/SearchBar_bottom.jpg') repeat-x center; 
	height:9px	
}
/* Bottom Right */
.SearchBarBotRight
{
	background: #FFFFFF url('./images/boxes/SearchBar_botright.jpg') no-repeat right; 
	width:12px;
	height:9px	
}

/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

#navigation
{
	margin:  10px 0px 10px 0px; 
	height: 28px; 
	width: 100%; 
	background-color: #001758;
	padding: 5px 10px 5px 10px;
	
}

#navigation td a {
	margin: 0px 5px 0px 5px; 
	}	
	
#navigation td a:hover {
	text-decoration: none;	
	}	

#navigation .leftnav 
{
	float:left;
	width:33%;
	text-align:left;
    
}

#navigation .rightnav 
{
	float:right;
	width:33%;
	text-align:right;
}

#navigation .numnav
{
	width:34%;
	text-align:center;
}


