#topbar-container { font-size: 10px; padding-top: 30px !important; }

.col-4 { width: 25%; }
.col-1of7 { width: 136px; }
.col-7of7 { width: 136px; }

#catfish { font-size: 10px; left: 0; padding-top: 30px !important; position: absolute; top: 0; }

/* #panel-buttons = #whatsNewButtons */
#panel-buttons { background-color: transparent; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; }
	#panel-buttons li { display: block; float: left; }
		#panel-buttons a { background: none; color: #ccc; display: block; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; /*width: auto; padding-left: 55px; height: 19px; padding-top: 8px; */ }
		#panel-buttons a:hover { color: #fff; }
		#panel-buttons a.alt { background-position: 0 -28px; width: 279px; }
		#panel-buttons li.current a { color: #fff; }
		#panel-buttons li.active a,
		#panel-buttons li.active a:hover { color: #F95300; }

/* #panel-wrap = #whatsNewPanels */
#panel-wrap { background: #646464; display: block; height: 400px; left: 0; overflow: hidden; position: relative; top: -550px; width: 908px; z-index: 99; } 
	/* id: productPanel, videoPanel, etc */
	.panel-container { display: none; left: 0; position: absolute; top: 0; } 
	#videoPanel { }
	#top-video-holder { background: #000; display: none; height: 510px; position: absolute; top: 27px; width: 909px; z-index: 999; }
		.panel-inner { margin: 50px 0 0 25px; }
			.panel-inner a { }
			/* .panel-inner .btn-close, #btn-video-close = .panel .btn_close, #videoCloseBtn */
			.panel-inner .btn-close, #btn-video-close { background: transparent url(http://www.nike.com/global-landing/global/images/btns/btn_panelClose_black.png) no-repeat; display: block; 
														height: 32px; position: absolute; right: 0; top: 20px; width: 32px;  }
			#videoPanel .panel-inner { }
				#videoPanel .panel-inner a img { }
					.video-text { color: #888; font-size: 24px; margin: 240px 0 0; text-transform: uppercase; text-align: center; }
			.panel-inner ul { }
				/* .panel-inner li = .panel li  */

				.panel-inner li {/* display: block; float: left; height: 220px; width: 215px; */ }
				.panel-inner li { display: block; float: left; margin: 30px 15px 10px 10px; width: 191px; }
					.panel-inner li a { display: block; }
						.panel-inner li a span { }
							.panel-inner li a span img { }
					.panel-inner li p { }
					
					.panel-inner .title { color: #333; font-size: 12px; font-weight: bold !important; margin-left: 5px; padding-right: 10px; }	
						.panel-inner .title a { color: #333; font-weight: bold; text-decoration: none; }
						.panel-inner li p a { }

					/* .panel h3.sport */
					.panel-inner h3.sport { margin-top: 5px; margin-left: 5px; }
						.panel-inner li h3 a { }

/* height: 0; b/c there is a padding-top of 27px */
#catfish { bottom: 0; height: 0; }
#catfish-wrap { bottom: 0; padding: 0; position: fixed; right: 0; width: 100%; }
	#catfish-container { margin-left: 60px; }
		#catfish { height: 30px; margin: 0 auto; overflow: hidden; padding-top: 0 !important; position: relative; top: auto; width: 910px; }
			#catfish #panel-buttons { top: 0; width: 910px; }
				#catfish #panel-buttons li { }
					#catfish #panel-buttons li a { }
						#catfish #panel-buttons li a span.tab-wrap { background: url(../images/tab.png) right top no-repeat; display: block; margin: 0 1px; padding-right: 3px; }
						#catfish #panel-buttons li a span span { background: url(../images/tab.png) left top no-repeat; display: block; padding: 13px 0 10px; }
/*
					#training-facet-wrap ul li.current a span { background: url(../../images/buttons/sport_selection.gif) left top no-repeat; color: #000; display: block; margin-top: 6px; padding: 1px 10px 3px; }
*/
					#catfish #panel-buttons li.active a,
					#catfish #panel-buttons li.active a:hover { color: #242731; }
					#catfish #panel-buttons li.last a {  }

			#catfish #panel-buttons li a { height: 40px; position: relative; z-index: 2000; } /* hardcode height for sifr issues */
			#catfish #panel-buttons li .panel-container { position: relative; z-index: 1999; } 
				#catfish #panel-wrap { top: 50px; }
			#catfish #panel-buttons li.col-4 { width: 25%; }
			#catfish #panel-buttons li .panel-container .panel-inner { background: #fff url(/usnikefootball/global/images/prototypes/divider_right.jpg) top right no-repeat; margin: 0; }
				#catfish #panel-buttons li .panel-container .panel-inner a { background: transparent; border-right: 0; display: block; height: auto; margin: 6px 0 4px; position: relative; }
				#catfish #panel-buttons li .panel-container .panel-inner img { display: block; margin: 0 auto; }
				
			#catfish-hp-bar { background: url(/usnikefootball/global/images/program/catfish_program_bar.png) no-repeat; height: 30px; left: 0; position: absolute; top: 0; width: 910px; z-index: 2002; }
			#catfish-panels-wrap { height: 55px; left: 0; position: relative; top: 0; }
			#catfish-bg { background: #242731; display: none; clear: both; height: 100%; left: 0; opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); padding: 10px 0 0; position: absolute; top: -2px; width: 100%; z-index: 998; }
			
			#catfish #panel-buttons li.current a span.tab-wrap { background-position: right -60px; }
				#catfish #panel-buttons li.current a span span { background-position: left -60px; }

.inner-border { border: 3px solid #900; left: 0; position: absolute; top: 0; 
				-moz-border-radius-topleft: 5px; 
				-moz-border-radius-topright: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
}


#marker { background: #00f; height: 1px; position: absolute; left: 0; top: 510px; width: 100%; z-index: 100000; }