vertical-center {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.noselect {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
body, html {
	color:#666666;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.fullcontainer {
	height:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.content {
	height:auto;
	text-align:center;
	padding-top:83px;
	padding-bottom:35px;
}
#contentArea {
	padding:10px 10px 0px 10px;
	text-align:center;
}
#topMenu {
	display:block;
	width:100%;
	height:83px;
	background-color:#777777;
	position:absolute;
	top:0px;
	line-height:73px;
	color:#F0F0F0;
	font-family:Roboto;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	overflow:visible;
}
#topMenu img.logo {
	position:absolute;
	top:14px;
	left:16px;
}
#topMenu div.loggedIn {
	font-size:14px;
	line-height:14px;
	color:#F0F0F0;
	position:absolute;
	right:10px;
	top:14px;
	padding:8px;
}
#topMenu div.loggedIn a {
	color:#CCCCCC;
	text-decoration:none;
}
#topMenu div.loggedIn a:hover {
	color:#ff2222;
	text-decoration:none;
}
#topMenu div.headLine {
	font-size:18px;
	line-height:1em;
	margin-top:17px;
}
#topMenu div.subHeadline {
	font-size:15px;
	line-height:1em;
	margin-top:5px;
}
#topMenu #mainPreloader {
	position:fixed;
	right:15px;
	top:90px;
	display:none;
}
#midBlock {
	display:inline-block;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-bottom:0px;
	width:100%;
	position:relative;
}
#midBlock .heading {
	width:auto;
	width:100%;
	display:inline-block;
	position:relative;
	text-align:center;
}
#midBlock .heading input[type='text'], #midBlock .heading input[type='password'] {
	font-size:16px;
	font-weight:bold;
	padding:6px 14px 6px 14px;
	margin-top:15px;
	background-color:#ffffff;
	width:177px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	text-align:center;
	display:block;
	border:1px solid #888888;
	background-repeat:repeat-x;
	font-family:Roboto;
	color:#ababab;
	height:19px;
}
#midBlock .heading input[type='text'] :first-child, #midBlock .heading input[type='password'] :first-child { margin-top:44px; }
#midBlock .heading input[type='text'] :focus, #midBlock .heading input[type='password'] :focus { color:#323c2d; }
#midBlock .heading h1 {
	font-family:Roboto;
	font-weight:300;
	font-size:52px;
	color:#777777;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:1px;
}
#midBlock .heading p {
	font-family:Roboto;
	font-size:18px;
	line-height:23px;
	color:#666666;
	margin:0 0 0 5px;
	padding-left:0px;
	width:70%;
}
#midBlock .heading .productLine {
	position:absolute;
	top:-34px;
	right:-47px;
}
#midBlock .heading .login { margin-top:20px; }
#midBlock a.btn:not(.minibutton), #midBlock button[type='button']:not(.minibutton) {
	color:#FFFFFF;
	background-color:#22AA22;
	border:1px solid #222222;
	border-radius:3px;
	box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	cursor:pointer;
	display:inline-block;
	font-family:RobotoCondensed;
	font-weight:bold;
	font-size:15px;
	height:auto;
	line-height:28px;
	padding:1px 16px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	white-space:nowrap;
	width:auto;
	margin-right:2px;
}
#midBlock a.btn:not(.minibutton).sub, #midBlock button[type='button']:not(.minibutton).sub {
	color:#FFCC00;
	background-color:#222222;
}
#midBlock a.btn:not(.minibutton) img, #midBlock button[type='button']:not(.minibutton) img {
	position:relative;
	left:-5px;
	top:-2px;
	vertical-align:middle;
}
#midBlock a.btn:not(.minibutton):hover, #midBlock button[type='button']:not(.minibutton):hover {
	color:#555555;
	border-color:#555555;
	background-color:#44DD44;
}
#midBlock button[type='button'].minibtn {
	display:inline-block;
	background-color:#22AA22;
	padding:2px 6px;
	border:1px solid #000000;
	text-transform:uppercase;
	color:#FFFFFF;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	text-decoration:none;
	margin-right:2px;
	margin-top:1px;
	margin-bottom:1px;
	font-family:Roboto;
	font-size:13px;
	font-weight:normal;
	cursor:pointer;
	line-height:18px;
}
#midBlock button[type='button'].minibtn:hover {
	color:#555555;
	border-color:#555555;
	background-color:#44DD44;
}
#midBlock #loginForm .pinWrapper {
	position:relative;
	display:inline-block;
}
#midBlock #loginForm .pinWrapper .fa.fa-lock {
	position:absolute;
	left:-25px;
	bottom:5px;
}
#midBlock #loginForm .pinWrapper input#pin {
	width:80px;
	margin-right:7px;
}
#midBlock #loginForm input.login {
	vertical-align:top;
	margin-top:15px;
}
#midBlock select {
	font-family:Roboto;
	font-size:15px;
	vertical-align:middle;
}
#midBlock input[type='submit'] {
	background-color:#22AA22;
	border:1px solid #FFFFFF;
	border-radius:3px;
	box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#FFFFFF;
	cursor:pointer;
	display:inline-block;
	font-family:RobotoCondensed;
	font-weight:bold;
	font-size:15px;
	height:auto;
	line-height:28px;
	padding:1px 20px;
	text-align:center;
	text-transform:uppercase;
	-webkit-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	white-space:nowrap;
	width:auto;
}
#midBlock input[type='submit']:hover {
	color:#555555;
	border-color:#555555;
	background-color:#44DD44;
}
#midBlock #monthNavigator, #midBlock #pageNavigator { text-align:right; }
#midBlock #monthNavigator .monthLink, #midBlock #monthNavigator .pageLink, #midBlock #pageNavigator .monthLink, #midBlock #pageNavigator .pageLink {
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	border:1px solid transparent;
	background-color:#F4F4F4;
	margin-left:2px;
	margin-right:2px;
}
#midBlock #monthNavigator .monthLink:hover, #midBlock #monthNavigator .pageLink:hover, #midBlock #pageNavigator .monthLink:hover, #midBlock #pageNavigator .pageLink:hover { color:#FF0000; }
#midBlock #monthNavigator .monthLink.active, #midBlock #monthNavigator .pageLink.active, #midBlock #pageNavigator .monthLink.active, #midBlock #pageNavigator .pageLink.active {
	font-weight:bold;
	border:1px solid #FF0000;
	cursor:default;
}
#midBlock #monthNavigator .monthLink.active:hover, #midBlock #monthNavigator .pageLink.active:hover, #midBlock #pageNavigator .monthLink.active:hover, #midBlock #pageNavigator .pageLink.active:hover { color:#000000; }
#midBlock .data {
	border-collapse:collapse;
	width:100%;
	margin-top:10px;
	font-size:14px;
}
#midBlock .data tr:nth-child(even) { background-color:#F7F7F7; }
#midBlock .data th, #midBlock .data td {
	padding:3px;
	border:1px solid #000000;
}
#midBlock .data td .editBtn {
	float:right;
	background-image:url('/images/edit24btn.png');
	width:24px;
	height:24px;
	display:inline-block;
	cursor:pointer;
}
#midBlock .data td .editBtn:hover { background-position:0 -24px; }
#midBlock .data td .deleteBtn {
	float:right;
	background-image:url('/images/delete24btn.png');
	width:24px;
	height:24px;
	display:inline-block;
	cursor:pointer;
}
#midBlock .data td .deleteBtn:hover { background-position:0 -24px; }
#midBlock .data tr.spacer {
	height:10px;
	background-color:transparent;
}
#midBlock .data tr.spacer td { border:0; }
#midBlock .data tr.totals { background-color:transparent; }
#midBlock .data tr.totals.odd { background-color:#F7F7F7; }
#midBlock .data tr.totals td {
	border:0;
	font-size:1.1em;
	font-weight:bold;
	white-space:nowrap;
}
#midBlock .disclaimerTitle {
	font-size:13px;
	text-align:center;
}
#midBlock .disclaimer {
	width:100%;
	font-size:11px;
	line-height:12px;
	text-align:justify;
}
.photoFrame {
	border:1px solid #ededed;
	padding:7px;
	background-color:#ffffff;
}
.photoFrame img {
	padding:0;
	margin:0;
}
.items { text-align:center; }
.items .photoFrame {
	width:128px;
	height:auto;
	text-align:left;
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	vertical-align:top;
	cursor:pointer;
	-webkit-box-shadow:3px 3px 3px 0px rgba(40,40,40,0.4);
	box-shadow:3px 3px 3px 0px rgba(40,40,40,0.4);
}
.items .photoFrame img { display:block; }
.items .photoFrame .footer {
	background-color:#ffffff;
	padding-top:8px;
	height:auto;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.items .photoFrame .footer .name {
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	color:#575757;
	margin-left:8px;
}
.items .photoFrame .footer .brand {
	font-size:12px;
	line-height:12px;
	color:#474747;
	margin-top:2px;
	margin-left:12px;
}
.items .photoFrame .footer .description {
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	color:#737373;
	margin-top:8px;
	margin-left:12px;
}
.items .photoFrame .footer .buy {
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	color:#0088c7;
	margin-top:6px;
	position:absolute;
	top:87px;
	margin-left:9px;
	border:1px solid #0088c7;
	padding:2px 5px;
	border-radius:7px;
	width:56px;
	cursor:pointer;
}
.items .photoFrame .footer .buy:hover {
	background-color:#0088c7;
	color:#ffffff;
}
.items.last { margin-bottom:30px; }
#footerDiv {
	width:100%;
	height:29px;
	background-color:#777777;
	position:relative;
	bottom:0px;
}
#footerDiv .copyright {
	font-size:11px;
	line-height:30px;
	font-family:Roboto;
	color:#FFFFFF;
	margin-left:12px;
	text-transform:uppercase;
	text-align:left;
}
#footerDiv .sitelock {
	position:absolute;
	right:3px;
	bottom:3px;
	width:98px;
	height:56px;
	background-color:transparent;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#footerDiv .sitelock span {
	color:#FFFFFF;
	font-size:8.3px;
	font-weight:bold;
	position:absolute;
	right:4px;
	bottom:1px;
	font-family:Arial;
}
@media only screen and (max-width: 680px) {
	#topMenu div.headLine { margin-top:36px; }
}
@media only screen and (max-width: 530px) {
	#topMenu img.logo {
		width:50px;
		top:10px;
		left:9px;
	}
}
@media only screen and (max-width: 500px) {
	#topMenu div.loggedIn { top:6px; }
}
@media only screen and (max-width: 495px) {
	#topMenu img.logo { width:45px; }
}
@media only screen and (max-width: 490px) {
	#topMenu div.subHeadline { font-size:13px; }
}
@media only screen and (max-width: 390px) {
	#topMenu div.subHeadline { font-size:12px; }
}