.gen-spacer {
    margin-top:25px;
    margin-bottom:25px;
    display:block;
}

    img.cloudzoom-gallery {
        border:1px solid #ccc;
    }
    a.thumb-link{
        text-decoration: none;
        display:inline-block;
        margin-right:5px;
    }

    .cloudzoom-lens {
        cursor:pointer;
    }


/*======================killercarousel.css========================*/
/* 1.2 rev 1412181400 */

/*
    Main carousel wrapper.
*/
.kc-wrap {
    /* Various commands to stop items being selected when mouse-dragging/touching. */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* Disable IE10/11 default actions */
    -ms-touch-action: none;
    overflow:hidden;
    position:relative;
    background-image:url('background.png');
    background-position: center;
    width:100%;
    /* This makes wrapper scale vertically in proportion to width */
    padding-bottom:35%;
}
.kc-horizon {
    visibility:hidden;
}
/* 
    This wraps carousel items.
*/
.kc-item {
    position:absolute;
    /* These sizes are from the examples - change as appropriate */
    width:188px;
    height:250px;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    visibility:hidden;
}


/*
    Item Shadows are made from three sections, bottom, left and right.
    This appears to give better performance than using CSS shadows, and minimizes the
    pixel area of shadow drawn.
    The image URLs used for the shadows will actually be copied into <img> elements.
    You can of course change the images if required.
*/

.kc-shadow-bottom {
    position:absolute !important;
    top:100% !important;
    width:100% !important;
    height:10% !important;
    background-image:url(shadow-bottom.png);
    left:0px !important;
}
.kc-shadow-left,.kc-shadow-right {
    position:absolute !important;
    top:0% !important;    
    width:10% !important;
    height:100% !important;
    left:-10% !important;
    background-image:url(shadow-left.png);
}
.kc-shadow-right {
    left:100% !important;
    background-image:url(shadow-right.png);
}

@-moz-document url-prefix() {
    /* Fix for FireFox specific dark edge showing on shadows */
    .kc-shadow-bottom,.kc-shadow-left,.kc-shadow-right {
         outline: 1px solid transparent;
    }
    .kc-reflection {
         outline: 1px solid transparent;
    }
}

/*
    Reflection.
    This is applied to an inserted <canvas> element that is the reflection.
*/

.kc-reflection {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:0px;
}

/* The wrapping element of navigation buttons (if used) */
.kc-nav-wrap {
    display:inline-block;
    position:absolute;
    z-index:1000;
}
/* Navigation button */
.kc-nav-button, .kc-nav-button-active {
    width:16px;
    height:16px;
    background-color: #888;
    float:left;
    margin-right:10px;
    cursor: pointer;
    border-radius: 16px;
    border:1px solid rgba(0,0,0,0.5);
}
/* Navigation button active */
.kc-nav-button.active {
    background-color: #fff;
}

/* No margin on  last one. */
.kc-nav-button.last {
    margin-right:0;
}



/*====================== Cloud Zoom CSS==================================*/
/*
 Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #888;
    width:100px;
    height:100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 9999;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
    width:600px;
    height:200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
	z-index: 9999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
	z-index: 9999;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
   
}

/* A blank image */
.cloudzoom-blank {
    background-image:url(blank.png);
}

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image:url(ajax-loader.gif);
    width:32px;
    height:32px;
}



/*============Jet Zoom CSS=================*/
/*
 Jet Zoom CSS. (c)2012-2013 Star Plugins.
 This CSS can be altered to change the look and size of the lens.
*/
.jetzoom-lens {
    border:none;
    width:80%;
    height:80%;
    border-radius: 20px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:none;
}

/* A blank image */
.jetzoom-blank {
    background-image:url(blank.png);
}

/* The animated ajax loading image */
.jetzoom-ajax-loader {
    background-image:url(ajax-loader.gif);
    width:32px;
    height:32px;
}



/*=================starzoom.css=======================*/
/* 
    (c)2012-2014 Star Plugins
    This css is used to style the dashboard buttons.
    Change the CSS and/or image to suit the style of your website.
*/

.starzoom-reset-but, .starzoom-in-but,.starzoom-out-but { 
    background-image: url("dashboard.png");
    background-color: #f90;
    height:32px;
    width:32px;
    border:1px solid #444;
    border-radius: 5px;
    float:left;
    margin-right:10px;
    
}
.starzoom-reset-but {
    background-position: -0px 0px;
}
.starzoom-in-but {
    background-position: -64px 0px;
}
.starzoom-out-but {
    background-position: -32px 0px;
}

.starzoom-blank {
    background-image: url("blank.png");
}