/** CSS Styleshhet for VIVA CAROUSEL - by Tim Waddell - A Worpress Carousel Plugin. 

 *  http://www.VivaThumbs.com

 * Based on JCarousel from http://sorgalla.com/jcarousel/

 * This  plugin code is Copyright Tim Waddell ŠApril-2008 and is licensed for single site, multi site and 

 * developer use as stated in our License FAQ at http://www.mediatricks.biz

 */

 

 

/**

 * This element sets the border container around the sliding items

 * any padding adds to the width to give 'actual' width of the carousel

 */



.vc-homepage .jcarousel-container {

    -moz-border-radius: 10px;

    background: #F6F6F2;

    border: 1px solid #333333;

	width:475px;

    padding: 15px 40px;

}



	

 /**

 * The next 4 lines determine the height of the Carousel Item Display

 * 

 */

	

.vc-homepage .jcarousel-clip-horizontal {

    width:  475px;

    /* height: 130px; */

}



.vc-homepage .jcarousel-item {

    width: 165px;

    /*height: 153px; */

	font-variant:small-caps

}



.vc-homepage .jcarousel-item-horizontal {

    margin-right: 10px;

}



.vc-homepage .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}









/**

 *   Buttons

 */

.vc-homepage .jcarousel-next-horizontal {

    position: absolute;

    top: 63px;

    right: 5px;

    width: 33px;

    /* height: 58px; */

    cursor: pointer;

    background: transparent url(next-horizontal.png) no-repeat 0 0;

}



.vc-homepage .jcarousel-next-horizontal:hover {

    background-position: -32px 0;

}



.vc-homepage .jcarousel-next-horizontal:active {

    background-position: -64px 0;

}



.vc-homepage .jcarousel-next-disabled-horizontal,

.vc-homepage .jcarousel-next-disabled-horizontal:hover,

.vc-homepage .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}



.vc-homepage .jcarousel-prev-horizontal {

    position: absolute;

    top: 63px;

    left: 5px;

    width: 33px;

    height: 58px;

    cursor: pointer;

    background: transparent url(prev-horizontal.png) no-repeat 0 0;

}



.vc-homepage .jcarousel-prev-horizontal:hover {

    background-position: -32px 0;

}



.vc-homepage .jcarousel-prev-horizontal:active {

    background-position: -64px 0;

}



.vc-homepage .jcarousel-prev-disabled-horizontal,

.vc-homepage .jcarousel-prev-disabled-horizontal:hover,

.vc-homepage .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}



/**

 * The following are used in the div container that makes the

 * carousel placable within your theme

 */



.vc-homepage {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}





.vc-homepage li {

	border-right:1px solid #cdcec7;

	float:left;

	padding:0px 3px;

	}



.vc-homepage li img {

	border:3px solid #FFF;

	display:block;

	margin-bottom:2px

	}

	

.vc-homepage a, .vc-homepage a:visited {

	float:left;

	color:#585b41;

	}



.vc-homepage a:hover, .vc-homepage a:active {

	color:#828569;

	}