@charset "utf-8";
	td {color: #599963;}
	.thumb{transition: 0.3s;}
	.thumb:hover{
		filter:brightness(113%) contrast(114%) hue-rotate(1deg) drop-shadow(0px 3px 5px rgba(0, 0, 0, 1));
		box-shadow:0px 0px 2px 4px rgba(51, 160, 166, 0.73);
		transition: 0.3s;
	}
	#picHolder img {
		box-shadow:1px 1px 7px 1px black;
	 }
	#picHolder img[src$=".png"] {
		box-shadow:0px 0px 0px 0px black;
	 }
	#picHolder{
		display:flex;align-items: center;justify-content: center;
	}
	.digitalFrame{
		/*box-shadow:0px 0px 0px 5px rgba(3, 8, 5, 1),0px 0px 4px 13px rgba(51, 160, 166, 0.73),0px 0px 9px 7px rgba(1, 3, 2, 1);*/
	}
	#viewer {
		-moz-user-select: -moz-none;user-select: none;
		min-height: 95%; 
		cursor: pointer;
		animation: zoom 2s;
	}
	.notie {
		display:flex;align-items: center;justify-content: center;
	}
	#viewer img {
		transition: opacity 1s ease-in-out;
		opacity:0;
		height: 90%;
		position:absolute;top:15px;
	}
	#viewer img.opaque {
		opacity:1;
	}
	img {
		cursor:pointer;
	}
	#details {
		color:#92533b;
		font-family: 'Lucida Calligraphy','LCALLIG';
		font-size: 1.5em;
		position: absolute;top: 20px;left: 20px; z-index: 6;
        font-weight: bold;
	}
	#sn {
		color: #92533b;
		font-family: 'Lucida Calligraphy','LCALLIG';
		font-size: 1.5em;
		position: absolute;bottom: 20px;left: 20px; z-index: 6;
        cursor: pointer;
        font-weight: bold;
		transition: 0.3s;
	}
	#sn:hover {
		color: #B06447;
		font-size: 1.6em;
        cursor: pointer;
		transition: 0.3s;
	}
	#dimmer {
		opacity:0;
		position: fixed; z-index: 4; left: 0px; top: 0px; width: 100%; height: 100%; 
		background-color: rgba(0,0,0,0.9);
		visibility:hidden;
		animation: fadein 1s;
	}
	.dimmer {
		opacity:1;
		animation: fadeout 1s;
	}
	.navButton {
		transition: 0.3s;
	}
	.navButton:hover {
		filter:brightness(113%)  contrast(141%)  ;/*drop-shadow(0px -4px 0px rgba(115, 77, 63, 1));*/
		transition: 0.3s;
	}
#sortDiv{
    visibility:hidden;
}
#sortSwatch {
    color:#92533b;
    font-family: "Times New Roman";
    font-size: 1.9em;
    position: relative;top: -7px;left:0px;
    width:50px; height: 26px;
    outline: none;
}
.swatched {
     font-size: 1.3em;

}
#swatchColorsDiv {
    display: none;
    width:350px; height: 166px;
    margin: auto;
}
#colors {
     color:#92533b;
    font-family: "Times New Roman";
     font-size: 1.2em;
  text-align: center;
}
.mouseWayLeft {
     height: 100%; width: 50%; cursor:url("../../images/left (Custom).png"), pointer; position: absolute; left:0px;z-index: 1;
}
.mouseWayRight {
     height: 100%; width: 50%; cursor: url("../../images/right (Custom).png"), pointer; position: absolute; right: 0px;z-index: 1;
}   
	
@keyframes zoom {
	  from {transform: scale(.1,.1);}
	  to {transform: scale(1,1);}
	}	
	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	@keyframes fadeout {
		from { opacity: 1; }
		to   { opacity: 0; }
	}