

/** Edited By Martin,
This css is inserted in the  product.php using javascript 
**/

#tabs ul.section li.colour img {
    height: 85px !important;
    width: 85px !important;
}

 #gallery { position: relative; display: block; /*height: 650px; width: 620px;*/ padding: 1px;  overflow: visible;} 
/*#gallery { position: relative; display: block;  width: 80%; padding: 1px; background: white; border: #ccc solid 1px; overflow: visible;} */

// Change gelery imgcontainer size to 692 x 692

#gallery_imgcontainer { display: block !important; overflow: hidden !important; /*height: 692px !important;*/ width: 692px !important; -moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;} 
/*#gallery_imgcontainer { display: block !important;; overflow: hidden !important; width: 100% !important; -moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;}*/


 #gallery_img { /*background: white;*/ margin-top:17px;/*height: 500px;height: 620px; width: 620px; */text-align: center;cursor:url(https://img.resultclothing.net/misc/cursor_zoom.png), url(https://img.resultclothing.net/misc/zoom-in.cur), pointer, -moz-zoom-in !important;} 
/*#gallery_img { background: white;  width: 100%; text-align: center;cursor:url(_img/cursor_zoom.png), -moz-zoom-in;}*/

 #gallery_img img{
    width: 99%;
	border:1px solid #fff;
    
}


#gallery_img.loading, #gallery_imgzoom.loading { background: url(https://img.resultclothing.net/misc/spinner.gif) 50% 50% no-repeat;}

 #gallery_imgzoom { background: white; display: none; height: 620px; width: 620px; text-align: center; overflow: hidden; cursor:url(https://img.resultclothing.net/misc/pan_cursor.png), -moz-zoom-in;} 
/*#gallery_imgzoom { background: white; display: none;  width: 100%; text-align: center; overflow: hidden; cursor:url(.._img/pan_cursor.png), -moz-zoom-in;}*/


 #gallery_menu_container { display: block; width: 100%; height: 150px; overflow: hidden; margin:0 auto; }
/* #gallery_menu_container { display: block; width: 100%; overflow: hidden; margin-top: -13%; } */


#gallery_menu { position: relative; height: 100px; overflow:hidden;}



#gallery_menu .wrapper { width: 74%; overflow: auto; min-height: 85px; position: absolute; top: 0; margin-left: 13%;    border: 1px solid #fff;}



#gallery_menu .wrapper ul { width: 3000px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; background:#fff; }



#gallery_menu ul li { display:block; float:left; /*padding: 10px; height: 81px; width: 61px;*/ }



#gallery_menu ul li.small { display:block; float:left; /*padding: 10px; height: 81px; width: 60px; */}



#gallery_menu ul li a img, #gallery_menu ul li.small a img {
    display:block;
   }

#gallery_menu ul li.small a img{
    width: 85px !important;
    height: 85px !important;
}
#gallery_menu ul li a img{
    width: 85px !important;
    height: 85px !important;
}

/*#gallery_menu .arrow { display: block; height: 29px; width: 29px; background: url(https://img.resultclothing.net/misc/gallery_arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 35px; cursor: pointer; }*/


#gallery_menu .forward { background-position: 0 0; right: 20px; }



#gallery_menu .back { background-position: 0 -87px; left: 20px; }

#gallery_menu .forward:hover { background-position: 0 -29px; }



#gallery_menu .back:hover { background-position: 0 -116px; }



#gallery_menu .forward.inactive { background-position: 0 -58px; cursor: default; }



#gallery_menu .back.inactive { background-position: 0 -145px; cursor: default; }


#gallery_menu .zoom_close { width: 620px; overflow: auto; height: 30px; position: absolute; top: 100px;}



/*#gallery_menu .close { display: block; height: 29px; width: 29px; background: url(_img/gallery_arrow.png) no-repeat 0 -174px; text-indent: -999px; cursor: pointer; position: absolute; top:0; /*right: 30px; }*/



#gallery_menu .close:hover { background-position: 0 -203px; }

