/* media-gallery.css */

#gallery {width: 750px; height: 522px; background: transparent url(/images/media-gallery/gallery-bg.png) no-repeat top left; position: relative;}
.black {background-color: #000 !important; height: auto !important; padding: 0 0 25px 0;}
	#gallery h2 {font: bold 28px Helvetica, Arial, sans-serif; color: #fff; padding: 23px 0 0 25px;}
	#thumbs {}
		#thumbs #thumb-list {list-style-type: none;}
			#thumb-list li {float: left; width: 59px; height: 40px; text-align: center; border: solid 1px #000;}
			#thumb-list li.here, #thumb-list li.here:hover {border: solid 1px #fff !important;}
			#thumb-list li:hover {border: solid 1px #666 !important;}
				#thumb-list li img {height: 40px;}
	#frame {width: 700px; height: 347px; margin: 0 auto; border: solid 1px #8d8d8d; position: relative; overflow: hidden; clear: both; z-index: 10;}
	#videoFrame {width: 720px; height: 520px; position: absolute; z-index: 5; top: 0; left: 0;}
		#frame img {position: absolute; top: 0; left: 0; z-index: 1;}
		#frame .call {width: 700px; height: 150px; padding: 25px 0 0 35px; background: transparent url(/images/media-gallery/call-bg.png) no-repeat top left; z-index: 10;}
			.call h3 {font: bold 24px Helvetica, Arial, sans-serif; color: #fff; position: relative;}
			.call p {font: 12px Helvetica, Arial, sans-serif; color: #fff; width: 305px; line-height: 17px; margin: 5px 0; position: relative;}
			.call div.promo-button {position: relative;}
		#gallery-nav {list-style-type: none; width: 702px; height: 119px; clear: both; margin: 0 0 0 35px;}
			#gallery-nav li {width: 117px; height: 119px; float: left; margin: 0 10px;}
			#gallery-nav li a {width: 117px; height: 119px; display: block;}
				#nascar {background: transparent url(/images/media-gallery/nav/nascar.png) no-repeat top left;}
				#nhra {background: transparent url(/images/media-gallery/nav/nhra.png) no-repeat top left;}
				#other-league {background: transparent url(/images/media-gallery/nav/other-league.png) no-repeat top left;}
				#racing-video, #other-videos {background: transparent url(/images/media-gallery/nav/racing-video.png) no-repeat top left;} 
				#commercials {background: transparent url(/images/media-gallery/nav/commercials.png) no-repeat top left;}
				#other-media {background: transparent url(/images/media-gallery/nav/other-media.png) no-repeat top left;}				
			#gallery-nav li a span {display: none;}
			
	.black #frame .call {width: 100%; height: 24px; padding: 12px 0 0 11px; background: transparent url(/images/media-gallery/gallery-call-bg.png) repeat top left; z-index: 10;}
		.black h2 {margin: 0 0 10px 0;}
		.black #frame .call h3 {font: bold 14px Helvetica, Arial, sans-serif; color: #fff;}
		.black #races {position: absolute; top: 23px; right: 28px;}
		.black #thumbs {width: 700px; margin: 0 auto;}
			.black #thumbs #thumbs-left {display: block; margin: 12px 0 0 0; width: 20px; height: 20px; cursor: pointer; background: transparent url(/images/common/buttons/arrow-left-grey.png) no-repeat 0 0; float: left;}
			.black #thumbs #thumbs-right {display: block; margin: 12px 0 0 0; width: 20px; height: 20px; cursor: pointer; background: transparent url(/images/common/buttons/arrow-right-grey.png) no-repeat 0 0; float: left;}
			.black #thumbs #thumb-list {height: 56px; float: left; margin: 0 5px;}
				.black #thumbs #thumb-list li {margin: 0 2px;}
			.black #caption {color: #fff; margin: 20px 0 20px 25px; width: 300px; font-size: 14px;}
			.black #desc {color: #fff; margin: 20px 0 20px 25px; width: 300px; font-style: italic; text-align: left;}
			.black #count {float: right; color: #fff; margin: 20px 25px 20px 0;}
			.black #add-this {margin: 0 0 0 25px;}
			
	.races-thumbs {clear: both; width: 630px; height: 690px; margin: 0 auto;}
		.races-thumbs div {float: left; width: 160px; height: 150px; margin: 20px; padding: 4px; border: solid 1px #666; background-color: #333; text-align: center;}
		.races-thumbs div a img {margin: 0 0 5px 0;}
		.races-thumbs div a {color: #fff; display: block;}