body, html { color:#000000; }
.fullcontainer { height:100%; }
.content {
	height:100%;
	text-align:center;
	padding-top:110px;
	background-repeat:repeat;
}
#contentArea {
	padding-top:0px;
	text-align:center;
}
#topMenu {
	display:block;
	width:100%;
	height:110px;
	background-color:#ffffff;
	position:absolute;
	top:0px;
	line-height:73px;
	color:#555555;
	font-family:Roboto;
	font-size:18px;
	text-align:center;
	text-transform:uppercase;
	-webkit-box-shadow:3px 3px 6px 0px rgba(40,40,40,0.3);
	-moz-box-shadow:3px 3px 6px 0px rgba(40,40,40,0.3);
	box-shadow:3px 3px 6px 0px rgba(40,40,40,0.3);
	overflow:visible;
}
#topMenu img.logo {
	position:absolute;
	top:0px;
	left:15px;
}
#topMenu div {
	font-size:14px;
	line-height:14px;
	color:#a5a5a5;
	position:absolute;
	right:10px;
	top:14px;
	padding:8px;
}
#topMenu div a {
	color:#323c2d;
	text-decoration:none;
}
#topMenu div a:hover {
	color:#ff2222;
	text-decoration:none;
}
#topMenu span {
	line-height:23px;
	margin-top:38px;
	display:inline-block;
}
#topMenu span #subHeadline { margin-top:0; }
#topMenu #preloader {
	position:fixed;
	right:15px;
	top:90px;
	display:none;
}
#midBlock {
	display:inline-block;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-top:30px;
	padding-bottom:70px;
	width:90%;
}
#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:#323c2d;
	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 button[type='button'] {
	background-color:#FFCC00;
	border:1px solid #222222;
	border-radius:3px;
	-webkit-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	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:#222222;
	cursor:pointer;
	display:inline-block;
	font-family:RobotoBoldCondensed;
	font-size:15px;
	height:auto;
	line-height:28px;
	padding:1px 20px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	width:auto;
	margin-top:20px;
}
#midBlock button[type='button']:hover {
	color:#555555;
	border-color:#555555;
	background-color:#FFDD11;
}
#midBlock input[type='submit'] {
	background-color:#FFCC00;
	border:1px solid #222222;
	border-radius:3px;
	-webkit-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	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:#222222;
	cursor:pointer;
	display:inline-block;
	font-family:RobotoBoldCondensed;
	font-size:15px;
	height:auto;
	line-height:28px;
	padding:1px 20px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	width:auto;
}
#midBlock input[type='submit']:hover {
	color:#555555;
	border-color:#555555;
	background-color:#FFDD11;
}
#midBlock #monthNavigator { text-align:right; }
#midBlock #monthNavigator .monthLink {
	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 { color:#FF0000; }
#midBlock #monthNavigator .monthLink.active {
	font-weight:bold;
	border:1px solid #FF0000;
	cursor:default;
}
#midBlock #monthNavigator .monthLink.active:hover { color:#000000; }
#midBlock .data {
	border-collapse:collapse;
	width:100%;
	margin-top:10px;
}
#midBlock .data tr:nth-child(even) { background-color:#F7F7F7; }
#midBlock .data th, #midBlock .data td {
	padding:5px;
	border:1px solid #000000;
}
#midBlock .data td:nth-child(3), #midBlock .data td:nth-child(4), #midBlock .data td:nth-child(5) { width:9%; }
#midBlock .data td:nth-child(6) {
	width:45%;
	padding-right:60px;
}
#midBlock .data td { position:relative; }
#midBlock .data td .editBtn {
	float:right;
	background-image:url('/images/edit24btn.png');
	width:24px;
	height:24px;
	display:inline-block;
	cursor:pointer;
	position:absolute;
	right:32px;
	bottom:3px;
}
#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;
	position:absolute;
	right:5px;
	bottom:3px;
}
#midBlock .data td .deleteBtn:hover { background-position:0 -24px; }
#midBlock .data tr.spacer {
	height:20px;
	background-color:transparent;
}
#midBlock .data tr.spacer td { border:0; }
#midBlock .data tr.totals { background-color:transparent; }
#midBlock .data tr.totals td {
	border:0;
	font-size:1.1em;
	font-weight:bold;
	white-space:nowrap;
}
.photoFrame {
	border:1px solid #ededed;
	padding:7px;
	background-color:#ffffff;
}
.photoFrame img {
	padding:0;
	margin:0;
}
.items {
	padding-top:13px;
	text-align:center;
}
.items .photoFrame {
	width:128px;
	height:auto;
	text-align:left;
	display:inline-block;
	margin-left:12px;
	vertical-align:top;
	cursor:pointer;
	-webkit-box-shadow:3px 3px 3px 0px rgba(40,40,40,0.4);
	-moz-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:first-child { margin-left:0px; }
.items .photoFrame img { display:block; }
.items .photoFrame .itemFooter {
	background-color:#ffffff;
	padding-top:8px;
	height:auto;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.items .photoFrame .itemFooter .name {
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	color:#575757;
	margin-left:8px;
}
.items .photoFrame .itemFooter .brand {
	font-size:12px;
	line-height:12px;
	color:#474747;
	margin-top:2px;
	margin-left:12px;
}
.items .photoFrame .itemFooter .description {
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	color:#737373;
	margin-top:8px;
	margin-left:12px;
}
.items .photoFrame .itemFooter .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 .itemFooter .buy:hover {
	background-color:#0088c7;
	color:#ffffff;
}
.items.last { margin-bottom:30px; }
.footer {
	width:100%;
	height:29px;
	background-color:#FFFFFF;
	position:fixed;
	bottom:0px;
	-webkit-box-shadow:-3px -3px 6px 0px rgba(40,40,40,0.3);
	-moz-box-shadow:-3px -3px 6px 0px rgba(40,40,40,0.3);
	box-shadow:-3px -3px 6px 0px rgba(40,40,40,0.3);
}
.footer .copyright {
	font-size:11px;
	line-height:30px;
	font-family:Roboto;
	color:#777777;
	margin-left:12px;
	text-transform:uppercase;
}
#entryLightBox {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:none;
}
#entryLightBox .glass {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#000000;
	zoom:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
}
#entryLightBox #box {
	width:530px;
	height:342px;
	background-color:#FFFFFF;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:block;
	top:50%;
	margin-top:-171px;
	margin-left:auto;
	margin-right:auto;
	z-index:101;
	position:relative;
	-webkit-box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	padding:20px;
	text-align:center;
}
#entryLightBox #box.large {
	height:428px;
	margin-top:-214px;
}
#entryLightBox #box h1 { margin-top:0; }
#entryLightBox #box #X {
	position:absolute;
	top:13px;
	right:13px;
	cursor:pointer;
}
#entryLightBox #box .newEntry { border-collapse:collapse; }
#entryLightBox #box .newEntry td {
	padding:3px 8px;
	border:1px solid #DDDDDD;
}
#entryLightBox #box .newEntry td:first-child { font-weight:Bold; }
#entryLightBox #box .newEntry select {
	font-family:Roboto;
	font-size:15px;
}
#entryLightBox #box .newEntry input[type='text'], #entryLightBox #box .newEntry input[type='password'] {
	font-size:16px;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	background-color:#ffffff;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	border:1px solid #888888;
	font-family:Roboto;
	font-weight:normal;
	color:#000000;
	height:auto;
}
#entryLightBox #box .newEntry input[type='text'] :focus, #entryLightBox #box .newEntry input[type='password'] :focus { color:#323c2d; }
#entryLightBox #box .newEntry #partSpecs { display:none; }
#entryLightBox #box .newEntry #partSpecs td {
	padding:2px;
	border:0;
}
#entryLightBox #box .newEntry #partSpecs td:first-child { text-align:right; }
#entryLightBox #box .newEntry #partSpecs #partDesc {
	width:203px;
	text-align:left;
}
#entryLightBox #box .newEntry #transName {
	width:301px;
	text-align:left;
}
#entryLightBox #box .newEntry #transAmount {
	width:100px;
	text-align:right;
}
#entryLightBox #box .newEntry #transNotes {
	width:301px;
	text-align:left;
}
#entryLightBox #box button[type='button'] {
	background-color:#FFCC00;
	border:1px solid #222222;
	border-radius:3px;
	-webkit-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	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:#222222;
	cursor:pointer;
	display:inline-block;
	font-family:RobotoBoldCondensed;
	font-size:15px;
	height:auto;
	line-height:28px;
	padding:1px 20px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	width:auto;
	margin-top:20px;
}
#entryLightBox #box button[type='button']:hover {
	color:#555555;
	border-color:#555555;
	background-color:#FFDD11;
}
#entryLightBox #box #savePreloader {
	position:absolute;
	right:15px;
	bottom:15px;
	display:none;
}
#newAccountLightBox {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:none;
}
#newAccountLightBox .glass {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#000000;
	zoom:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
}
#newAccountLightBox #box {
	width:380px;
	height:310px;
	background-color:#FFFFFF;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:block;
	top:50%;
	margin-top:-155px;
	margin-left:auto;
	margin-right:auto;
	z-index:101;
	position:relative;
	-webkit-box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	padding:20px;
	text-align:center;
}
#newAccountLightBox #box h1 { margin-top:0; }
#newAccountLightBox #box #X {
	position:absolute;
	top:13px;
	right:13px;
	cursor:pointer;
}
#newAccountLightBox #box .newEntry { border-collapse:collapse; }
#newAccountLightBox #box .newEntry td {
	padding:3px 8px;
	border:1px solid #DDDDDD;
}
#newAccountLightBox #box .newEntry td:first-child { font-weight:Bold; }
#newAccountLightBox #box .newEntry select {
	font-family:Roboto;
	font-size:15px;
}
#newAccountLightBox #box .newEntry input[type='text'], #newAccountLightBox #box .newEntry input[type='password'] {
	font-size:16px;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	background-color:#ffffff;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	border:1px solid #888888;
	font-family:Roboto;
	font-weight:normal;
	color:#000000;
	height:auto;
}
#newAccountLightBox #box .newEntry input[type='text'] :focus, #newAccountLightBox #box .newEntry input[type='password'] :focus { color:#323c2d; }
#newAccountLightBox #box .newEntry #password {
	width:128px;
	text-align:left;
}
#newAccountLightBox #box .newEntry #firstName { text-align:left; }
#newAccountLightBox #box .newEntry #lastName { text-align:left; }
#newAccountLightBox #box .newEntry #eMail { text-align:left; }
#newAccountLightBox #box button[type='button'] {
	background-color:#FFCC00;
	border:1px solid #222222;
	border-radius:3px;
	-webkit-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	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:#222222;
	cursor:pointer;
	display:inline-block;
	font-family:RobotoBoldCondensed;
	font-size:15px;
	height:auto;
	line-height:28px;
	padding:1px 20px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	width:auto;
	margin-top:20px;
}
#newAccountLightBox #box button[type='button']:hover {
	color:#555555;
	border-color:#555555;
	background-color:#FFDD11;
}
#newAccountLightBox #box #savePreloader {
	position:absolute;
	right:15px;
	bottom:15px;
	display:none;
}
#confirmLightBox {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:none;
}
#confirmLightBox .glass {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#000000;
	zoom:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
}
#confirmLightBox #box {
	width:300px;
	height:140px;
	background-color:#FFFFFF;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:block;
	top:50%;
	margin-top:-70px;
	margin-left:auto;
	margin-right:auto;
	z-index:101;
	position:relative;
	-webkit-box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	box-shadow:8px 8px 9px 0 rgba(0,0,0,0.5);
	padding:20px;
	text-align:center;
}
#confirmLightBox #box h1 { margin-top:0; }
#confirmLightBox #box #X {
	position:absolute;
	top:13px;
	right:13px;
	cursor:pointer;
}
#confirmLightBox #box button[type='button'] {
	background-color:#FFCC00;
	border:1px solid #222222;
	border-radius:3px;
	-webkit-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:4px 4px 7px 0px rgba(0,0,0,0.2);
	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:#222222;
	cursor:pointer;
	display:inline-block;
	font-family:RobotoBoldCondensed;
	font-size:15px;
	height:auto;
	line-height:28px;
	padding:1px 20px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	width:auto;
	margin-top:0px;
}
#confirmLightBox #box button[type='button']:hover {
	color:#555555;
	border-color:#555555;
	background-color:#FFDD11;
}
#confirmLightBox #box #confirmPreloader {
	position:absolute;
	right:15px;
	bottom:15px;
	display:none;
}
