#store_main {
	display: block; position: relative; float: left;
	width: 580px;
}
#welcome {
	display: block; float: right;
	width: 50%; height: auto; margin: 1em 0 0 2em;
}

#store_side {
	display: block; position: relative; float: right;
	width: 160px;
}

.items p {
	margin: 0;
}

.category h2 {
	margin: 0;
	font-size: 1.1em; font-weight: bold;
}
.category .intro {
	display: block; position: relative;
	margin: 1em 0 2em 0;
	font-size: 0.95em;
}
.category .desc {
	display: block; position: relative;
	padding: 0 0 0.5em 0;
}
.category .desc .range {
	display: block;
	font-size: 0.95em;
}
#limits {
	display: block; position: absolute;
	right: 0; bottom: 0.5em;
	font-size: 0.9em; color: #999;
}
#limits .limit {
	display: inline-block;
	width: 2.5em; padding: 0.25em 0;
	background: #eee; border: 1px solid #ddd; border-left-width: 0;
	text-align: center;
	cursor: pointer;
}
#limits .limit:first-child {
	border-left-width: 1px; border-radius: 0.25em 0 0 0.25em;
}
#limits .limit:last-child {
	border-radius: 0 0.25em 0.25em 0;
}
#limits .limit.current {
	background: #888; border-color: #777;
	color: #fff;	
}
.category .items {
	display: block; position: relative;
	border-top: 1px solid #ccc;
}
.category .items .itemwrap:first-child::after {
	content: "";
	display: block; position: absolute;
	left: 25%; top: 0; width: 1px; height: 100%;
	background: #eee;
}
.category .items .item {
	display: block; position: relative;
	padding: 2em 0;
	border-bottom: 1px solid #ccc;
}
.category .items .item::after {
	content: "";
	display: block; clear: both;
}
.category .items .item a {
	text-decoration: none;
}
.category .items .item .imagewrap {
	display: block; position: relative; float: left;
	width: 25%;
	text-align: center;
}
.category .items .item .imagewrap .missing {
	color: #eee;
	font-size: 7em; line-height: 0;
}
.category .items .item .imagewrap .missing a {
	color: #eee; text-decoration: none;
}
.category .items .item .image {
	display: inline-block; position: relative;
	max-width: 80%;
}
.category .items .item .image .tn {
	width: auto; height: auto; max-width: 100%; max-height: 9em;
}
.category .items .item .image .new {
	display: block; position: absolute; z-index: 10;
	right: -2px; top: -2px; width: 32px; height: 32px;
}
.category .items .item .infowrap {
	display: block; float: right;
	width: 75%;
}
.category .items .item .info {
	padding: 0 2em;
	font-size: 0.95em;
}
.category .items .item .subtitle {
	margin-top: 0.25em;
}
.category .items .item .author {
	margin-top: 0.25em;
}
.category .items .item .price {
	margin-top: 1em;
}
.category .items .item .cat {
	margin-top: 1em;
	font-size: 0.95em;
}
.category .items .item .cat .name i {
	margin-right: 0.25em;
	color: #555;
}
.category .items .item .cat .count {
	margin-left: 0.5em;
	color: #777;
}

.category .items .item .details {
	margin-top: 0.5em;
}

.product .item {
	display: block; position: relative;
}
.product .item .image {
	display: block; position: relative; float: left;
	max-width: 30%; margin-right: 1em;
	cursor: pointer;
}
.product .item .image .tn {
	width: auto; height: auto; max-width: 100%; max-height: 16em;
}
.product .item .image .new {
	display: block; position: absolute; z-index: 10;
	right: -3px; top: -3px; width: 48px; height: 48px;
}
.product .item h2 {
	margin: 0;
	font-size: 1.1em; font-weight: bold;
}
.product .item h2 .new {
	color: #b00;
}
.product .items .item .subtitle {
	margin-top: 0.5em;
}
.product .items .item .author {
	margin-top: 0.5em;
}
.product .items .item .details {
	margin-top: 1em;
}
.product .item .details p {
	margin-top: 0.5em;
}
.product .item .details .peek {
	display: block; float: right;
	margin: 0 0 0 2em;
}


.item .buy {
	margin: 1em 0 0 0; padding: 1em 0 0 0;
	border-top: 1px solid #aaa;
}
.item .options {
	width: 100%;
}
.item .options .option.label {
	font-size: 0.9em; font-weight: bold;
	color: #555;
}
.item .options .option td {
	border: 1px solid #ccc;
	padding: 0.5em 1em;
}
.item .options .option td.null {
	border: none;
}
.item .options .option td.select {
	width: 45%; padding-left: 0.5em; padding-right: 2em;
}
.item .options .option td.select .new {
	color: #b00; font-weight: bold;
}
.item .options .option td.select .addl {
	display: block;
	margin: 0.25em 0 0 2em;
	font-size: 0.9em;
}
.item .options .option td.price {
	width: 20%; padding-left: 2em;
	text-align: right;
}
.item .options .option.label td.price {
	padding-left: 1em; padding-right: 1em;
	text-align: center;
}
.item .options .option td.savings {
	width: 15%;
	font-weight: bold;
}
.item .options td.member {
}
.item .options td.inactive {
	background: #ddd; border-color: #bbb;
}
.item .cart {
	display: block; float: right;
	margin-top: 1em;
	font-size: 1.2em; white-space: nowrap;
}
.item .cart::after {
	content: "";
	clear: both;
}
.item .cart .quantity {
	display: block; float: left;
	box-sizing: border-box;
	height: 2.5em; padding: 0.5em 0.75em 0.5em 1em;
	background: linear-gradient(#f5f5f5 50%, #eeeeee 51%); border: 1px solid rgba(0,0,0,0.1); border-right: none; border-radius: 0.7em 0 0 0.7em;
}
.item .cart .quantity select, .item .cart .quantity input {
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 2.5em; height: 1.6em; margin-left: 0.5em; padding: 0 0.25em;
	background: #fff; border: 1px solid #bbb; border-radius: 0.25em;
	vertical-align: middle;
}
.item .cart .quantity select::-ms-expand {
	display: none;
}
.item .cart .add {
	display: block; float: left;
	box-sizing: border-box;
	height: 2.5em; padding: 0.5em 1em 0.5em 0.75em;
	background: linear-gradient(#2a8c2a 50%, #208020 51%); border: 1px solid rgba(0,0,0,0.1); border-radius: 0 0.7em 0.7em 0;
	color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
}
.item .cart .add i {
	margin-right: 0.5em;
}

.item .members {
	display: block;
	margin-top: 1em;
	text-align: right;
}

.option_select {
	display: block; position: relative;
	padding-left: 1.8em; padding-top: 0.1em;
	cursor: pointer;
}

.option_select input {
	position: absolute; z-index: -1; opacity: 0;
}
.option_check {
	position: absolute;
	left: 0; top: 0; width: 1.4em; height: 1.4em;
	background: #ddd; border-radius: 50%; box-shadow: 0 0 1px rgba(0,0,0,0.5) inset;
}
.option_select:hover input ~ .option_check,
.option_select input:focus ~ .option_check {
	background: #bbb;
}
.option_select input:checked ~ .option_check {
	background: #1f3a7e;
}
.option_select input:disabled ~ .option_check {
	opacity: 0.5;
	background: #eee;
	pointer-events: none;
}
.option_check::after {
	content: "";
	display: none; position: absolute;
	left: 0.35em; top: 0.35em; width: 0.7em; height: 0.7em;
	background: #fff; border-radius: 50%;
}
.option_select input:checked ~ .option_check::after {
	display: block;
}
.option_select input:disabled ~ .option_check::after {
	background: #777;
}

.item .description {
	display: block; position: relative;
	margin: 1.5em 0 0 0; padding: 1.5em 0 0 0;
	border-top: 1px solid #aaa;
}
.item .description p {
	margin-bottom: 1.2em;
}
.item .description .library {
	margin-bottom: 1em; padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}
.item .description .library.solo {
	margin-bottom: 1.2em; padding-bottom: 0;
	border-bottom: none;
}
#zoom {
	display: none; position: fixed; z-index: 100;
	left: 0; top: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.7);
}
#zoom .canvas {
	display: block; position: relative;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	cursor: pointer;
}
#zoom .canvas .src img {
	width: 100%; height: 100%;
}
#zoom .close {
	display: block; position: absolute;
	right: -1em; top: -1em; padding: 7px;
	background: #000; border-radius: 20px;
	font-size: 1.2em; font-weight: bold; color: #fff;
}

.item .join {
	display: block; position: relative;
	margin: 1em 0 0 0; padding: 1em 0 0 0;
	border-top: 1px solid #ddd;
	font-size: 0.9em;
}

.more {
	display: block; position: relative;
	margin: 3em 0 0 0; padding-top: 1.5em;
	border-top: 2px solid #1f3666; border-bottom: 1px solid #ccc;
}
.more h1 {
	font-size: 1.1em;
	margin-bottom: 1em;
}
.more .mitems {
	display: block; position: relative;
}
.more .mitems::after {
	content: "";
	display: block; clear: both;
}
.more .mitems .mitemwrap {
	display: block;
	box-sizing: border-box;
}
.more.grid .mitems .mitemwrap {
	float: left;
	width: 33.33%;
}
.more.grid .mitems .mitemwrap:nth-child(3n+1)::before {
	content: "";
	position: absolute;
	left: 0; width: 100%; height: 1px;
	background: #ccc;
}
.more.grid .mitems .mitemwrap:nth-child(2)::after, .more.grid .mitems .mitemwrap:nth-child(3)::after {
	content: "";
	position: absolute;
	top: 0; height: 100%; width: 1px;
	background: #ccc;
}
.more.grid .mitems .mitemwrap:nth-child(3n+1) {
	clear: left;
}
.more.list .mitems .mitemwrap {
	border-top: 1px solid #ccc;
}
.more.list .mitems .mitemwrap:first-child::after {
	content: "";
	display: block; position: absolute;
	left: 10%; top: 0; width: 1px; height: 100%;
	background: #eee;
}
.more.grid .mitems .mitem {
	padding: 1.5em;
}
.more.list .mitems .mitem {
	padding: 1em 1em 1em 0;
}
.more .mitems .mitem:after {
	content: "";
	display: block; clear: both;
}
.more .mitems .mitem a {
	text-decoration: none;
}
.more .mitems .image {
	display: block; position: relative;
	text-align: center;
}
.more.list .mitems .image {
	float: left;
 	width: 10%;
}
.more .mitems .image .tn {
	display: inline-block;
	width: auto; height: auto; max-width: 100%; max-height: 9em;
}
.more.list .mitems .image .tn {
	max-width: 90%; max-height: 3em;
}
.more .mitems .image .missing {
	color: #eee;
	font-size: 9em; line-height: 0;
}
.more.list .mitems .image .missing {
	font-size: 3em;
}
.more .mitems .image .missing a {
	color: #eee; text-decoration: none;
}
.more .mitems .title {
	display: block; position: relative;
}
.more.grid .mitems .title {
	margin-top: 0.25em;
}
.more.list .mitems .title {
	float: right;
	box-sizing: border-box;
	width: 90%; padding-left: 1em;
}

#searchbar {
	display: block; position: relative;
	margin: 1em 0;
}
#searchbar input {
	width: 96%; margin: 0; padding: 0;
	border: none;
	font-size: 1.1em;
}
#searchbar .bar {
	display: block; position: relative;
	padding: 5px;
	border: 1px solid #bbb;
}
#searchbar .bar i {
	display: block; position: absolute;
	right: 5px; top: 6px;
	cursor: pointer;
}

#store_side a {
	color: #000; text-decoration: none;
}
#store_side a:hover {
	text-decoration: underline;
}
#store_side .block {
	display: block; position: relative;
	margin-top: 10px;
	background: #eee; box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
}
#store_side .block:first-child {
	margin-top: 0;
}
#store_side .block h3 {
	margin: 0; padding: 0.3em;
	background: #2c416f;
	font-size: 0.9em; font-weight: bold; text-align: center; color: #fff;
}
#store_side .block h3 a {
	color: #fff; text-decoration: none;
}
#store_side .block h3 a:hover {
	text-decoration: underline;
}

#store_side .search .wrap {
	padding: 0.5em;
}
#store_side .search .bar {
	display: block; position: relative;
	box-sizing: border-box;
	background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
#store_side .search input {
	box-sizing: border-box;
	width: 100%; margin: 0; padding: 0.25em 2em 0.25em 0.25em;
	background: #fff; border: none;
}
#store_side .search .bar i {
	display: block; position: absolute;
	right: 0.25em; top: 0.25em;
	cursor: pointer;
}

#store_side .cart .view {
	padding: 1em;
	font-size: 1.1em; text-align: center;
}
#store_side .cart .view i {
	vertical-align: middle;
}
#store_side .cart .view .count {
	margin-right: 0.5em;
}

#store_side .staff h3 {
	background: #702d2d;
}
#store_side .staff .actions {
	padding: 0.5em;
}
#store_side .staff .action {
	margin-top: 0.5em;
}
#store_side .staff .action:first-child {
	margin-top: 0;
}
#store_side .staff .icon {
	margin-right: 0.25em;
}

#store_side .featured h3 {
	background: #268080;
}
#store_side .featured .items {
	font-size: 0.95em;
}
#store_side .featured .item {
	display: block;
	padding: 0.5em;
	border-top: 1px solid rgba(0,0,0,0.1);
}
#store_side .featured .item:first-child {
	border-top: none;
}
#store_side .featured .item::after {
	content: "";
	display: block; clear: both;
}
#store_side .featured .item .image {
	display: block; float: left;
	width: 30%;
	text-align: center;
}
#store_side .featured .item .image .tn {
	display: block;
	width: auto; height: auto; max-width: 100%; max-height: 5em; margin: 0 auto;
}
#store_side .featured .item .title {
	display: block; float: left;
	box-sizing: border-box;
	width: 70%; padding-left: 0.5em;
}


#cart p {
	margin: 0.25em 0 0 0;
	font-size: 0.95em;
}
#cart h2 {
	margin: 0;
	font-size: 1em; font-weight: bold;
}
#cart .items {
	width: 100%;
}
#cart .items th {
	padding: 0 0.5em 0.5em 0.5em;
	border-bottom: 2px solid #1f3666;
	font-size: 0.95em; font-weight: bold; text-align: center; vertical-align: bottom;
}
#cart .items td {
	padding: 1.5em 1em;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}
#cart .items .header .infospan {
	text-align: left;
}
#cart .items .image {
	width: 15%;
	padding-left: 0; padding-right: 0;
	border-right: 1px solid #eee;
	text-align: center;
}
#cart .items .image img {
	display: block;
	width: auto; height: auto; max-width: 80%; max-height: 7em;
	margin: 0 auto;
}
#cart .items .image .missing {
	color: #eee;
	font-size: 4em; line-height: 0;
}
#cart .items .image .missing a {
	color: #eee; text-decoration: none;
}
#cart .items .info {
	width: 55%;
	text-align: left;
}
#cart .items .info .remove {
	display: block;
	margin-top: 1em; padding: 0;
	background: #fff; border: none;
	font-size: 0.9em; color: #555;
	cursor: pointer;
}
#cart .items .info .remove i {
	margin-right: 0.15em;
	font-size: 1.1em; color: #777; vertical-align: baseline;
}
#cart .items td.price {
	width: 15%;
	text-align: right;
}
#cart .items .price.inactive {
	background: #ddd; border-color: #bbb;
	color: #777;
}
#cart .items td.quantity {
	width: 15%; padding-left: 0; padding-right: 0;
	text-align: center;
}
#cart .items .quantity .value {
	width: 60%; padding: 0.25em;
	border: 1px solid #bbb; border-radius: 0.25em;
	text-align: right;
}
#cart .items .total .label {
	font-weight: bold; text-align: right;
}
#cart .items .savings td {
	font-size: 1.1em; text-align: right;
}
#cart .actions {
	padding: 1em 0 0 0;
	border-top: 2px solid #1f3666;
	text-align: right;
}
#cart .actions .f_checkout{
	margin-left: 10px;
}