/***************************************************

	BROOKLYNITE HOCKEY - HOMEPAGE 	
	author: Mike Van Tassell	
	company: Brooklynite Hockey Corp. (www.brooklynitehockey.com)	
	
****************************************************/


.bannerRotator {
	position:relative;	
	height:418px;
	width:996px;
}

.bannerRotator .banner1 {
	background: url(../images/home/banner_marksman_sticks.jpg) no-repeat 0 0;
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:418px;
	width:996px;
	z-index: 10;
}
.bannerRotator .banner2 {
	background: url(../images/home/banner_flow_gloves.jpg) no-repeat 0 0;
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:418px;
	width:996px;
	z-index: 10;
}
.bannerRotator .banner3 {
	background: url(../images/home/banner_flow_stick.jpg) no-repeat 0 0;
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:418px;
	width:996px;
	z-index: 10;
}
.bannerRotator .banner4 {
	background: url(../images/home/banner_marksman_gloves.jpg) no-repeat 0 0;
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:418px;
	width:996px;
	z-index: 10;
}
.bannerRotator .product_info {
	float: left;
	width: 400px;
	margin-top: 50px;
}
.bannerRotator .product_info p {
	font-size: 16px;
	line-height: 20px;
}
.bannerRotator .product_info ul {
	margin-left: 20px;
}
.bannerRotator .product_info li {
	font-size: 16px;
	padding: 4px 0 4px 25px;
	background:url(../images/bullets/blt_star.gif) no-repeat 0 5px;
}
.bannerRotator .links {
	font-size: 16px;
	margin: 10px 0 0 0;
	display: block;
}


.bannerRotator h3 {
	font-size: 24px;
	color: #2b2b2b;
	font-weight:normal;
	padding-bottom:3px;
	border-bottom: 3px #2b2b2b solid;
	margin-bottom: 18px;
	text-shadow: 0px 1px 1px #FFF;
}

.tabsWrapper {
	width:934px;
	margin: auto;
	height: 11px;
	margin-top: 4px;
}
.pagination {
	width:80px;
	height: 11px;
	float: right;
}

.pagination a {
	width:11px;
	height:11px;
	float: left;
	margin-left:9px;
	background: url(../images/home/pagination.gif);
	display:block;
	font-size:1px;		
}

.pagination a:hover {
	background-position:0 -11px;      
}

.pagination a.current {
	background-position:0 -22px;     
} 	

/*----------------Twitter CONTAINER-------------------------------------------- */

#TwitterContainer {
	width:996px;
	height: 48px;
	background: url(../images/home/bg_twitter.gif) no-repeat 0 0;
	margin-top: -1px;
}
#TwitterContainer .follow {
	float: left;
	width: 170px;
	margin: 10px 0 0 105px;
	padding: 5px 0 5px 0;
	border-right: #cccccc 1px solid;
}
#TwitterContainer .follow a {
	font-size: 13px;
	font-weight: bold;
	color: #555;
}
#TwitterContainer .follow a:hover {
	color: #222;
}
.twitters ul {
	float: right;
	width: 680px;
	list-style: none;
	padding: 3px 15px 5px 0;
	margin-top:5px;
}
.twitters span.twitterPrefix {
  font-weight: bold;
}

.twitters em.twitterTime {
  font-style: italic;
  font-size:11px;
}
.twitters em.twitterTime a:hover {
	color: #222;
}
.twitters span.twitterStatus {
	color: #555; 
}
.twitters .loading {
	padding-top: 6px;
	color: #333;
	font-weight: bold;
	float: right;
	width: 670px;
}
.twitters .loading img {
	margin-bottom: -3px;
}
.twitters p {
	margin-top:0;
	float: right;
	width: 670px;
	margin-bottom: 0;
}

/*----------------CAROUSEL CONTAINER-------------------------------------------- */

#carouselWrapper {
	background: url(../images/home/bg_carousel.jpg) top center repeat-x;
	width: 100%;
	margin-top: 16px;
}
.boxgrid { 
	width: 304px; 
	height: 203px; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p { 
	margin: 0 0 10px 20px;
	color:#ccc;
	font-size: 16px;
}
.boxgrid h3 { 
	margin: 15px 0 10px 20px;
	color:#FFF;
	font-size: 16px;
	font-weight:bold; 
}
.boxgrid a {
	display: block;
}	

.boxgrid a:hover {
	text-decoration: underline;
	color: #A9994C;
}	

.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 203px;
		left: 0;
	}
	.caption .boxcaption {
		top: 100px;
		left: 0;
	}

.infiniteCarousel {
  width: 996px;
  height: 234px;
  position: relative;
  margin: auto;
}
.infiniteCarousel .wrapper {
  width: 935px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 203px;
  margin: 0 0 0 32px;
  position: absolute;
  top: 15px;
}
.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 203px;
  width: 314px;
}
.infiniteCarousel .arrow {
  display: block;
  height: 24px;
  width: 21px;
  background: url(../images/home/carousel_arrow.gif) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 105px;
  cursor: pointer;
}
.infiniteCarousel .next {
  background-position: 0 -48px;
  right: 0;
}
.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}
.infiniteCarousel .next:hover {
  background-position: 0 0;
}
.infiniteCarousel .back:hover {
  background-position: 0 -24px;
}
#flashcontent {
	position: absolute;
	right: 0;
	bottom:25px;
}