/*flex none stops vertical squashing*/
.img{transform-style:flat;margin:0px;height:412px;padding:0px;text-align:center;-moz-user-select:none;}
html{overflow: hidden;}
body{text-align:center;padding:0px;border:0px;margin:0px;overflow: hidden;}
/*centering div*/
.centering{width:0%;height:0%;display:table;padding:0px;margin:23px 0px 23px 0px;border:0px;text-align:center;}
/*overflow hidden hides width of pic beyond max*/ /*display flex and justify-content:center needed to crop*/ /*Have to use outline so border is visible when pic width is trimmed*/ /*670 - 20 (shadow) - 18 (outline)*/
.cell{overflow:hidden;height:412px;max-width:802px;padding:8px;margin: 0px 8px 0px 8px;text-align:center;display:flex;justify-content:center;background:#fff;}
.cell2{overflow:hidden;height:412px;max-width:818px;padding:0px;margin: 0px;text-align:center;display:flex;justify-content:center;background:#fff;}
/*display flex needed to avoid slight border leak*/
.effect{position:relative;}
.effect:before, .effect:after{content:"";position:absolute; box-shadow:0 0 20px rgba(0,0,0,0.4);top:0;z-index:-1;bottom:0;left:10px;right:10px;border-radius:100px / 10px;}
/* height accommodates 17 shadow - more with IE, 8 padding, 130 pic, width to accommodate left margin, pic and padding top margin as per others, bottom to accommodate shadow, left and right as per others */
.jssort01 .p{margin:23px 0px 23px 23px;top:-6px;width:177px;height: 192px;}
.w{overflow:visible;position:relative;margin:0px;height:130px;width:130px;padding:8px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.w:before, .w:after{z-index:-1;content:"";position:absolute;box-shadow:0 0 20px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;border-radius:100px / 10px;}
.w:after{right:10px;left:auto;transform:skew(8deg) rotate(3deg);}
.thumbs{margin:-8px 0px 0px -8px;height:130px;width:130px;padding:8px;-moz-user-select:none;background-color:#fff}
/*had to use background color as borders etc. distort when render at some zoom levels*/
.thumbs:hover{margin:-8px 0px 0px -8px;height:130px;width:130px;padding:8px;-moz-user-select:none;background-color:#d8c795;}
/*margin specifies gaps between thumbnails*/
.jssort01 .pav .thumbs{margin:-8px 0px 0px -8px;height:130px;width:130px;padding:8px;-moz-user-select: none;background-color:#d8c795;}