/* Cloud Zoom style sheet - Common For all project*/
*{list-style:none !important; }
.cloud-zoom-lens { border:1px solid #E7E7E7; margin:0px; background-color:#fff; display:none !important; }
.cloud-zoom-title { display:none;  position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px}
.cloud-zoom-big { border:1px solid #E7E7E7; overflow:hidden; margin-left:5px; background:#fefefe; display:none !important;}
.cloud-zoom-loading { color:#fefefe; background:#222; padding:3px; border:1px solid #000}

#wrap { z-index:10!important; }
.wrapper { width:100%; overflow:hidden }
.extra-wrap { overflow:hidden}

/* Common style sheet end */

/* Zoom Icon */
.zoom-top { width:37px; height:33px; background:url(../images/zoom.png) no-repeat 0 0; position:absolute; bottom:0; right:0; overflow:hidden; z-index:1111; display:none;}
.zoom-top img  { opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.zoom-top:hover { -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -webkit-transform:scale(1.05); }

/* Set Zoom image style and margin */
.product-info{width:225px !important; float:left !important; height:225px; }
.product-info .image { position:relative; float: left; width:245px; height:216px; border:3px solid #e8e8e8; margin-bottom:7px; text-align: center; }
.product-info .image .mousetrap { height:245px !important; width:245px !important; overflow:hidden;}
#cloud-zoom-big { margin-top:0;} /* this is for main zooming image top margin */
#zoom1 img { background:#FFF; height:245px; width:245px; border:none;}

/* Bottom Slider  Common */

.image-caroucel .jcarousel-clip { width:347px !important; padding: 0px; margin:10px 0px 10px 20px; overflow:hidden;} /* set for each gallery */
.image-additional {overflow: hidden; width:390px; float:right; background:#e8e8e8; list-style:none !important;}
.image-additional.image-caroucel li  { margin:0 3px; list-style:none !important; background:none !important; padding:0px 1px 0px 0px;}
.image-additional li { float:left; margin:0 3px 0 3px;  width:80px !important; height:82px; list-style:none !important; background: none !important; padding:0px 1px 0px 0px !important;}
.image-additional li img { background:#fff; border:1px solid #c1c1c1; width:80px; height:80px; list-style:none !important; margin:0px 0px 0px 0px;}
.image-additional a { display: block; float:left}
.image-additional li.last { margin-right:0}


/* Slider Arrow Only */

.image-caroucel .jcarousel-prev { position:absolute; width:20px; height:82px; left:0; top:10px;  background:url(../../images/image-caroucel-prev.png) no-repeat 0 0; margin-right:11px !important;}
.image-caroucel .jcarousel-next { position:absolute; width:20px; height:82px; right:0; top:10px; background:url(../../images/image-caroucel-next.png) no-repeat 0 0; }
.image-caroucel .jcarousel-prev.jcarousel-prev-disabled,
.image-caroucel .jcarousel-next.jcarousel-next-disabled { background-color:#3A3637 !important; cursor:default !important }
.image-caroucel .jcarousel-next:hover,
.image-caroucel .jcarousel-prev:hover { background-color:#3A3637; cursor:pointer; background-color:#3A3637}

/* New Added */