/* @override http://ustrialteams.com/wp-content/themes/thesis_18/custom/ttw_carousel.css */

/*
File:               ttw_carousel.css
Description:        Custom styles for elements of ttw_carousel.php
Author:             Rick Anderson
Author's Website    http://www.tailoringtheweb.com
Version 0.2
Date: October 31, 2010

*/



/***********************************************************************************************
/* Carousel */
/* ****************************************************************************************** */

.infiniteCarousel {
  width: 955px;
  height: 190px;
  margin: 0 0 0 2px;
}
.infiniteCarousel h2
{

}

.infiniteCarousel .wrapper {
  height: 190px;
  margin-left:200px;
  position:relative;
  top:-190px;
}
.ttw_carousel_row
{
   background-color: #f3f4f2;
   height:190px;
}
.ttw_carousel_row.alt
{
   background-color: #E6E6E6;
}
.ttw_carousel_row_heading
{
   width:175px;
   height:170px;
   display:block;
   padding:10px;
   background-color:#ebf0f1;
}
.ttw_carousel_row_heading.alt
{
   background-color: #D8DFE3;
}

.infiniteCarousel .carousel {
  overflow:hidden;
}
.infiniteCarousel .carousel-fake {
  overflow:hidden;
}
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 5px 24px 10px;
  height: 175px;
  width: 140px;
}
.infiniteCarousel ul li:hover, .infiniteCarousel ul li:hover h3.entry-title a {
  background-color:#5f6759;
	color: white;
}

.carousel .next {
  height: 36px;
  width: 20px;
  background: url(http://www.categories.byobwebsite.com/wp-content/themes/thesis_17/custom/images/redarrow.png) no-repeat;
  background-position: -10px 0px;
  position: absolute;
  top: 75px;
  right: -5px;
  cursor: pointer;
  z-index:2;
}

.carousel .prev {
  display: block;
  height: 36px;
  width: 20px;
  background: url(http://www.categories.byobwebsite.com/wp-content/themes/thesis_17/custom/images/redarrow.png) no-repeat;
  background-position: -10px -72px;
  position: absolute;
  top: 75px;
  left: 0px;
  cursor: pointer;
  z-index:2;
}

.custom.services #content div.infiniteCarousel div.ttw_carousel_row ul li a {
	display: inline-block;
	margin-bottom: 5px;
}