/*------------------------------------------------------------------------
# Plg_vmwwmzoompro : WWM Product Zoom Pro for Virtuemart
# ------------------------------------------------------------------------
# author    walkswithme.net
# copyright Copyright (C) 2013 walkswithme.net. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.walkswithme.net/
# Technical Support:  Forum - http://www.walkswithme.net/joomla-virtuemart-product-image-zoom
-------------------------------------------------------------------------*/
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
   float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width:22px;
	height:24px;
    text-align: center;
    text-decoration: none;
	background-image:url(../images/slider-arrow.png);

}
.jcarousel-control-prev {
    left: 0px;
	background-position:0 0;
}
.jcarousel-control-next {
    right: 0px;
	background-position:-33px 0;
}
#WWM_thumbs_images .jcarousel-control-next:hover,#WWM_thumbs_images .jcarousel-control-next:active,#WWM_thumbs_images .jcarousel-control-next:focus{
	background-image:url(../images/slider-arrow.png);
	right: 0px;
	background-position:-33px 0;
}
#WWM_thumbs_images .jcarousel-control-prev:hover,#WWM_thumbs_images .jcarousel-control-prev:active,#WWM_thumbs_images .jcarousel-control-prev:focus{
	background-image:url(../images/slider-arrow.png);
}