@charset "UTF-8";
/* CSS Document */
#photocontainer{
	opacity:0;
		position:relative;
		-webkit-transition:0.4s ease;
		-moz-transition:0.4s ease;
		}
	#allphotos{
		position:relative;
		display:block;
		white-space:nowrap;
		height:100%;
		width:300000px;
		overflow:visible;
		
		}
	.photoitem{
		float:left;
		height:100%;
		width:auto;
		border-top:8px solid white;
		border-bottom:8px solid white;
		border-left:7px solid white;
		-webkit-transition:0.4s ease;
		-moz-transition:0.4s ease;
	}
	
.greyscale{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	}
#next, #prev{
	opacity:0;
	height:100%;
	width:50px;
	background:#fff;
	z-index:10;
	position:absolute;
	color:#FFF;
	box-shadow: 0px 0px 3px #ddd;
	padding-top:auto;	
	padding-bottom:auto;
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	top:-8px;
	padding:20px;
	cursor:pointer;
	}
#next:hover, #prev:hover{
	opacity:1;
	}
#next{
	right:0px;
	
	}
#next img, #prev img{
	top:50%;
	margin-top:-20px;
	position:relative;
	}
#thumbcontainer{
	left:1px;
	opacity:0;
	position:static;
	z-index:30;
	height:20px;
	width:100%;
	background:#fff;
	border-top:1px solid #ddd;
	display:inline-block;
	}
.thumbitems{
	display:inline-block;
	height:20px;
	position:relative;
	text-align:center;
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	cursor:pointer;
	line-height:20px;
	color:#ddd;
	font-size:8px;
	}
.thumbactive{
	background:#000;
	}
.thumbitems:hover{
	background:#ddd;
	color:#fff;
	font-weight:bold;
	}
.thumbimg{
	z-index:100;
	width:100px;
	height:100px;
	overflow:hidden;
	position:absolute;
	top:-101px;
	opacity:0;
	background:#FFF;
	-webkit-transition-delay:1s;
	-webkit-transition:0.2s ease;
	-moz-transition:0.2s ease;
	display:none;

	}
.thumbimgborder{
	top:5px;
	left:5px;
	position:relative;
	width:90px;
	height:90px;
	background-size:cover;
	-moz-background-size:contain;
	-webkit-background-size:cover;
	background-position:center center;
	}
.thumbitems:hover .thumbimg{
	height:100px;
	width:100px;
	opacity:1;
	display:block;
	}
.thumbimg img{
	min-width:130px;
	height:auto;
	}
#infocontainer{
	position:absolute;
	background:#FFF;
	opacity:0;
	padding:10px;
	z-index:30;
	box-shadow: 0px 0px 3px #ddd;
	width:225px;
	}
.modelname{
	padding-top:10px;
	text-align:center;
	font-family:'JennaSue';
	font-size:40px;
	color:#808080;
	-webkit-font-smoothing:antialiased;
	}
.infocolumn{
	text-align:center;
	position:relative;
	float:left;
	width:100%;
	line-height:18px;
	text-transform:uppercase;
	padding-left:5px;
	color:#999;
	white-space:nowrap;
	}
hr{
	border:0px;
	background:#ddd;
	height:1px;
	}
.infoiconline{
	width:1px;
	background:#dedede;
	height:42px;
	float:left;
	position:relative;
	top:10px;
	}
.infoicons{
	margin-top:10px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:9px;
	text-align:center;
	text-transform:uppercase;
	width:55px;
	float:left;
	position:relative;
	opacity:0.5;
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;	
	-ms-transition:0.3s ease;	
	-o-transition:0.3s ease;
	transition:0.3s ease;
	cursor:pointer;
	}
.infoicons a{
	text-decoration:none;
	color:#bbb;
	}
.infoicons:hover{
	opacity:1;
	}
.passwordbox{
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:110px;
	background-color:#fff;
	color:#666;
	}
input.profiletextfield{
	background-color:#ebebeb;
	width:155px;
	height: 17px;
	border:none;
	}
.profilebutton{
	margin-top:15px;
	height:17px;
	width:73px;
	background-color:#ebebeb;
	cursor:pointer;
	text-align:center;
	color:#808080;
	text-transform:uppercase;
	line-height:17px;
	display:inline-block;
	margin:5px;
	}
.passwordtable{
	width:200px;
	padding:10px;
	color:#808080;
	text-transform:uppercase;
	}
#opensnapcard{
	border:0px;
	background-color:#dedede;
	color:#808080;
	width:140px;
	height:18px;
	}