/** 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

 */



.jcarousel-container {

    -moz-border-radius: 5px;

}



/* This sets the dimesnions for either a horizontal(default) or vertical carousel

*  You need to set the container size and then the clip (moving element) size

*/



.jcarousel-skin-tangop .jcarousel-container-horizontal {

    width: 890px;
padding: 10px;


}



.jcarousel-skin-tangop .jcarousel-container-vertical {

    width: 200px;

    height: 890px;

    padding: 40px 0px 20px 0px;

}



.jcarousel-skin-tangop .jcarousel-clip-horizontal {

    width:  890px;

    height: 282px;

}



.jcarousel-skin-tangop .jcarousel-clip-vertical {

    width: 190px;

    height: 900px;

}



/* This sets the dimesnions for the individual elements in the  horizontal(default) or vertical carousel */



.jcarousel-skin-tangop .jcarousel-item {

    width: 280px;

    height: 282px;

}



.jcarousel-skin-tangop .jcarousel-item-horizontal {

    margin-right: 10px;

}



.jcarousel-skin-tangop .jcarousel-item-vertical {

    margin-bottom: 10px;

}



.jcarousel-skin-tangop .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}



/**

 *  Horizontal Buttons

 */





/**

 *   Buttons

 */

.jcarousel-skin-tangop .jcarousel-next-horizontal {

    position: absolute;

    top: 113px;

    right: 0;

    width: 37px;

    height: 57px;

    cursor: pointer;

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

}

/*

.jcarousel-skin-tangop .jcarousel-next-horizontal:hover {

    background-position: -32px 0;

}



.jcarousel-skin-tangop .jcarousel-next-horizontal:active {

    background-position: -64px 0;

}



.jcarousel-skin-tangop .jcarousel-next-disabled-horizontal,

.jcarousel-skin-tangop .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-tangop .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}
*/


.jcarousel-skin-tangop .jcarousel-prev-horizontal {

    position: absolute;

    top: 113px;

    left: 10px;

    width: 37px;

    height: 57px;

    cursor: pointer;

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

}



/* .jcarousel-skin-tangop .jcarousel-prev-horizontal:hover {

    background-position: -32px 0;

}

*/

/* .jcarousel-skin-tangop .jcarousel-prev-horizontal:active {

    background-position: -64px 0;

}



.jcarousel-skin-tangop .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-tangop .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-tangop .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}

*/

/**

 *  Vertical Buttons

 */

.jcarousel-skin-tangop .jcarousel-next-vertical {

    position: absolute;

    top: 5px;

    right: 23px;

    width: 32px;

    height: 32px;

    cursor: pointer;

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

}



.jcarousel-skin-tangop .jcarousel-next-vertical:hover {

    background-position: 0 -32px;

}



.jcarousel-skin-tangop .jcarousel-next-vertical:active {

    background-position: 0 -64px;

}



.jcarousel-skin-tangop .jcarousel-next-disabled-vertical,

.jcarousel-skin-tangop .jcarousel-next-disabled-vertical:hover,

.jcarousel-skin-tangop .jcarousel-next-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}



.jcarousel-skin-tangop .jcarousel-prev-vertical {

    position: absolute;

    top: 5px;

    left: 23px;

    width: 32px;

    height: 32px;

    cursor: pointer;

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

}



.jcarousel-skin-tangop .jcarousel-prev-vertical:hover {

    background-position: 0 -32px;

}



.jcarousel-skin-tangop .jcarousel-prev-vertical:active {

    background-position: 0 -64px;

}



.jcarousel-skin-tangop .jcarousel-prev-disabled-vertical,

.jcarousel-skin-tangop .jcarousel-prev-disabled-vertical:hover,

.jcarousel-skin-tangop .jcarousel-prev-disabled-vertical:active {

    cursor: default;

    background-position: 0 -96px;

}





/**

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

 * carousel placable within your theme

 */



#hpcarousel {

background: transparent;

display:inline;

float:left;

margin-left:3px;

}





#hpcarousel li {

	float:left;

	padding:0 5px;

	}



#hpcarousel li img {

	border:3px solid #FFF;

	display:block;

	margin-bottom:2px

	}



#hpcarousel a, .hpcarousel a:visited {

	float:left;



	}



#hpcarousel a:hover, .hpcarousel a:active {



	}