/** 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-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
padding:15px 40px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
height:180px;
padding:20px 40px;
width:880px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
height:770px;
padding:40px 15px 20px;
width:240px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
height:180px;
width:880px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
height:770px;
width:240px;
}
.jcarousel-skin-tango .jcarousel-item {
height:153px;
width:165px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right:10px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom:10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(next-horizontal.png) no-repeat scroll 0 0;
cursor:pointer;
height:58px;
position:absolute;
right:5px;
top:63px;
width:33px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position:-32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position:-64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
background-position:-96px 0;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(prev-horizontal.png) no-repeat scroll 0 0;
cursor:pointer;
height:58px;
left:5px;
position:absolute;
top:63px;
width:33px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position:-32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position:-64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
background-position:-96px 0;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(prev-vertical.png) no-repeat scroll 0 0;
cursor:pointer;
height:32px;
position:absolute;
right:43px;
top:5px;
width:32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
background-position:0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position:0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
background-position:0 -96px;
cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(next-vertical.png) no-repeat scroll 0 0;
cursor:pointer;
height:32px;
left:43px;
position:absolute;
top:5px;
width:32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
background-position:0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position:0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
background-position:0 -96px;
cursor:default;
}
.hpcarousel {
margin:0;
padding:0;
}
.hpcarousel li {
float:left;
padding:0;
}
.hpcarousel li img {
border:3px solid #FFFFFF;
display:block;
margin-bottom:2px;
}
.hpcarousel a, .hpcarousel a:visited {
color:#585B41;
float:left;
line-height: 14px;
}
.hpcarousel a:hover, .hpcarousel a:active {
color:#828569;
}