@charset "UTF-8";
/* CSS Document */

/*==========CONTAINERS==========*/

#billboard{
	margin:0 10px;
}


#nav-3{
	margin:25px 10px 0;
	height:250px;
}


#nav-3 #store{
	float:left;
	width:320px;
	height:250px;
	border-right:1px dotted #333333;
}


#nav-3 #videos{
	float:left;
	width:320px;
	height:250px;
	padding:0;
	border-right:1px dotted #333333;
}

#nav-3 #shopupdate{
	float:left;
	width:318px;
	height:250px;
}

/*==========CLASSES==========*/
/*----------NAV-3----------*/

#nav-3 .title{
	padding:0 40px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14pt;
	color:#F8F8F8;
}


#nav-3 .subtitle{
	padding:0 40px;
	margin-bottom:30px;
	font-size:9pt;
	text-transform:uppercase;
}

#nav-3 .slideshow{
	margin-top:40px;
}


#nav-3 .body{
	padding:0 40px;
	color:#999999;
}


#nav-3 .body a{
	text-transform:uppercase;
	color:#CC0000;
}


#nav-3 .body p{
	margin-top:10px;
}

#nav-3 #shopupdate .body{
	font-size:9pt;
}

#shopupdate .title a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14pt;
	color:#F8F8F8;
}


/*==========CAROUSEL SETTINGS==========*/

.infiniteCarousel{
  width: 960px;
  height:180px;
  position:relative;
  overflow:hidden;
  margin:5px 0 0 10px;
}


.infiniteCarousel .wrapper{
  width:895px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right + 5 so images don't have 1 or 2 pixels in the visible field, making them lost in the transition ) */
  overflow:hidden;
  min-height:180px;
  margin:0 30px;
  position:absolute;
  left:2px;
}


.infiniteCarousel ul a img{
  border:3px solid #333333;
}


.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;
  padding: 0 2px;
  height: 200px;
  width: 220px;
}


.infiniteCarousel ul li a img{
  display:block;
}


.infiniteCarousel .arrow{
  display: block;
  height: 180px;
  width: 30px;
  background: url(/i/home/carousel/arrows.png) no-repeat 0 0;

  position: absolute;
  cursor: pointer;
}


.infiniteCarousel .forward{
  background-position:-30px 0;
  right:0;
}


.infiniteCarousel .back{
  background-position: 0 0;
  left: 0;
}

.slideshow{
	height:141px;
	overflow:hidden;
}