/*
 *
 * Sinang Web CSS
 * GOLD: #C2B49B; ORANGE: #D9631E;
 */

/* FONTS */

@font-face {
	font-family: 'ProximaNovaReg';
	src: url('../fonts/proxima_nova/proximanova-regular-webfont.eot');
	src: local('ò∫'),
			url('../fonts/proxima_nova/proximanova-regular-webfont.woff') format('woff'),
			url('../fonts/proxima_nova/proximanova-regular-webfont.ttf') format('truetype'),
			url('../fonts/proxima_nove/proximanova-regular-webfont.svg#webfont') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaSB';
	src: url('../fonts/proxima_nova/proximanova-semibold-webfont.eot');
	src: local('ò∫'),
			url('../fonts/proxima_nova/proximanova-semibold-webfont.woff') format('woff'),
			url('../fonts/proxima_nova/proximanova-semibold-webfont.ttf') format('truetype'),
			url('../fonts/proxima_nove/proximanova-semibold-webfont.svg#webfont') format('svg');
	font-weight: 600;
	font-style: normal;
}

.regular { font-family: 'ProximaNovaReg', 'Microsoft Yahei', '微软雅黑', 'STXihei', '华文细黑', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.sbold {
	font-family: 'ProximaNovaSB', "Microsoft Yahei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* SEE bootstrap.css FOR SINANG ELEMENT RESETS */

html, body {
	margin: 0;
	height: 100%;
	font-family: 'ProximaNovaReg', 'Microsoft Yahei', '微软雅黑', 'STXihei', '华文细黑', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
button {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
}
samp { font-family: simsun, 'ProximaNovaReg', sans-serif; }

/* COMMON */

a[href*="tongji.baidu.com"] { display: none !important; }

.container { width: 1170px; }
#wrap {
	width: 100%;
	min-height: 100%;
	background: #FFF;
}
#content { padding-bottom: 268px; }
#content.full { padding-bottom: 34px; }

#main {
	position: relative;
	padding-top: 80px;
	font-size: 14px;
}
#main.collapsed { padding-top: 47px; }
#main.none { padding-top: 0; }
#main.full-fluid {
	padding-top: 0;
	min-width: 1170px;
}
.header ~ #main.full-fluid { padding-top: 42px; }

.blurry { color: #AAA; }
.blurry-password { display: none; }

.clear { clear: both; }
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

.hide { display: none; }
.invisible { visibility: hidden; }

.pull-left { float: left; }
.pull-right { float: right; }
.nover { overflow: hidden; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

.line16 { line-height: 16px !important; }
.line20 { line-height: 20px !important; }

.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f28 { font-size: 28px; }

.black { color: #333 !important; }
.white {
	color: #FFF !important;
	-webkit-font-smoothing: antialiased;
}
.bg-white { background-color: #FFF !important; }
.red { color: red !important; }
.bg-red { background-color: red !important;}
.green { color: #7CD6A4 !important; }
.green.uline { border-bottom: 1px solid #7CD6A4; }
.bg-green { background-color: #7CD6A4 !important; }
.dark { color: #3D454E !important; }
.orange { color: #E55C1F !important; }
.blue { color: #4F9FCF !important;}
.gold { color: #9F8F53 !important; }

.gray4 { color: #4A4A4A !important; }
.gray6 { color: #6A6A6A !important; }
.gray8 { color: #8A8A8A !important; }
.graya { color: #AAAAAA !important; }
.graye { color: #EAEAEA !important; }

.italic { font-style: italic; }
.underline { text-decoration: underline; }

.no-ease {
	-webkit-transition: all 0.0s ease !important;
	   -moz-transition: all 0.0s ease !important;
	    -ms-transition: all 0.0s ease !important;
	     -o-transition: all 0.0s ease !important;
	        transition: all 0.0s ease !important;
}

.mask {
	position: absolute;
	background-color: #333;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.vlink {
	color: #6A6A6A;
	text-decoration: none;
 	cursor: pointer;
}
.vlink.uline { border-bottom: 1px solid #8A8A8A; }
.vlink:hover { color: #7CD6A4 !important; }
.vlink.uline:hover { border-bottom: 1px solid #7CD6A4; }
.vlink.green:focus,
a.green:focus {
	outline: thin dotted #333;
	outline: 3px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a.green:hover,
a.green:active { color: #89DAAD !important; }

.vbutton {
	position: relative;
	display: inline-block;
	margin: 0;
	border: 1px solid transparent;
	border-radius: 2px;
	padding: 6px 10px;
	line-height: normal;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	/*overflow: hidden;*/
	cursor: pointer;
}
.vbutton:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	text-decoration: none;
}
.vbutton .glyphicon { margin-right: 5px; }

.vbutton.small {
	padding: 4px 6px;
	font-size: 12px;
}
.vbutton.small .glyphicon { margin-right: 4px; }
.vbutton.large {
	padding: 8px 14px;
	font-size: 16px;
}
.vbutton.large .glyphicon { margin-right: 5px; }
.vbutton.xlarge {
	padding: 10px 18px;
	height: 21px;
	line-height: 21px;
	font-size: 18px;
}
.vbutton.xlarge .glyphicon { margin-right: 6px; }
.vbutton.xxlarge {
	padding: 11px 25px;
	font-size: 20px;
}
.vbutton.xxlarge .glyphicon { margin-right: 7px; }
.vbutton.block {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.vbutton.action {
	border: 1px solid #6FD29B;
	background-color: #7CD6A4;
	color: #FFF;
}
.vbutton.action:hover { background-color: #96DEB6; }
.vbutton.negative {
	border: 1px solid #2A323C;
	background-color: #3D454E;
	color: #FFF;
}
.vbutton.negative:hover { background-color: #505860; }
.vbutton.negray {
	border: 1px solid #444;
	background-color: #6A6A6A;
	color: #FFF;
}
.vbutton.negray:hover { background-color: #888; }
.vbutton.comm {
	border: 1px solid #CCC;
	background-color: #FAFAFA;
	color: #6A6A6A;
}
.vbutton.comm:hover {
	background-color: #EAEAEA;
	color: #333;
}
.vbutton.bright {
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #333;
}
.vbutton.bright:hover {
	background-color: #F5F5F5;
	/*color: #333;*/
}
.vbutton.vorange {
	border: 1px solid #D9631E;
	background-color: #DD7335;
	color: #FFF;
}
.vbutton.vorange:hover { background-color: #E1824B; }
.vbutton.following {
	border: 1px solid #CCC;
	background-color: #DADADA;
	color: #FFF;
}
.vbutton.following:hover { background-color: #EAEAEA; }
.vbutton.alarm {
	border: 1px solid #CE0606;
	background-color: #D21D1D;
	color: #FFF;
}
.vbutton.alarm:hover { background-color: #DB4A4A; }

.vbutton.disabled {
	border-color: #CCC !important;
	background-color: #DADADA !important;
	cursor: default !important;
	color: #FFF !important;
}
.vbutton.disabled:hover,
.vbutton.disabled:active { background-color: #DADADA !important; }

.fileinput-button {
	position: relative;
	overflow: hidden;
}
.fileinput-button > input[type="file"] {
	position: absolute;
	top: -5px;
	right: -5px;
	margin: 0 !important;
	padding: 0;
	height: 350px;
	font-size: 350px;
	direction: ltr;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.fileinput-button > input[type="file"]:focus { outline: none; }

.loader {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -7px;
	width: 14px;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.loader.medium {
	margin: -9px 0 0 -9px;
	width: 18px;
}
.loader.large {
	margin: -12px 0 0 -12px;
	width: 24px;
}

.major-title {
	margin-bottom: 30px;
	font-size: 28px;
}
.major-title img {
	margin: -6px 5px 0 0;
	height: 32px;
}
.major-title > .caption { margin: 15px 0 0 0; }

.input-full { margin-left: 14px; }
.input-full > input {
	margin-left: -14px;
	width: 100%;
}

.input-append .btn {
	position: relative;
	padding: 4px 8px;
	background-color: #FAFAFA;
	font-size: 12px;
	color: #6A6A6A;
}
.input-append .btn:hover { background-color: #EAEAEA; }

.input-append.full {
	display: block;
	margin: 0 0 0 55px;
}
.input-append.full input {
	margin: 0 0 0 -55px;
	width: 100%;
}
.input-append.full.two { margin-left: 126px; }
.input-append.full.two input { margin-left: -94px; }

.leave-comment {
	border: 1px solid #EAEAEA;
	border-radius: 2px;
	padding: 8px;
	background-color: #FAFAFA;
}
.leave-comment .headshot { width: 26px; }
.leave-comment .input-append { margin: 0 0 0 86px; }
.leave-comment .input-append .btn { background-color: #FFF; }

.dropdown-hover {
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.dropdown-hover > a { position: relative; }
.dropdown-hover > a > .arrow {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	border-bottom: 4px solid #FFF;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
.dropdown-hover:hover > a > .arrow { display: block; }
.dropdown-hover > .link { margin: 0 !important; }
.dropdown-hover > .link > .caret {
	margin: 20px 0 0 4px;
	border-top-color: #FFF;
}
.dropdown-hover .hover-menu {
	visibility: hidden;
	position: absolute;
	z-index: 1002;
	width: 130px;
	right: 0;
	border: 1px solid #DDD;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.98);
	text-align: right;
	list-style-type: none;
}
.dropdown-hover:hover .hover-menu { visibility: visible; }
.dropdown-hover .hover-menu .arrow {
	position: absolute;
	top: 0px;
	right: 30px;
	margin-top: -6px;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	width: 0px;
	height: 0px;
}
.dropdown-hover .hover-menu li a {
	display: block;
	padding: 4px 8px;
	color: #333;
}
.dropdown-hover .hover-menu li a:hover {
	background-color: #F5F5F5;
	text-decoration: none;
	color: #7CD6A4;
}
.dropdown-hover .hover-menu .divider {
	border-bottom: 1px solid #DDD;
	padding: 0;
}

/* ITEM */

.item-status {
	display: inline-block;
	position: relative;
	padding: 7px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: white;
}
.item-status.left {
	border-radius: 2px 0 0 2px;
	padding-right: 4px;
}
.item-status.right {
	border-radius: 0 2px 2px 0;
	padding-left: 4px;
}

.item-status .fletching {
	position: absolute;
	bottom: 0px;
}
.item-status .fletching.left {
	left: 0px;
	border: 15px solid transparent;
	border-right: none;
	margin-left: -15px;
}
.item-status .fletching.right {
	right: 0px;
	border: 15px solid transparent;
	border-left: none;
	margin-right: -15px;
}

.item-status.sold { background-color: #D21D1D; }
.item-status.sold .fletching {
	border-top-color: #D21D1D;
	border-bottom-color: #D21D1D;
}
.item-status.pending { background-color: #FAA732; }
.item-status.pending .fletching {
	border-top-color: #FAA732;
	border-bottom-color: #FAA732;
}
.item-status.locked { background-color: #333; }
.item-status.locked .fletching {
	border-top-color: #333;
	border-bottom-color: #333;
}
.item-status.offline { background-color: #CCC; }
.item-status.offline .fletching {
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.item-container { margin-bottom: 30px; }
.item-container .stats {
	display: none;
	position: absolute;
	z-index: 800;
	top: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	border-bottom: 1px solid #EAEAEA;
	padding: 13px 5px 3px 5px;
	width: 100%;
	height: 31px;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	color: #6A6A6A;
}
.item-container > .item .stats ~ .flash-clock { top: 31px; }
.item-container > .item { position: relative; }
.item-container > .item .img-container .item-img {
	display: block;
	position: relative;
	z-index: 700;
	padding-top: 133.333333333333333%;
	height: 0px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
.item-container > .item .img-container .item-img.offline {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.item-container.wide > .item .img-container .item-img { padding-top: 84.304932735426009%; }
.item-container > .item .hover { visibility: hidden; }
.item-container > .item:hover .hover { visibility: visible; }
.item-container > .item .add-cart {
	position: absolute;
	z-index: 750;
	bottom: 10px;
}
.item-container > .item .edit-item {
	position: absolute;
	top: 14px;
	right: 84px;
}
.item-container > .item .edit-item.remove { right: 14px; }
.item-container > .item .item-status {
	position: absolute;
	z-index: 900;
	padding-left: 10px;
	padding-right: 30px;
	bottom: 0;
	left: 0;
}
.item-container > .info { padding-top: 8px; }
.item-container > .info > * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 6px;
	width: 100%;
	height: 17px;
	line-height: 17px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.item-container > .info > *:last-child { margin-bottom: 0; }
.item-container > .info .brand { text-transform: uppercase; }
.item-container > .info .description {
	display: block;
	margin-bottom: 5px;
	height: 18px;
	line-height: 18px;
}
.item-container > .info .description:hover {
	color: #7CD6A4;
	text-decoration: none;
}
.item-container > .info .prices { color: red; }
.item-container > .info .prices > .original {
	margin-left: 10px;
	font-size: 12px;
	color: #AAA;
}
.item-container > .info .prices > .discount {
	margin-left: 10px;
	font-size: 12px;
	color: #333;
}
.item-container > .info .detail {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	color: #AAA;
}
.item-container > .info .detail-sep {
	margin: 0 10px;
	border-left: 1px solid #BBB;
}
.item-container > .info .condition.new { color: #7CD6A4; }
.item-container > .info .condition.vintage { color: #333; }

.item-container .sc-bar {
	margin-top: 8px;
	border: 1px solid #EAEAEA;
	background-color: #FAFAFA;
	color: #6A6A6A;
	font-size: 12px;
}
.item-container .sc-bar > .actions { padding: 5px; }
.item-container .sc-bar > .actions .action {
	display: inline-block;
	margin-top: -5px;
	padding: 5px;
	cursor: pointer;
}
.item-container .sc-bar > .actions .action:hover { color: #333; }
.item-container .sc-bar > .actions .action .glyphicon { margin-right: 3px; }
.item-container .sc-bar > .actions .dropdown-hover .caret {
	margin: 5px 0 0 3px;
	border-top: none;
	border-bottom: 4px solid #6A6A6A;
}
.item-container .sc-bar .dropdown-hover:hover .caret { border-bottom-color: #333; }
.item-container .sc-bar > .actions .dropdown-hover .hover-menu {
	top: -175px;
	right: -6px;
	background-color: #FFF;
}
.item-container .sc-bar .leave-tag {
	border-top: 1px solid #EAEAEA;
	padding: 5px;
}
.item-container .sc-bar .leave-tag .typeahead {
	margin-top: -1px;
	padding: 0px;
	width: 190px;
}
.item-container .sc-bar .leave-tag .typeahead > .active > a {
	background-color: #EAEAEA;
	background-image: none;
	color: #333;
}
.item-container .sc-bar > .tags {
	border-top: 1px solid #EAEAEA;
	padding: 5px 5px 0 5px;
}
.item-container .sc-bar > .tags:empty {
	border-top: none;
	padding: 0px;
}
.item-container .sc-bar > .tags > .tag {
	display: inline-block;
	margin: 0 4px 5px 0;
	padding: 5px 0 5px 7px;
	border-radius: 2px;
	height: 16px;
	background-color: #AAA;
	line-height: 16px;
	font-size: 13px;
	color: #FFF;
}
.item-container .sc-bar > .tags > .tag:hover { background-color: #BBB; }
.item-container .sc-bar > .tags > .tag.flag { background-color: #D21D1D; }
.item-container .sc-bar > .tags > .tag.flag:hover { background-color: #DB4A4A; }
.item-container .sc-bar > .tags > .tag.hide { display: none; }
.item-container .sc-bar > .tags > .tag > .delete {
	margin-top: -5px;
	padding: 5px 7px 5px 0;
	line-height: 16px;
	font-size: 16px;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.item-container .sc-bar > .tags > .tag > .delete:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* HEADER */

.header-control {
	position: fixed;
	z-index: 1001;
	top: 0px;
	/*border-bottom: 1px solid #DDD;*/
	/*padding: 20px 0;*/
	width: 100%;
	height: 42px;
	background-color: #333;
	background-color: rgba(51, 51, 51, 0.98);
	color: #FFF;
	/*background-color: rgba(255, 255, 255, 0.98);
	color: #6A6A6A;*/
	text-align: right;
	font-size: 12px;
	/*-webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.4);
	   -moz-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.4);
			box-shadow: 0 1px 3px rgba(51, 51, 51, 0.4);*/
	/*-webkit-box-shadow: 0 1px 3px rgba(124, 214, 164, 0.6);
	   -moz-box-shadow: 0 1px 3px rgba(124, 214, 164, 0.6);
			box-shadow: 0 1px 3px rgba(124, 214, 164, 0.6);*/
}
.header-control .block-link {
	position: relative;
	display: inline-block;
	border-right: 1px solid #FFF;
	padding: 8px 26px;
	height: 26px;
	text-align: center;
}
.header-control .block-link.first { border-left: 1px solid #DDD; }
.header-control .block-link:hover {
	/*background-color: #FFF;
	color: #333;*/
}
.header-control .link {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	height: 42px;
	line-height: 42px;
}
.header-control .link .glyphicon { margin-right: 4px; }
.header-control .link .sicon {
	margin: 0 4px 0 0;
	font-size: 14px;
	font-weight: bold;
}
.header-control .link:hover { color: #7CD6A4; }
.header-control .link:hover,
.header-control .link:focus { text-decoration: none; }
.header-control .link .notification-bubble {
	position: absolute;
	top: 8px;
	right: -13px;
	border-radius: 12px;
	padding: 3px 3px 2px 3px;
	min-width: 9px;
	height: 9px;
	background-color: red;
	line-height: 9px;
	text-align: center;
	font-size: 9px;
	color: #FFF;
}
.header-control .dropdown-hover.account-down { margin-left: 20px; }
.header-control .dropdown-hover.account-down > .hover-menu { border-top: 0; }
.header-control .dropdown-hover.account-down > a:hover > .caret { border-top-color: #7CD6A4; }
.header-control #shopDown:hover > a {
	/*background-color: #FFF;*/
	/*color: #333;*/
}
.header-control #shopDown > .hover-menu {
	left: -322px;
	right: auto;
	border-top: 0;
	padding: 20px 40px;
	width: 1088px;
	text-align: left;
	cursor: default;
}
.header-control #shopDown > .hover-menu > .list {
	display: inline-block;
	vertical-align: top;
	padding-right: 40px;
	width: 170px;
	line-height: 20px;
	color: #333;
}
.header-control #shopDown > .hover-menu > .list > .title {
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
}
.header-control #shopDown > .hover-menu > .list > .content > a {
	display: block;
	margin-right: 5px;
}

#notificationDropdown {
	display: inline-block;
	position: relative;
}
#notificationDropdown > a:focus { color: inherit; }
#notificationDropdown > a:hover { color: #7CD6A4; }
#notificationDropdown > a > .arrow {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	border-bottom: 4px solid #FFF;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
#notificationDropdown.open > a > .arrow { display: block; }
#notificationMenu {
	right: -99px;
	left: inherit;
	margin-top: 0;
	border: 1px solid #DDD;
	border-top: 0;
	padding: 0px;
	width: 371px;
	background-color: #FFF;
	list-style-type: none;
}
#notificationMenu .arrow {
	position: absolute;
	top: 0px;
	right: 105px;
	margin-top: -6px;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
#notificationMenu li a:hover {
	background-color: #F5F5F5;
	color: inherit;
}
#notificationMenu li.unread a { background-color: #BEEBD2; }
#notificationMenu li.unread a:hover { background-color: #D8F3E4; }
#notificationMenu .notification a {
	padding: 8px;
	border-bottom: 1px solid #DDD;
	text-align: left;
}
#notificationMenu .notification img {
	height: 50px;
	width: 50px;
}
#notificationMenu .notification .main {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	height: 50px;
	line-height: normal;
	color: #333;
}
#notificationMenu .notification .main .top {
	margin-bottom: 2px;
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#notificationMenu .notification .main .name { color: #333; }
#notificationMenu .notification .main .summary {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
}
#notificationMenu .notification .main .bottom {
	position: absolute;
	bottom: 0px;
}
#notificationMenu .scroller { text-align: center; }
#notificationMenu .scroller .glyphicon {
	color: #6A6A6A;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#notificationMenu .scroller a { line-height: normal; }
#notificationMenu .scroller a:hover { background-color: #F5F5F5; }
#notificationMenu .scroller a:hover .glyphicon {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#notificationMenu .scroller.top { border-bottom: 1px solid #DDD; }

#headerSearch {
	position: relative;
	display: inline-block;
	/*border-right: 1px solid #DDD;*/
	padding: 8px 30px;
	height: 26px;
}
#headerSearch input {
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	border: none;
	border-bottom: 1px solid #DDD;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	   		border-radius: 0;
	width: 180px;
	background-color: transparent;
	font-size: 12px;
	color: #FFF;
}
/*#headerSearch input:focus { border-color: rgba(124, 214, 164, 0.8); }*/
#headerSearch input:focus ~ .btn .glyphicon { opacity: 1; }
#headerSearch .btn {
	position: absolute;
	right: 28px;
	border: none;
	padding: 5px 8px;
	background-image: none;
	background-color: transparent;
	color: #FFF;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
#headerSearch .btn .glyphicon {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#headerSearch .btn:hover .glyphicon {
	opacity: 1;
	filter: alpha(opacity=100);
}

.header-message {
	position: fixed;
	top: 46px;
	z-index: 1000;
	/*padding: 5px 0;*/
	width: 100%;
	height: 25px;
	line-height: 25px;
	/*background-color: #7CD6A4;*/
	background-color: #DCDCDC;
	background-color: rgba(219, 219, 219, 0.98);
	/*text-align: center;*/
	overflow: hidden;
	/*-webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.5);
	   -moz-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.5);
			box-shadow: 0 1px 3px rgba(51, 51, 51, 0.5);*/
}
.header-message .message-nav { margin-top: 200px; }
.header-message .link {
	display: inline-block;
	padding: 0 53px;
	border-right: 1px solid transparent;
	line-height: 15px;
	color: #3D454E;
}
.header-message .link:last-child { border-right: none; }
.header-message .link:hover {
	color: #FFF;
	text-decoration: none;
}
.header-message .link.active { color: #FFF; }
.header-message .link i { font-weight: bold; }

.header-branding {
	padding-top: 20px;
	padding-bottom: 20px;
}
.header-control .logo {
	padding: 8px 26px 8px 0;
	height: 26px;
}
.header-control .logo:hover { color: #FFF; }
.header-control .logo img {
	display: inline-block;
	vertical-align: top;
	margin-top: -1px;
	height: 28px;
}
.header-control .logo .caption {
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	height: 26px;
	text-align: left;
}
.header-branding .caption {
	margin-top: 8px;
	height: 15px;
	line-height: 15px;
	color: #555;
}

.header-navigation {
	margin-top: 30px;
	margin-bottom: 30px;
	height: 15px;
}
.header-navigation .link {
	display: inline-block;
	vertical-align: top;
	margin-right: 130px;
	line-height: 15px;
}
/*.header-navigation .link:first-child { margin-right: 0; }*/
.header-navigation .link:last-child { margin-right: 0; }
.header-navigation .link:hover {
	color: #7CD6A4;
	text-decoration: none;
}
.header-navigation .link.active { color: #7CD6A4; }
.header-navigation .link i { font-weight: bold; }

.header-spacing { padding-top: 80px; }

/* FOOTER */

.footer {
	margin-top: -268px;
	padding: 50px 0 40px 0;
	width: 100%;
	height: 178px;
	background-color: #FAFAFA;
	/*-webkit-box-shadow: inset 0 18px 38px -15px #EAEAEA;
	   -moz-box-shadow: inset 0 18px 38px -15px #EAEAEA;
			box-shadow: inset 0 18px 38px -15px #EAEAEA;*/
}
.footer.short {
	margin-top: -34px;
	padding: 10px 0 10px 0;
	height: 14px;
	line-height: 14px;
	background-color: transparent;
}

.footer-section { color: #6A6A6A; }
.footer-section > .title {
	margin-bottom: 10px;
	color: #333;
}
.footer-section > .link {
	line-height: 25px;
	font-size: 12px;
}
.footer-section > .link img {
	margin: -2px 5px 0 0;
	width: 20px;
}
#shopbopFooter img {
	margin: -3px 3px 0 0;
	width: auto;
	height: 11px;
}
#bpgFooter img {
	margin: -3px 3px 0 0;
	width: auto;
	height: 16px;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#bpgFooter:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.footer .weixin img {
	margin-bottom: 8px;
	width: 110px;
}

.footer .adminfo {
	padding-top: 30px;
	font-size: 12px;
	color: #8A8A8A;
}
.footer.short .adminfo { padding-top: 0px; }
.footer .adminfo .info { margin-left: 20px; }
.footer .adminfo .icp { margin: 0 20px; }

/* FIELDS & FORMS */

.settings-field { line-height: 28px; }
.settings-field .title { color: #6A6A6A; }
.settings-field .settings-message {
	margin-left: 10px;
	font-size: 12px;
	color: #6A6A6A;
}
.settings-field .settings-info,
.settings-field .settings-error { position: absolute; }
.settings-field .settings-info:not(.persistent):not(.initial),
.settings-field .settings-error { display: none; }
.settings-field .settings-error { color: red; }

.settings-field .settings-radio,
.settings-field .settings-text,
.settings-field .settings-checkbox {
	display: inline-block;
	padding-bottom: 7px;
}
.settings-field .settings-radio > .spacer,
.settings-field .settings-text > .spacer,
.settings-field .settings-checkbox > .spacer {
	display: inline-block;
	width: 220px;
}

.settings-field input[type="radio"] { margin: -3px 5px 0 15px; }
.settings-field input[type="radio"]:first-child { margin-left: 0px; }
.settings-field input[type="checkbox"] { margin: -3px 5px 0 0; }
.settings-field input[type="file"] {
	margin-top: 5px;
	line-height: normal;
}
.settings-field select {
	height: 26px;
	line-height: 26px;
}

.settings-field .input-append.full { margin-bottom: 9px; }
.settings-field:last-child .input-append.full { margin-bottom: 0; }
.settings-field .select-full > select { width: 100%; }
.settings-field .textarea-full { margin-left: 14px; }
.settings-field .textarea-full > textarea {
	margin-left: -14px;
	width: 100%;
}
.settings-field .option { cursor: pointer; }

.settings-field.stacked .settings-message {
	display: block;
	position: relative;
	margin: -4px 0 4px 0;
	line-height: normal;
}
.settings-field.stacked .settings-info { color: #AAA; }
.settings-field.stacked .input-full .settings-message,
.settings-field.stacked .textarea-full .settings-message { margin-left: -7px; }
.settings-field.stacked .select-full .settings-message { margin-left: 7px; }
.settings-field.separate .settings-message { margin-left: 0; }

.settings-field.contact select { width: 80px; }
.settings-field.contact input {
	margin-left: 3px;
	width: 123px;
}

.settings-field.headshot .img-preview {
	position: relative;
	margin-top: 9px;
	width: 220px;
	height: 220px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
.settings-field.headshot .img-preview img { width: 220px; }
.settings-field.headshot .img-preview .img-loader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 220px;
	background-color: #FFF;
	text-align: center;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.settings-field.headshot .img-preview .img-loader img {
	margin-top: 95px;
	width: 30px;
}
.settings-field.headshot .progress {
	margin-bottom: 0px;
	border-radius: 0px;
	border-top: none;
	height: 5px;
	width: 220px;
	background-color: #FFF;
	background-image: none;
	-webkit-box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
	   -moz-box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
			box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
}
.settings-field.headshot .progress .bar {
	height: 5px;
	background-color: #7CD6A4;
	background-image: none;
	-webkit-box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
	   -moz-box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
			box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
	-webkit-transition: width 0.5s ease;
	   -moz-transition: width 0.5s ease;
	    -ms-transition: width 0.5s ease;
	     -o-transition: width 0.5s ease;
	        transition: width 0.5s ease;
}

.settings-field.multi .settings-multi-inputs {
	display: inline-block;
	width: 220px;
}
.settings-field.multi .settings-multi-inputs input {
	display: inline-block;
	margin-right: 5px;
}
.settings-field.multi .settings-multi-inputs input:last-child { margin-right: 0px; }

.settings-submit { margin-top: 16px; }
.settings-submit .after-button {
	margin-left: 20px;
	line-height: 30px;
	font-size: 12px;
	color: #6A6A6A;
}
.settings-submit .vbutton.large ~ .after-button { line-height: 37px; }
.settings-submit .vbutton.xlarge ~ .after-button { line-height: 43px; }
.settings-submit .after-button .option { margin-right: 15px; }
.settings-submit .after-button .option input { margin: -3px 5px 0 0; }
.settings-submit .submit-error {
	display: none;
	margin-top: 15px;
	font-size: 12px;
	color: red;
}
.settings-disclaimer {
	margin-top: 20px;
	line-height: 25px;
	font-size: 12px;
	color: #8A8A8A;
}

/* MODALS */

.modal > .close { margin: 3px 15px 0 0; }
.modal-header {
	background-color: #4A4A4A;
	color: #FFF;
}
.modal-body > .intro {
	margin-bottom: 15px;
	font-size: 16px;
	color: #6A6A6A;
}
#paidModal .modal-body > .note {
	margin-top: 10px;
	line-height: 18px;
}
.modal-body > .choice { padding-top: 15px; }
.modal-body > .choice > .vbutton {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	width: 49%;
	margin-right: 1%;
	height: auto;
}
.modal-body > .choice > .vbutton:last-child { margin-right: 0; }
.modal-footer {
	padding: 5px 15px;
	background-color: #FAFAFA;
	border-top: 1px solid #EAEAEA;
	font-size: 12px;
	color: #6A6A6A;
}

.modal.small {
	margin-left: -151px;
	width: 300px;
}
.modal.large {
	margin-left: -351px;
	width: 700px;
}

.modal.branded {
	margin-left: -271px;
	padding: 20px;
}
.modal.branded > .close { margin: -5px 0 0 0; }
.modal.branded > .intro { margin: 15px 40px 0 0; }
/*.modal.branded > .logo { width: 88px; }*/
.modal.branded > .logo { width: 94px; }
.modal.branded > .caption { margin-top: 3px; }
.modal.branded > .modal-area {
	margin-top: 15px;
	border: 1px solid #CCC;
	padding: 15px 0 15px 15px;
}
.modal.branded > .modal-area > .row-fluid > div[class*="span"]:first-child { border-right: 1px solid #CCC; }
.modal.branded > .modal-area > .row-fluid > div[class*="span"]:last-child { padding-top: 30px; }
.modal.branded > .modal-area > .row-fluid > div[class*="span"]:last-child > .vbutton { margin: 20px 0 15px 0; }
.modal.branded > .modal-area > .row-fluid > div[class*="span"]:last-child > .blurb { line-height: 20px; }

/* REGISTER, LOGIN, PASSWORD RESET */

.sologo { margin: 10px 0 40px 0; }
.sologo img { height: 53px; }
.sologo .caption { margin-top: 5px; }

.reg-area {
	margin-bottom: 50px;
	border: 1px solid #EAEAEA;
}
.reg-area .major-title { margin-bottom: 20px; }
.reg-area .intro { padding-bottom: 20px; }
.reg-area .reg-left {
	min-height: 200px;
	border-right: 1px dashed #EAEAEA;
	padding: 30px 20px 30px 30px;
}
.reg-area .reg-right { padding: 60px 30px 30px 0; }
.reg-area .reg-right .reg-blurb {
	padding: 10px 0;
	line-height: 25px;
}

#resetEmail > .title { margin-bottom: 20px; }
.reset-success > .copy {
	margin-top: 10px;
	line-height: 25px;
}

/* VERIFICATION */

#verifyPhoto { margin-top: 5px; }
#verifyPhoto > .title {
	display: inline-block;
	width: 220px;
}
#verifyPhoto .vbutton { margin-top: 2px; }

.payment-info { padding: 5px 8px; }
.payment-info:hover {
	background-color: #F5F5F5;
	cursor: pointer;
}
.payment-info input { margin-top: -4px; }

#newPayment { margin: 10px 0 0 8px; }
#newPayment:first-child { margin: 0px; }

/* SETTINGS */

#changePassword {
	margin: 0 -20px 30px -30px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	background-color: #F5F5F5;
	padding: 20px 30px 11px 30px;
}

/* ABOUT & FAQ */

.copy-section {
	clear: both;
	padding-bottom: 40px;
	color: #6A6A6A;
}
.copy-section:last-child { padding-bottom: 50px; }
.copy-section > .copy > .spacer {
	display: inline-block;
	width: 60px;
}
.copy-section > .title {
	margin-bottom: 20px;
	font-size: 18px;
	color: #333;
}
.copy-section .sub-title {
	padding: 20px 0 10px 0;
	font-size: 16px;
	color: #333;
}
.copy-section > .sub-title:nth-child(2) { padding-top: 0; }
.copy-section > li.sub-title,
.copy-section > .sub-title.li { padding-left: 10px; }
.copy-section > .copy { line-height: 25px; }
.copy-section .copy-kv {
	float: left;
	margin: 0 20px 40px 0;
	height: 220px;
}
.copy-section > ul,
.copy-section > ol { margin-bottom: 10px; }
.copy-section > ul:last-child,
.copy-section > ol:last-child { margin-bottom: 0; }
.copy-section > .copy > li {
	padding-top: 10px;
	line-height: 25px;
}
.copy-section > ul:nth-child(2) > li:first-child,
.copy-section > ol:nth-child(2) > li:first-child { padding-top: 0; }
.copy-section > .copy .steps { margin-top: 20px; }
.copy-section > .copy .steps img { width: 250px; }

.logos-background {
	position: absolute;
	top: 420px;
	width: 100%;
	height: 632px;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.about-key {
	position: relative;
	width: 100%;
	height: 285px;
	margin-bottom: 50px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
.about-key > * { position: relative; }
.about-key .copy {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
	height: 61px;
}
.about-key > .key-mask {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.about-key.consign {
	height: 360px;
	text-align: center;
	color: white;
}
.about-key.consign img { margin-top: 45px; }
.about-key.consign .heading > .title {
	margin-top: 55px;
	font-size: 42px;
	letter-spacing: 4px;
}
.about-key.consign .heading > .sub-title {
	font-size: 25px;
	letter-spacing: 1px;
}
.about-key.consign .props .prop {
	display: inline-block;
	margin: 50px 15px 0 15px;
	border-radius: 40px;
	height: 70px;
	width: 70px;
	background-color: #7CD6A4;
	line-height: 70px;
	font-size: 22px;
}

#consignItems .props > .prop > .wrapper {
	position: relative;
	margin: 0 auto;
	border: 1px solid #EAEAEA;
	width: 200px;
	height: 200px;
	background-color: #FFF;
}
#consignItems .props > .prop > .wrapper img {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 170px;
	max-height: 170px;
}
#consignItems .props > .prop:first-child > .wrapper img,
#consignItems .props > .prop:last-child > .wrapper img { top: -30px; }

.faq-anchor {
	display: block;
	visibility: hidden;
	position: relative;
	top: -95px;
}

.about-toc {
	z-index: 999;
	border: 1px solid #EAEAEA;
	width: 300px;
}
.about-toc .title {
	border-bottom: 1px solid #EAEAEA;
	padding: 10px;
	background-color: #FAFAFA;
	font-size: 16px;
	color: #6A6A6A;
}
.about-toc .content {
	margin-bottom: 0px;
	color: #6A6A6A;
}
.about-toc .content a {
	display: block;
	padding: 8px 12px;
}
.about-toc .content a:hover {
	text-decoration: none;
	background-color: #F2F2F2;
	color: #333;
}
.about-toc .content li.active a {
	background-color: #7CD6A4;
	color: #FFF !important;
}
.about-toc .bottom {
	border-top: 1px solid #EAEAEA;
	padding: 8px;
	background-color: #FAFAFA;
	font-size: 12px;
}

table.copy { table-layout: fixed; }

.about-info .questions {
	padding: 15px 20px;
	border: 1px solid #DDD;
	line-height: 25px;
}
.about-info .questions > .title {
	margin-bottom: 12px;
	font-size: 18px;
	text-align: center;
}

/* SIZE */

.size-table.copy { border: 1px solid #EAEAEA; }
.size-table.copy tr > td {
	padding: 2px 5px;
	width: 50px;
	vertical-align: middle;
}
.size-table.copy tr:nth-child(2n+1) { background-color: #F5F5F5; }
.size-table.copy tr > td.wide { width: 110px; }
.size-table.copy.top tr:first-child {
	border-bottom: 1px solid #EAEAEA;
	color: #333;
}
.size-table.copy.left tr > td:first-child {
	border-right: 1px solid #EAEAEA;
	width: 49px;
	color: #333;
}

/* CONDITION */

#conditionTable.copy tr > td {
	padding: 20px 5px 0 5px;
	width: 162px;
	vertical-align: top;
}
#conditionTable.copy tr:not(:first-child) > td:first-child {
	padding: 115px 0 0 0;
	width: 100px;
	text-align: center;
	font-size: 16px;
	color: #333;
}
#conditionTable.copy tr:first-child { border-bottom: 1px solid #EAEAEA; }
#conditionTable.copy tr:first-child td {
	padding-bottom: 10px;
	vertical-align: middle;
}
#conditionTable.copy tr > td .cover {
	margin-bottom: 8px;
	width: 162px;
	height: 216px;
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
}

/*** LANDING ***/

.item-section {
	margin-bottom: 80px;
	border-top: 1px solid #AAA;
}
.item-section > .title {
	position: relative;
	margin: -15px 0 21px 0;
	text-align: center;
}
.item-section > .title > .name {
	padding: 0 35px;
	background-color: #FFF;
	font-size: 26px;
}
.item-section > .title > .more {
	position: absolute;
	top: 6px;
	right: 0px;
	padding-left: 12px;
	background-color: #FFF;
	/*font-size: 12px;*/
}
.item-section > .sub-title { line-height: 30px; }
.item-section > .items-loader {
	padding-top: 50px;
	height: 306px;
	background-color: #FAFAFA;
	text-align: center;
}

.item-section .props { padding-top: 20px; }
.item-section .props > .prop { text-align: center; }
.item-section .props > .prop > .title {
	margin: 30px 0 8px 0;
	font-size: 18px;
}
.item-section .props > .prop > .title:not(.sbold) { font-weight: bold; }
.item-section .props > .prop > .sub-title {
	font-size: 16px;
	color: #6A6A6A;
}
.item-section .props > .prop > .copy { line-height: 25px; }
.item-section > .cta { margin-top: 50px; }

.item-section #picks { margin-top: 20px; }

.item-section .split-banner { margin-top: 50px; }
.item-section .split-banner > .image {
	display: inline-block;
	width: 65%;
	height: 300px;
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
}
.item-section .split-banner > .copy {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	height: 300px;
	background-color: #7CD6A4;
}
.item-section .split-banner > .copy > .title {
	margin-top: 60px;
	padding: 10px 50px;
	background-color: #3D454E;
	font-size: 30px;
	color: #FFF;
	font-style: italic;
}
.item-section .split-banner > .copy > .copy {
	padding: 30px 50px;
	line-height: 30px;
	font-size: 18px;
}

.item-section .features > .feature { margin: 20px 0; }
.item-section .features > .feature > img { background-color: #F5F5F5; }
.item-section .features > .feature > .copy > .title {
	margin: 20px 0 10px 0;
	font-size: 18px;
	color: #7CD6A4;
}

.item-section .marketings > .marketing {
	display: inline-block;
	vertical-align: top;
	margin: 20px 40px 40px 40px;
	text-align: center;
}
.item-section .marketings > .marketing > img {
	border: 1px solid #3D454E;
	border-radius: 200px;
}
.item-section .marketings > .marketing > .title {
	margin-top: 20px;
	font-size: 18px;
}
.item-section .marketings ~ .cta {
	padding-top: 20px;
}

/* LANDING: HOME */

.swiper-container { height: 585px; }

#homeKey { overflow: hidden; }
#homeKey > .carousel-inner > .item {
	padding-top: 50%;
	width: 100%;
	height: 0;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
#homeKey > .carousel-inner > .item img { width: 100%; }

#homeItems .item-section {
	margin-bottom: 60px;
	border-color: #7CD6A4;
}
#homeItems .item-section > .title { margin-top: -17px; }
#homeItems .item-section > .title > .name { font-size: 22px; }

#brandCollage { margin: 60px 0 30px 0; }
#brandCollage .brand {
	display: block;
	position: relative;
	float: left;
	/*margin-right: 2.56%;*/
	margin-right: 3.8%;
	margin-bottom: 10px;
	padding-top: 8.5%;
	/*width: 12%;*/
	width: 13.5%;
	height: 0;
	overflow: hidden;
}
#brandCollage .brand:last-child {
	float: right;
	margin-right: 0;
}
#brandCollage .brand > img {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	/*max-height: 100%;*/
	-webkit-filter: grayscale(100%);/* invert(100%);*/
			filter: grayscale(100%);/* invert(100%);*/
}
#brandCollage .brand:hover > img {
	-webkit-filter: grayscale(100%);/* invert(100%);*/
			filter: grayscale(100%);/* invert(100%);*/
}

.breaker {
	position: relative;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 4px 20px 4px 30px;
	height: 14px;
	background-color: #333;
	line-height: 14px;
	font-size: 12px;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
}
.breaker .prop { margin-left: 40px; }
.breaker .prop > i {
	margin-right: 6px;
	font-size: 14px;
}
.breaker .arrow {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 15px solid #333;
	border-top: 11px solid #FFF;
	border-bottom: 11px solid #FFF;
	-webkit-transform: rotate(360deg);
		 -o-transform: rotate(360deg);
			transform: rotate(360deg);
	   -moz-transform: scale(0.9999);
}

#smallBanners { margin-bottom: 60px; }
.home-tile {
	position: relative;
	float: left;
	margin-right: 2.1%;
	margin-bottom: 25px;
	width: 48.95%;
}
.home-tile:nth-child(2n+0) { margin-right: 0px; }
.home-tile:hover { color: inherit; }
.home-tile .top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 901;
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 8px;
	width: 100%;
	height: 34px;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.7);
}
.home-tile .top:hover { background-color: rgba(255, 255, 255, 0.8); }
.home-tile .top .brand-name {
	height: 18px;
	line-height: 18px;
}
.home-tile .top .brand-logo {
	position: relative;
	margin-right: 8px;
	border: 1px solid #EAEAEA;
	width: 50px;
	height: 50px;
	background-color: #FAFAFA;
}
.home-tile .flash-clock {
	line-height: 16px;
	font-size: 12px;
}
.home-tile .top:hover .flash-clock { color: #333; }
.home-tile .flash-clock > i {
	margin: 1px 3px 0 0;
	font-size: 11px;
}
.home-tile .flash-clock .time > span { display: none; }
.home-tile .flash-clock .time > span > .num {
	display: inline-block;
	padding: 0 3px;
	text-align: center;
	font-size: 13px;
	color: red;
}
.home-tile .banner {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	display: block;
	z-index: 900;
	position: relative;
	padding-top: 60%;
	height: 0;
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.flash-tile {
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 8px 15px;
	width: 100%;
	height: 40px;
	/*background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.8);*/
	background-color: #444;
	background-color: rgba(51, 51, 51, 0.7);
}
/*.home-tile .banner:hover .flash-tile { background-color: rgba(51, 51, 51, 0.7); }*/
.flash-tile .discount {
	display: inline-block;
	margin-bottom: 7px;
	border-radius: 1px;
	padding: 0 8px;
	height: 24px;
	background-color: #7CD6A4;
	line-height: 24px;
}
.flash-tile .brand-container {
	line-height: 24px;
	font-size: 18px;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
}
.flash-tile .brand-container span {
	/*display: block;*/
	/*margin-bottom: 7px;*/
	/*font-size: 20px;*/
	text-transform: uppercase;
}
.flash-tile .brand-container span::after { content: "："; }
.flash-tile .flash-clock { font-size: 12px; }
.flash-tile .flash-clock > i {
	margin: 1px 4px 0 0;
	font-size: 11px;
	color: #6A6A6A;
}
.flash-tile .flash-clock .time > span { display: none; }
.flash-tile .flash-clock .time > span > .num {
	font-family: Tahoma;
	display: inline-block;
	padding: 0 3px;
	text-align: center;
}

#newest > .items > .row-fluid > [class*="span"] { width: 18.29787234042553%; }
#newest > .items .item-container { margin-bottom: 0; }

/* LANDING: SELL */

#sellKey {
	margin-bottom: 70px;
	border: 1px solid #EAEAEA;
	padding: 20px 20px;
}
#sellKey .logo-title {
	margin: 35px auto 5px auto;
	border-top: 1px solid #6A6A6A;
	width: 75%;
	text-align: center;
}
#sellKey .logo-title img {
	margin-top: -25px;
	padding: 0 25px;
	height: 30px;
	background-color: #FFF;
}
#sellKey .title {
	margin: 30px 0 5px 0;
	font-size: 55px;
	font-weight: bold;
}
#sellKey .sub-title { font-size: 41px; }
#sellKey .props {
	margin: 25px auto 0 auto;
	width: 76%;
}
#sellKey .props .prop {
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border: 2px solid #333;
	border-radius: 100px;
	line-height: 72px;
	font-size: 25px;
	color: #7CD6A4;
	font-weight: bold;
}

#sellItems .props > .prop > .wrapper,
#shopbopItems .props > .prop > .wrapper {
	position: relative;
	margin: 0 auto;
	width: 200px;
	height: 200px;
}
#sellItems .props > .prop > .wrapper img,
#shopbopItems .props > .prop > .wrapper img {
	position: absolute;
	margin: auto;
	/*top: 0;*/
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 200px;
	max-height: 200px;
}

/*** BROWSING ***/

.browsing-intro {
	margin: 0 auto 30px auto;
	width: 960px;
	height: 285px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
.browsing-intro.key { height: 460px; }
.browsing-left {
	margin: 0 4% 50px 0;
	width: 18%;
}
.browsing-right { width: 78%; }

.browsing-left .ads {
	display: block;
	margin-top: 20px;
}
.browsing-left .ads > .title {
	padding: 8px 0;
	/*background-color: #3D454E;*/
	background-color: #000;
	text-align: center;
	font-size: 14px;
	color: #FFF;
}
.browsing-left .ads > .title i {
	font-size: 15px;
	font-weight: bold;
}
.browsing-left .ads > .content {
	border: 1px solid #DDD;
	border-top: none;
	padding: 8px 0;
}
.browsing-left .ads > .content .ad {
	padding: 13px 6px 13px 8px;
	height: 30px;
	color: #6A6A6A;
}
.browsing-left .ads > .content .ad i {
	display: inline-block;
	padding-right: 5px;
	width: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 28px;
	/*color: #3D454E;*/
	color: #333;
}
.browsing-left .ads > .content .ad span {
	display: inline-block;
	height: 28px;
}
.browsing-left .ads > .content .bottom {
	padding: 3px 8px 0 0;
	text-align: right;
	font-size: 12px;
}

.browsing-left .controls {
	margin-top: 30px;
	position: absolute;
}
.browsing-left .controls .to-top {
	border-radius: 2px;
	font-size: 12px;
	color: #8A8A8A;
	cursor: pointer;
}
.browsing-left .controls .to-top i {
	margin-bottom: 8px;
	font-size: 30px;
	color: #AAA;
}
.browsing-left .controls .to-top:hover { border-color: #7CD6A4; }
.browsing-left .controls .to-top:hover,
.browsing-left .controls .to-top:hover i { color: #7CD6A4; }

#pageLoader img {
	padding: 30px 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#templates {
	position: absolute;
	top: -59970px;
	left: -1729px;
}

/* EXPLOR */

.filters .filter-group {
	border-top: none;
	border-bottom: none;
}
.filters .filter-group > .title {
	padding: 8px 5px 3px 5px;
	height: 16px;
	border-bottom: 1px solid #333;
	line-height: 14px;
}
.filters .filter-group:first-child > .title { padding-top: 0; }
.filters .filter-group > .title > .unfilter {
	margin-top: 1px;
	color: #6A6A6A;
	font-size: 11px;
}
.filters .filter-group > .title > .unfilter:hover { color: #7CD6A4; }
.filters .filter-group .content > a {
	display: block;
	padding-left: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #6A6A6A;
}
.filters .filter-group .content > a:first-of-type { padding-top: 5px; }
.filters .filter-group .content > a:last-of-type { padding-bottom: 5px; }
.filters .filter-group .content > a:hover {
	color: #7CD6A4;
	text-decoration: none;
}
.filters .filter-group .content > a.active { color: #7CD6A4; }
.filters .filter-group .content > a > input { margin: -2px 5px 0 0; }
.filters .filter-group.scrolling .content {
	max-height: 250px;
	overflow: hidden;
}
.filters .filter-group.scrolling .content > a {
	padding-left: 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.filters .filter-group.scrolling .content > a > input { margin-left: 5px; }
.filters .filter-group.scrolling .slimScrollBar {
	-webkit-transition: opacity 0.2s ease;
	   -moz-transition: opacity 0.2s ease;
	    -ms-transition: opacity 0.2s ease;
	     -o-transition: opacity 0.2s ease;
	        transition: opacity 0.2s ease;
}
.filters .filter-group.scrolling .slimScrollDiv:hover .slimScrollBar,
.filters .filter-group.scrolling .slimScrollBar:active { opacity: 0.8 !important; }

.browsing-right.items { padding-bottom: 20px; }

/* PROFILE */

.profile-intro {
	position: relative;
	border: 1px solid #EAEAEA;
	padding: 8px;
}
.profile-intro > .headshot {
	margin-bottom: 8px;
	width: 155px;
	height: 155px;
}
.profile-intro > .info > .name {
	margin-bottom: 5px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.profile-intro > .info > .tooltip-reviews,
.profile-intro > .info > .consign {
	display: block;
	margin-bottom: 5px;
}
.profile-intro > .info > .follow { margin-top: 20px; }
.profile-intro > .info > .stats { margin-top: 8px; }

.profile-tabs {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 20px;
	/*padding-left: 8px;*/
	text-align: center;
	border: 1px solid #EAEAEA;
	border-radius: 3px;
	height: 40px;
	background-color: #FAFAFA;
}
.profile-tabs .tab-link {
	display: inline-block;
	position: relative;
	margin-bottom: -1px;
	padding: 12px 30px 7px 30px;
		height: 19px;
	color: #6A6A6A;
	cursor: pointer;
}
.profile-tabs .tab-link .arrow {
	visibility: hidden;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin: -5px 0 0 -8px;
	border-bottom: 5px solid #7CD6A4;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.profile-tabs .tab-link:hover {
	border-bottom: 1px solid #7CD6A4;
	padding-bottom: 8px;
	/*color: #7CD6A4;*/
	color: #333;
}
.profile-tabs .tab-link.active,
.profile-tabs .tab-link.active:hover {
	border-bottom: 2px solid #7CD6A4;
	padding-bottom: 7px;
	/*color: #7CD6A4;*/
	color: #333;
}
.profile-tabs .tab-link.active .arrow { visibility: visible; }

#profileItems { margin-bottom: 20px; }
#profileReviews { margin-bottom: 50px; }

.browsing-right.items .empty,
#profileReviews .empty,
#profileItems .empty { padding-top: 35px; }
#profileReviews .summary {
	border-bottom: 1px solid #EAEAEA;
	padding: 8px 0;
	line-height: 20px;
}
#profileReviews .summary > .pull-right {
	margin-right: 196px;
}
#profileReviews .summary > .stat {
	display: inline-block;
	margin-right: 20px;
}
#profileReviews .summary > .stat > img {
	margin: -3px 5px 0 0;
	width: 18px;
	height: 18px;
}

#profileReviews .review {
	position: relative;
	margin-top: 16px;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 20px;
	min-height: 60px;
}
#profileReviews .review:last-child { border-bottom: none; }
#profileReviews .review .icon {
	width: 40px;
	height: 40px;
}
#profileReviews .review .comment { margin-left: 50px; }
#profileReviews .review .comment > .top {
	padding-top: 2px;
	margin-bottom: 10px;
}
#profileReviews .review .details {
	height: 60px;
	margin-bottom: 10px;
}
#profileReviews .review .details:last-child { margin-bottom: 0; }
#profileReviews .review .details > .headshot {
	width: 60px;
	height: 60px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
#profileReviews .review .details > .content {
	margin-left: 68px;
	padding-top: 2px;
}
#profileReviews .review .details > .content > .info {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* DETAIL */

.detail-small {
	position: relative;
	margin: 0 1.5% 50px 0;
	padding-top: 60%;
	width: 8%;
	height: 0;
	overflow: hidden;
}
.detail-small-inner {
	position: absolute;
	z-index: 100;
	top: 0;
	width: 100%;
}
.detail-small-scroller {
	position: absolute;
	z-index: 101;
	left: 1px;
	padding: 3px 0;
	width: 100%;
	height: 14px;
	background-color: #3D454E;
	line-height: 14px;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.detail-small:hover .detail-small-scroller { 
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.detail-small:hover .detail-small-scroller:hover { 
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.detail-small-scroller.top { top: 0; }
.detail-small-scroller.bottom { bottom: 0; }
.detail-small .small-img-container {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	display: block;
	position: relative;
	margin-bottom: 20%;
	border: 1px solid #EAEAEA;
	padding-top: 133%;
	width: 100%;
	height: 0;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
.detail-small .small-img-container:hover,
.detail-small .small-img-container.active {
	opacity: 1;
	filter: alpha(opacity=100);
}
.detail-small .small-img-container img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.detail-large {
	position: relative;
	margin: 0 1.5% 50px 0;
	/*padding-top: 48%;*/
	width: 45%;
	height: 0;
}
.detail-large .large-img-container {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	display: none;
	position: relative;
	border: 1px solid #EAEAEA;
	padding-top: 133%;
	width: 100%;
	height: 0;
	overflow: hidden;
	cursor: move;
}
.detail-large .large-img-container.active { display: block; }
.detail-large .large-img-container img:first-child {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.detail-large > .note {
	display: block;
	position: absolute;
	z-index: 900;
	top: 8px;
	right: 10px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.detail-description {
	margin-bottom: 30px;
	/*width: 400px;*/
	width: 43%;
}
.detail-description > .seller {
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 20px;
	min-height: 40px;
	line-height: 20px;
}
.detail-description > .seller > .headshot {
	width: 38px;
	border: 1px solid #EAEAEA;
}
.detail-description > .seller > .info { margin-left: 52px; }
.detail-description > .seller > .info .tooltip-reviews { margin-left: 5px; }
.detail-description > .seller > .leave-comment { margin-top: 12px; }
.detail-description > .seller > .info .consign i { padding: 0 3px 0 5px; }

.detail-description > .info > .top { padding-bottom: 25px; }
.detail-description > .info > .top.left { width: 90%; }
.detail-description > .info > .top.right { width: 10%; }
.detail-description > .info > .top > div {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.detail-description > .info > .top > .brand { text-transform: uppercase; }
.detail-description > .info > .top > .name { padding: 8px 0; }
.detail-description > .info .prices { padding-bottom: 8px; }
.detail-description > .info .prices > .title { color: #AAA; }
.detail-description > .info .prices > .divider {
	margin: 0 13px;
	border-left: 1px solid #CCC;
	font-size: 17px;
}
.detail-description > .info .prices > .discount { color: #AAA; }
.detail-description > .info > .top > .item-status {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 30px;
	width: auto;
	overflow: visible;
}
.detail-description > .info .detail {
	padding-bottom: 15px;
	line-height: 27px;
}
.detail-description > .info .detail > .content { overflow: hidden; }
.detail-description > .info .detail > .content > .wrapper {
	margin-right: 15px;
	display: inline-block;
	min-width: 100px;
}
.detail-description > .info .detail > .content > a { display: inline-block; }
.detail-description > .info .detail > .content .choice {
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin: 0 8px 5px 0;
	border: 1px solid #DDD;
	padding: 0 12px;
	min-width: 40px;
	height: 27px;
	background-color: #FFF;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.detail-description > .info .detail > .content .choice:last-child { margin-right: 0; }
.detail-description > .info .detail > .content .choice:hover { border-color: #7CD6A4; }
.detail-description > .info .detail > .content .choice.sold {
	background-color: #F5F5F5;
	color: #AAA;
	cursor: default;
}
.detail-description > .info .detail > .content .choice.sold:hover { border-color: #DDD; }
.detail-description > .info .detail > .content .choice.active { border-color: #7CD6A4; }
.detail-description > .info .detail > .content .choice.active > .chk {
	top: auto;
	right: 0px;
	bottom: 0px;
	left: auto;
	padding: 1px 2px 1px 1px;
	background-color: transparent;
	color: #7CD6A4;
}
.num-selector {
	display: inline-block;
	background-color: #FFF;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
}
.num-selector > * {
	display: inline-block;
	vertical-align: middle;
}
.num-selector > .selector {
	position: relative;
	border: 1px solid #DDD;
	padding: 0;
	width: 18px;
	height: 25px;
	background-color: #FFF;
	color: #6A6A6A;
	cursor: pointer;
	-webkit-appearance: none;
}
.num-selector > .selector:first-child { border-right: 1px solid #DDD; }
.num-selector > .selector:last-child { border-left: 1px solid #DDD; }
.num-selector > .selector:active { background-color: #F5F5F5; }
.num-selector > .selector:active,
.num-selector > .selector:focus { outline: 0; }
.num-selector > .selector.disabled {
	color: #DDD;
	cursor: default;
}
.num-selector > .selector.disabled:active { background-color: transparent; }
.num-selector > .selector > i {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	text-align: center;
	font-size: 8px;
	-webkit-font-smoothing: inherit;
}
.num-selector > .num {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	width: 30px;
}
.detail-description > .info .detail > .content .num-remaining > .num { padding: 0 3px; }
.detail-description > .info #itemDescription > p { margin-top: 10px; }

.detail-description > .buying {
	padding-top: 25px;
	height: 37px;
}
.detail-description > .buying > .vbutton { margin-left: 15px; }
.detail-description > .buying > .vbutton:first-child { margin-left: 0; }
.detail-description .leave-comment {
	margin-top: 15px;
	border: 0;
	border-top: 1px solid #EAEAEA;
	border-radius: 0;
	padding: 0;
	padding-top: 15px;
	background-color: transparent;
}
/*.detail-description .leave-comment .input-append.full { margin-left: 55px; }
.detail-description .leave-comment .input-append.full input { margin-left: -55px; }*/
.detail-description .leave-comment .headshot {
	width: 24px;
	border: 1px solid #DDD;
}

.detail-description > .consign {
	display: block;
	margin-top: 20px;
}
.detail-description > .consign > .title {
	position: relative;
	padding-bottom: 8px;
	border-bottom: 1px solid #EAEAEA;
}
.detail-description > .consign > .title i {
	margin-right: 3px;
	font-weight: bold;
}
.detail-description > .consign > .content {
	padding-bottom: 15px;
	font-size: 16px;
	color: #6A6A6A;
}
.detail-description > .consign > .content .ad { padding: 30px 0 5px 0; }
.detail-description > .consign > .content .span6:last-child .ad { padding: 30px 0 5px 20px; }
.detail-description > .consign > .content .ad:last-child { padding-bottom: 0; }
.detail-description > .consign > .content .ad > i {
	display: inline-block;
	margin: 0 3px 0 0;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
	width: 30px;
	color: #333;
}
.detail-description > .consign > .content .ad > img {
	margin: -2px 5px 0 0;
	width: 25px;
}
.detail-description > .consign > .content .ad .sub-caption {
	margin-top: 2px;
	font-size: 12px;
	color: #AAA;
}
.detail-description > .consign > .title > .more {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 12px;
}

.detail-related {
	clear: both;
	margin-bottom: 50px;
}
.detail-related > .title {
	margin-bottom: 12px;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 8px;
}
.detail-related > .items-loader {
	padding-top: 90px;
	height: 181px;
	text-align: center;
}
/* IS THIS NECESSARY?? AND WHY?? */
/*.detail-related > .items > div[class*="span"] {
	display: inline-block;
	float: none;
}*/

.detail-comments { width: 40.5%; }
.detail-comments > .title {
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 8px;
}
.detail-comments > .leave-comment { margin: 12px 0; }
.detail-comments .comment { border-top: 1px solid #F5F5F5; }
.detail-comments .comment:nth-child(2) { border-top: none; }
.detail-comments .comment > .main {
	padding: 12px 0;
	min-height: 40px;
}
.detail-comments .comment > .main > .headshot { width: 40px; }
.detail-comments .comment > .main > .content {
	margin-left: 48px;
	font-size: 12px;
	color: #AAA;
}
.detail-comments .comment > .main > .content > .glyphicon { margin: 0 5px; }
.detail-comments .comment > .main > .content > .copy {
	padding: 3px 0 3px 0;
	line-height: 22px;
	color: #333;
}
.detail-comments .comment > .leave-comment { margin-bottom: 12px; }

/* MESSAGES */

.msg-summs {
	position: fixed;
	border: 1px solid #EAEAEA;
	width: 375px;
}
.msg-summs .summ-tabs .tab-nav {
	padding: 8px 0 8px 0;
	width: 50%;
	background-color: #EAEAEA;
	line-height: 18px;
	font-size: 16px;
	color: #6A6A6A;
	cursor: pointer;
}
.msg-summs .summ-tabs .tab-nav:first-child { box-shadow: inset -1px 0px 1px rgba(51, 51, 51, 0.1); }
.msg-summs .summ-tabs .tab-nav:last-child { box-shadow: inset 1px 0px 1px rgba(51, 51, 51, 0.1); }
.msg-summs .summ-tabs .tab-nav:hover {
	background-color: #F2F2F2;
	color: #333;
}
.msg-summs .summ-tabs .tab-nav.active {
	background-color: #FFF;
	color: #333;
	box-shadow: none;
}
.msg-summs > .top {
	border-bottom: 1px solid #EAEAEA;
	padding-top: 5px;
}
.msg-summs .summs-main { height: 500px; }
.msg-summs .summs-main .tab-content { display: none; }
.msg-summs .summs-main .tab-content.active { display: block; }

.msg-summs .msg-summ {
	position: relative;
	border-bottom: 1px solid #EAEAEA;
	padding: 8px;
	height: 52px;
	cursor: pointer;
	color: #6A6A6A;
	overflow: hidden;
}
.msg-summs .msg-summ:hover { background-color: #F5F5F5; }
.msg-summs .msg-summ:last-child { margin-bottom: 5px; }
.msg-summs .msg-summ.unread { background-color: #BEEBD2; }
.msg-summs .msg-summ.unread:hover { background-color: #D8F3E4; }
.msg-summs .msg-summ.active {
	background-color: #A3E2BF;
	color: #333;
}

.msg-summs .msg-summ > .headshot {
	margin-right: 5px;
	border: 1px solid #EAEAEA;
	width: 50px;
	height: 50px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
.msg-summs .msg-summ .headshot-arrow {
	margin: 5px 5px 0 0;
	border-left: 5px solid #CCC;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.msg-summs .msg-summ.active .headshot-arrow { border-left: 5px solid #AAA; }
.msg-summs .msg-summ > .content .title {
	padding: 1px 0 4px 0;
	height: 16px;
}
.msg-summs .msg-summ > .content .summary > .headshot {
	margin-right: 5px;
	width: 30px;
	height: 30px;
}
.msg-summs .msg-summ > .content .summary > .copy .last-message {
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
.msg-summs .msg-summ > .content .summary > .copy .time { color: #AAA; }
.msg-summs .msg-summ.active > .content .summary > .copy .time { color: #8A8A8A; }

.msg-thread {
	margin-bottom: 20px;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 5px;
}
.msg-thread > .content { height: 52px; }
.msg-thread > .content > .headshot {
	display: inline-block;
	margin-right: 8px;
	border: 1px solid #EAEAEA;
	width: 50px;
	height: 50px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}

.msg-block {
	margin-bottom: 20px;
	border: 1px solid #EAEAEA;
}
.msg-block > .top {
	border-bottom: 1px solid #EAEAEA;
	padding: 8px;
	height: 40px;
	background-color: #FAFAFA;
}
.msg-block > .top > .headshot {
	margin-right: 8px;
	width: 40px;
	height: 40px;
}
.msg-block > .main > .leave-comment {
	border: none;
	border-bottom: 1px solid #EAEAEA;
	border-radius: 0;
}
.msg-block > .main .message { padding: 8px; }
.msg-block > .main .message > .headshot {
	margin-right: 5px;
	width: 26px;
	height: 26px;
}
.msg-block > .main .message > .content {
	margin-left: 32px;
	min-height: 26px;
}
.msg-block > .main .message > .content > .top { margin-bottom: 2px; }

/*** CHECKOUT ***/

.checkout-process .step {
	position: relative;
	background-color: #CCC;
	line-height: 28px;
}
.checkout-process .step:first-child { border-radius: 2px 0 0 2px; }
.checkout-process .step:last-child { border-radius: 0 2px 2px 0; }
.checkout-process .step .arrow {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin-right: -14px;
	border-left: 14px solid #CCC;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
}
.checkout-process .step .fletching {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-left: -14px;
	border-left: 14px solid transparent;
	border-top: 14px solid #CCC;
	border-bottom: 14px solid #CCC;
}
.checkout-process .step.past { background-color: #CBEFDB; }
.checkout-process .step.past .arrow { border-left-color: #CBEFDB; }
.checkout-process .step.past .fletching {
	border-top-color: #CBEFDB;
	border-bottom-color: #CBEFDB;
}
.checkout-process .step.active { background-color: #7CD6A4; }
.checkout-process .step.active .arrow { border-left-color: #7CD6A4; }
.checkout-process .step.active .fletching {
	border-top-color: #7CD6A4;
	border-bottom-color: #7CD6A4;
}

.empty {
	padding: 20px;
	line-height: 25px;
	text-align: center;
	color: #6A6A6A;
}
.empty .i-heart { margin-top: -8px;}
.transaction-items .empty {
	margin-bottom: 20px;
	border: 1px solid #EAEAEA;
	border-radius: 2px;
}
.transaction-items .bundle {
	margin-bottom: 20px;
	border: 1px solid #EAEAEA;
	font-size: 12px;
}
.transaction-items .bundle:last-child { margin-bottom: 0; }
.transaction-items .bundle > .top {
	border-bottom: 1px solid #EAEAEA;
	padding: 8px;
	background-color: #FAFAFA;
	color: #6A6A6A;
}
/*.transaction-items .bundle > .top.pending {
	background-color: #DDCECE;
	color: #8C5C5C;
}*/
.transaction-items .bundle > .top .select-seller { margin: 1px 8px 0 0; }
.transaction-items .bundle > .top .vbutton { margin: -5px 0 -5px 8px; }
.transaction-items .bundle > .main > .seller {
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 8px;
	background-color: #FAFAFA;
	color: #6A6A6A;
}
.transaction-items .bundle > .main .item {
	position: relative;
	border-bottom: 1px solid #EAEAEA;
	padding: 8px;
	min-height: 60px;
	line-height: 16px;
}
.transaction-items .bundle > .main .item:last-child { border-bottom: 0; }
.transaction-items .bundle > .main .item .select-area {
	width: 20px;
	height: 60px;
}
.transaction-items .bundle > .main .item .select-area > input[type="checkbox"] { margin: 0; }
.transaction-items .bundle > .main .item .item-status {
	position: absolute;
	top: 8px;
	left: -8px;
}
.transaction-items .bundle > .main .item .headshot {
	display: inline-block;
	margin-right: 8px;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
}
.transaction-items .bundle > .main .item .brand { text-transform: uppercase; }
.transaction-items .bundle > .main .item .name { margin: 6px 0; }
.transaction-items .bundle > .main .item .price { margin-bottom: 6px; }
.transaction-items .bundle > .main .item .details .detail { margin-right: 20px; }
.transaction-items .bundle > .main .item .to-transaction {
	position: absolute;
	bottom: 8px;
	right: 12px;
}
.transaction-items .bundle > .main .item .num-remaining { margin-top: 8px; }
.transaction-items .bundle > .main .item .num-remaining > .num { padding: 0 3px; }
.transaction-items .bundle > .main > .seller-items .item {
	border-right: 1px solid #EAEAEA;
	padding-right: 8px;
}
.transaction-items .bundle > .main > .seller-items .buyer-info { padding: 8px 8px 8px 0; }
.transaction-items .bundle > .main > .seller-items .buyer-info .info .title {
	display: inline-block;
	width: 60px;
}
.transaction-items .bundle > .bottom {
	border-top: 1px solid #EAEAEA;
	padding: 8px 12px 8px 8px;
	/*background-color: #FAFAFA;*/
}
.transaction-items .bundle > .bottom input { margin: 0; }

.payment-total { margin: 30px 0 50px 0; }
.payment-total > .vbutton { margin-left: 20px; }
.payment-total > .info {
	border: 1px solid #DDD;
	border-right: 0;
	border-radius: 0 2px 2px 0;
	height: 41px;
	line-height: 41px;
}
.payment-total > .info > .number { margin-left: 20px; }
.payment-total > .info > .pull-left {
	padding: 4px 0 0 20px;
	line-height: 37px;
}

/* CART */

.cart-actions { margin: 30px 0 20px 0; }
#cartAll input[type="checkbox"] { margin: -3px 5px 0 2px; }
.cart-actions .actions .vbutton.comm { margin-right: 15px; }
.cart-actions .totals { line-height: 24px; }
.cart-actions .totals .total {
	display: inline-block;
	margin-right: 15px;
}

/* PAYMENT */

.payment-title { margin: 30px 0 20px 9px; }
.chk {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 1px 3px 3px 1px;
	width: 10px;
	height: 10px;
	background-color: #7CD6A4;
	line-height: 10px;
	font-size: 10px;
	color: #FFF;
}

.payment-addresses { margin-bottom: 12px; }
.payment-addresses .address {
	position: relative;
	border: 1px solid transparent;
	padding: 8px 8px 8px 1px;
	line-height: 18px;
	color: #6A6A6A;
	cursor: pointer;
}
.payment-addresses .address:hover {
	border: 1px solid #EAEAEA;
	background-color: #FAFAFA;
	color: #333;
}
.payment-addresses .address input[type="radio"] { margin: -2px 3px 0 0; }
.payment-addresses .address.active {
	border: 2px solid #7CD6A4;
	padding: 7px 7px 7px 0;
	background-color: #FFF;
	color: #333;
}
.payment-addresses .address .prefix {
	display: inline-block;
	visibility: hidden;
	padding-left: 22px;
	width: 48px;
}
.payment-addresses .address.active .prefix { visibility: visible; }
.payment-addresses .address .hover {
	visibility: hidden;
	margin-left: 13px;
}
.payment-addresses .address .hover.make-default.active { visibility: visible; }
.payment-addresses .address.active .hover { visibility: visible; }
.payment-addresses .address:hover .hover { visibility: visible; }
.payment-addresses .address .chk { visibility: hidden; }
.payment-addresses .address.active .chk { visibility: visible; }
.new-address { margin-bottom: 13px; }
.new-address-prefix {
	display: inline-block;
	width: 61px;
}

#addressModal {
	margin-left: -454px;
	width: 906px;
}
#addressModal .modal-body {
	line-height: 26px;
	color: #6A6A6A;
}
#addressModal .modal-body .address-row input { margin-right: 5px; }
#addressModal .modal-body input[type="checkbox"] { margin: -2px 5px 0 0; }
#addressModal .modal-body hr {
	margin: 7px -15px 14px -15px;
	border-top: 1px solid #EAEAEA;
}
#addressModal .modal-body .row-fluid:last-child { margin-top: 2px; }
#addressModal .modal-body .address-submit { margin-top: 10px; }
#newAddress > .row-fluid > .span2 { line-height: 26px; }

.option-group {
	border: 1px solid #EAEAEA;
	border-top: none;
}
.option-group:first-child { border-top: 1px solid #EAEAEA; }
.option-group > .title {
	padding: 8px 10px;
	background-color: #FAFAFA;
}
.option-group > .content {
	border-top: 1px solid #EAEAEA;
	padding: 25px 25px 12px 25px;
}
.option-group > .content:first-child { border-top: none; }
.option-group > .content .option {
	position: relative;
	display: inline-block;
	margin: 0 13px 13px 0;
	border: 1px solid #EAEAEA;
	padding: 1px;
	width: 130px;
	height: 40px;
	line-height: 38px;
	cursor: pointer;
}
.option-group > .content .option:hover { border: 1px solid #AAA; }
.option-group > .content .option.active {
	border: 2px solid #7CD6A4;
	padding: 0;
}
.option-group > .content .option > .note {
	position: absolute;
	left: 0;
	bottom: -30px;
	line-height: 14px;
}
.option-addendum { padding: 10px 0 0 9px; }

/* TRANSACTIONS */

.browsing-left .left-tabs {
	border-top: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	min-height: 180px;
}
.browsing-left .left-tabs .tab-link {
	display: block;
	border-left: 3px solid transparent;
	padding: 10px 0 8px 10px;
	cursor: pointer;
}
.browsing-left .left-tabs .tab-link:hover {
	border-left: 3px solid #BEEBD2;
	background-color: #FAFAFA;
	color: #333;
}
.browsing-left .left-tabs .tab-link.active {
	border-left: 3px solid #7CD6A4;
	background-color: #FAFAFA;
	color: #333;
}

#orders,
#listings { margin-bottom: 30px; }

#ratingModal .settings-radio img {
	margin-right: 3px;
	padding-bottom: 3px;
	width: 18px;
	height: 18px;
}

/* SELL */

.sell-key {
	margin-bottom: 50px;
	height: 190px;
	background-size: cover;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-position: center center;
	letter-spacing: 1px;
}
.sell-key .title { font-size: 38px; }
.sell-key .caption { padding: 55px 0 15px 0; }

.sell-outer > .span-toc {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	width: 180px;
	height: 1px;
}
.sell-outer > .span-left {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-left: 0;
	width: 545px;
}
.sell-outer > .span-right {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	float: right;
	margin-left: 0;
	width: 300px;
}
.sell-outer input[type="text"],
.sell-outer textarea {
	border-radius: 2px;
}
.sell-outer textarea { line-height: 1.42857143; }
.span-toc .fixed-toc {
	position: fixed;
	width: 160px;
}
.span-toc .fixed-toc li { border-left: 1px solid transparent; }
.span-toc .fixed-toc li .link {
	border-left: 1px solid transparent;
	padding: 5px 0 5px 13px;
	color: #6A6A6A;
}
.span-toc .fixed-toc li:hover { border-left: 1px solid #7CD6A4; }
.span-toc .fixed-toc li:hover .link,
.span-toc .fixed-toc li .link:focus { background-color: transparent; }
.span-toc .fixed-toc li.active { border-left: 1px solid #7CD6A4; }
.span-toc .fixed-toc li.active .link {
	border-left: 1px solid #7CD6A4;
	color: #7CD6A4;
}

.span-right .fixed-admin {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	position: fixed;
	border: 1px solid #DDD;
	width: 300px;
}
.span-right .fixed-admin > .top {
	border-bottom: 1px solid #DDD;
	padding: 8px 15px;
	font-size: 16px;
	background-color: #FAFAFA;
}
.span-right .fixed-admin > .content {
	padding: 8px 15px;
	border-bottom: 1px solid #DDD;
}
.span-right .fixed-admin > .content:last-child { border-bottom: none; }
.span-right .fixed-admin > .content input[type="text"],
.span-right .fixed-admin > .content textarea {
	margin-bottom: 0;
	font-size: 12px;
}
.span-right .fixed-admin > .content .settings-field {
	clear: left;
	margin-bottom: 5px;
	min-height: 32px;
	line-height: 32px;
}
.span-right .fixed-admin > .content .settings-field:last-child { margin-bottom: 0; }
.span-right .fixed-admin > .content .settings-field .title { float: left; }
.span-right .fixed-admin > .content .settings-field .content {
	display: block;
	padding-left: 60px;
}
.span-right .fixed-admin > .content .btn-switch {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin-top: 3px;
	background-color: #6A6A6A;
	border: 1px solid #333;
	border-radius: 2px;
	width: 72px;
	height: 26px;
	line-height: 24px;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: background-color 0.05s ease-out 0.15s, border-color 0.05s ease-out 0.15s; /* For Safari 3.1 to 6.0 */
			transition: background-color 0.05s ease-out 0.15s, border-color 0.05s ease-out 0.15s;
}
.span-right .fixed-admin > .content .btn-switch .name {
	float: left;
	width: 35px;
	text-align: center;
}
.span-right .fixed-admin > .content .btn-switch .switch {
	position: absolute;
	width: 33px;
	height: 22px;
	top: 1px;
	left: 1px;
	padding: 0;
	border: 0;
	border-radius: 1px;
	background-color: #FFF;
	-webkit-transition: left 0.1s ease-out 0; /* For Safari 3.1 to 6.0 */
			transition: left 0.1s ease-out 0;
}
.span-right .fixed-admin > .content .btn-switch:hover .switch { background-color: #FAFAFA; }
.span-right .fixed-admin > .content .btn-switch.online {
	border: 1px solid #6FD29B;
	background-color: #7CD6A4;
	-webkit-transition: background-color 0.05s ease-out 0.15s, border-color 0.05s ease-out 0.15s; /* For Safari 3.1 to 6.0 */
			transition: background-color 0.05s ease-out 0.15s, border-color 0.05s ease-out 0.15s;
}
.span-right .fixed-admin > .content .btn-switch.online .switch {
	left: 36px;
	-webkit-transition: left 0.1s ease-out 0; /* For Safari 3.1 to 6.0 */
			transition: left 0.1s ease-out 0;
}

.span-left > .actions > span {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	line-height: 24px;
}
.span-left > .title {
	border-bottom: 1px solid #7CD6A4;
	padding-bottom: 10px;
}
.span-left > .content {
	position: relative;
	padding-top: 20px;
	min-height: 200px;
}
.span-left > .content .settings-field .title { float: left; }
.span-left > .content .settings-field .content {
	display: block;
	padding-left: 80px;
}
.span-left > .content .settings-field .settings-message { margin-left: 0; }
.span-left > .content .settings-field .typeahead {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid #EAEAEA;
	border-top: none;
	width: 224px;
}
.span-left > .content .settings-field .typeahead > li > a { padding: 3px 7px; }
.span-left > .content .settings-field .typeahead .active > a {
	background-color: #EAEAEA;
	background-image: none;
	color: #333;
}
.span-left > .content .option {
	margin-right: 15px;
	line-height: 28px;
	cursor: pointer;
}
.span-left > .content .option input[type="checkbox"] { margin: -3px 5px 0 0; }
.span-left > .content #staticName > .cat2:not(:empty) { margin-right: 15px; }
.span-left > .content #feeOther {
	margin: -3px 0 0 8px;
	width: 38px;
}
.span-left > .content .settings-field.admin#goodsCondition > .select-full > select { width: 310px; }
.span-left > .content .settings-field .notes {
	margin: 0;
	width: 150px;
}
.span-left > .content .settings-field .fee {
	vertical-align: top;
	width: 60px;
}

.span-left > .content .imgUpload {
	border: 1px solid #444 !important;
	border-radius: 2px;
	background-color: #6A6A6A;
	color: #FFF;
}
.span-left > .content .imgUpload:hover {
	border: 1px solid #444 !important;
	background-color: #888;
}
.span-left > .content .imgUpload.disabled,
.span-left > .content .imgUpload.disabled:hover {
	background-color: #EAEAEA;
	border: 1px solid #DDD !important;
	color: #AAA;
	cursor: default;
}
.span-left > .content .imgUpload .glyphicon {
	margin: 35px 0 10px 4px;
	font-size: 45px;
}
.span-left > .content .imgUpload .caption .f10 { margin-top: 3px; }
.span-left > .content .imgUpload .progress {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	border-radius: 0;
	width: 100%;
	height: 5px;
	background-color: #FAFAFA;
	background-image: none;
}
.span-left > .content .imgUpload .progress .bar {
	height: 5px;
	background-color: #7CD6A4;
	background-image: none;
	-webkit-box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
	   -moz-box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
			box-shadow: 0px 0px 0px rgba(51, 51, 51, 0);
	-webkit-transition: width 0.5s ease;
	   -moz-transition: width 0.5s ease;
	    -ms-transition: width 0.5s ease;
	     -o-transition: width 0.5s ease;
	        transition: width 0.5s ease;
}
.span-left > .content .imgUpload .uploadContext,
.span-left > .content .imgUpload .errorContext {
	position: absolute;
	bottom: 12px;
	width: 100%;
	text-align: center;
}

.span-left > .content .img-preview-container {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
	border: 2px dashed #DDD;
	padding: 6px;
	width: 545px;
}
.span-left > .content .img-preview-container.dragover {
	background-color: #F7F7F7;
	border-color: #AAA;
}
.span-left > .content .img-preview {
	position: relative;
	float: left;
	margin: 5px;
	border: 1px solid #EAEAEA;
	width: 120px;
	height: 160px;
	overflow: hidden;
	cursor: pointer;
}
.span-left > .content .img-preview:not(.temp):hover { border: 1px solid #444; }
.span-left > .content .img-preview > img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	margin: auto;
}
.span-left > .content .img-preview.temp > img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.span-left > .content .img-preview .delete {
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 101;
	border-left: 2px solid #6A6A6A;
	border-bottom: 2px solid #6A6A6A;
	width: 14px;
	height: 14px;
	background-color: #6A6A6A;
	line-height: 14px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
}
.span-left > .content .img-preview:not(.ui-sortable-helper):hover .delete { visibility: visible; }
.span-left > .content .img-preview:hover .delete:hover {
	border-color: #888;
	background-color: #888;
}
.span-left > .content #finalPhotosBasic .img-preview:not(.ui-sortable-helper):nth-child(2)::after,
.span-left > .content #finalPhotosBasic .img-preview.ui-sortable-helper ~ .img-preview:not(.hide):nth-child(3)::after,
.span-left > .content #finalPhotosBasic .img-preview.ui-sortable-helper ~ .img-preview.hide:nth-child(3)::after {
	content: "封面图片";
	position: absolute;
	bottom: 0;
	z-index: 101;
	width: 100%;
	padding: 7px 0 5px 0;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	font-size: 12px;
	color: #444;
	cursor: pointer;
}

/*** COMMITTEE ***/

/* TAGS */

/*.fixed-gutter {
	position: absolute;
	right: -220px;
	border: 1px solid #EAEAEA;
	width: 200px;
	background-color: #FFF;
	font-size: 13px;
}*/
#tagList {
	border: 1px solid #EAEAEA;
	background-color: #FFF;
	font-size: 13px;
}
#tagList .top {
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 8px;
	/*background-color: #FAFAFA;*/
	color: #6A6A6A;
}
#tagList > .top > .vlink > input { margin: -2px 5px 0 0; }
#tagList .main {
	height: 330px;
	overflow: hidden;
}
#tagList .slimScrollBar {
	-webkit-transition: opacity 0.2s ease;
	   -moz-transition: opacity 0.2s ease;
	    -ms-transition: opacity 0.2s ease;
	     -o-transition: opacity 0.2s ease;
	        transition: opacity 0.2s ease;
}
#tagList .slimScrollDiv:hover .slimScrollBar,
#tagList .slimScrollBar:active { opacity: 0.8 !important; }

#tagList .main .title {
	padding: 5px 8px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	background-color: #FAFAFA;
	text-align: center;
	font-size: 12px;
	color: #6A6A6A;
}
#tagList .main > div:first-child .title { border-top: none; }
#tagList .main .tag {
	display: block;
	padding: 8px;
	color: #6A6A6A;
	cursor: pointer;
}
#tagList .main .tag:last-child { margin-bottom: 0px; }
#tagList .main .tag:hover {
	background-color: #F5F5F5;
	color: #333;
}
#tagList .main .tag input[type="checkbox"] { margin: -3px 5px 0 0; }
#tagList .main .tag.active { color: #333; }
#tagList .main .tag.flag { color: #E06161; }
#tagList .main .tag.flag:hover,
#tagList .main .tag.flag.active { color: #D21D1D; }

/* FITTING ROOM */

#fittingRoom { margin-bottom: 80px; }
#fittingItems .item-adding { margin-bottom: 10px; }
#fittingItems .item-adding > .content { padding: 13px 8px 11px 8px; }
#fittingItems .item-list > .item-container {
	float: left;
	margin: 0 0.9% 5% 0;
	width: 24%;
}
#fittingItems .item-list > .item-container > .top {
	border: 1px solid #EAEAEA;
	border-bottom: none;
	padding: 2px 8px;
	background-color: #FAFAFA;
	font-size: 12px;
	color: #6A6A6A;
}
#fittingItems .item-list > .item-container > .top > .close {
	line-height: 13px;
	font-size: 16px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#fittingItems .item-list > .item-container > .top > .close:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#fittingItems .settings-field .input-append .typeahead {
	margin-top: 0;
	border: 1px solid #DDD;
	border-top: 0;
	padding: 0;
	width: 369px;
	font-size: 12px;
}
#fittingItems .settings-field .input-append .typeahead > li > a { padding: 3px 8px; }
#fittingItems .settings-field .input-append .typeahead > .active > a {
	background-color: #EAEAEA;
	background-image: none;
	color: #333;
}

#setDetail { margin-bottom: 20px; }
#setContent .event { cursor: pointer; }
#setContent .event > .top {
	border: 1px solid #EAEAEA;
	border-bottom: 0;
	padding: 5px 8px;
	background-color: #FAFAFA;
	color: #6A6A6A;
}
#setContent .event.slide > .top > .name {
	display: block;
	width: 335px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#setContent .event.tile > .top > .name {
	display: block;
	width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#setContent .event > .top > .close {
	line-height: 14px;
	font-size: 16px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#setContent .event > .top > .close:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#setContent .slide { margin-top: 10px; }
#setContent .tile {
	float: left;
	margin: 10px 10px 0 0;
	width: 265px;
}

/* TO SELL */

.sell-type {
	padding: 20px;
	border: 1px solid #EAEAEA;
	background-color: #FFF;
}

/*** ADMIN ***/

.full-container {
	padding: 60px 15px 0 15px;
	/*height: 100%;*/
}

/* LAUNCHPAD */

.launch-area > .title {
	padding: 20px 0;
	font-size: 40px;
}

.launch-area .section {
	border: 1px solid #EAEAEA;
	background-color: #FFF;
}
.launch-area .section > .title {
	border-bottom: 1px solid #EAEAEA;
	padding: 8px;
	background-color: #FAFAFA;
	font-size: 16px;
}
.launch-area .section > .title:last-child { border-bottom: none; }
.launch-area .section > .content { padding: 8px; }
.launch-area .section > .content .img-preview { margin-bottom: 10px; }

.launch-area .section .head-row {
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 8px 1px 8px;
}
.launch-area .section .head-row .series-id,
.launch-area .section .summaries .series-id {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.launch-area .section .head-row .series-title,
.launch-area .section .summaries .series-title,
.launch-area .section .head-row .series-name,
.launch-area .section .summaries .series-name,
.launch-area .section .head-row .series-type,
.launch-area .section .summaries .series-type {
	display: inline-block;
	margin-right: 5px;
	width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.launch-area .section .summaries {
	height: 160px;
	overflow: hidden;
}
.launch-area .section .summaries > .series {
	display: block;
	padding: 9px 8px 3px 8px;
	color: #6A6A6A;
}
.launch-area .section .summaries > .series:hover {
	background-color: #F5F5F5;
	color: #333;
	text-decoration: none;
}
.launch-area .section .summaries > .series.active {
	background-color: #7CD6A4;
	color: #FFF;
}
.launch-area .section .summaries > .series > .close {
	line-height: 15px;
	font-size: 16px;
}

.launch-area .section-add { margin: 10px 0; }
.launch-area .section-add select { margin: 0 5px 0 0; }

/* TRANSITION */

.transition { }
.transition .major-title {
	margin-top: 60px;
	font-size: 80px;
	font-weight: bold;
}
.transition .copy { line-height: 30px; }
.transition img {
	margin: 80px 0 100px 0;
	width: 450px;
}
.transition .note { line-height: 25px; }
.transition #countdown {
	display: inline-block;
	width: 44px;
}

@font-face {
	font-family: 'SinangIcons';
	src:url('../fonts/sinang_icons/sinang-icons.eot?2539yu');
	src:url('../fonts/sinang_icons/sinang-icons.eot#iefix2539yu') format('embedded-opentype'),
		url('../fonts/sinang_icons/sinang-icons.woff?2539yu') format('woff'),
		url('../fonts/sinang_icons/sinang-icons.ttf?2539yu') format('truetype'),
		url('../fonts/sinang_icons/sinang-icons.svg?2539yu#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sicon {
	font-family: 'SinangIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: text-top;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sicon-return:before {
	content: "\e600";
}
.sicon-authentic:before {
	content: "\e601";
}
.sicon-info:before {
	content: "\e602";
}
.sicon-consign:before {
	content: "\e603";
}
.sicon-delivery:before {
	content: "\e604";
}
.sicon-clean:before {
	content: "\e605";
}
.sicon-checkmark-empty:before {
	content: "\f16c";
}
.sicon-checkmark:before {
	content: "\f16e";
}
.sicon-checkmark-outline:before {
	content: "\f16d";
}

.package {
	margin-bottom: 50px;
	border: 1px solid #DDD;
}
.package > .top {
	padding: 15px;
	background-color: #F5F5F5;
}
.package > .top .headshot-container {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #EAEAEA;
	padding: 10px;
	width: 15%;
	background-color: #FFF;
}
.package > .top .headshot-container > .headshot {
	display: block;
	padding-top: 100%;
	height: 0;
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.package > .top .details {
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
	width: 83%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.package > .top .title {
	margin-bottom: 10px;
	line-height: 25px;
	font-size: 16px;
}
.package > .top .details > .copy {
	width: 88%;
	line-height: 18px;
	font-size: 12px;
	color: #6A6A6A;
}
.package > .top .details > .copy .payment {
	display: inline-block;
	vertical-align: top;
}
.package > .top .actions { line-height: 24px; }

.listings [class*=span] {
	margin-left: 2%;
	font-size: 12px;
}
.listings [class*=span]:nth-child(1) {
	width: 8%;
	text-align: center;
}
.listings [class*=span]:nth-child(2) {
	width: 15%;
	text-align: center;
}
.listings [class*=span]:nth-child(3) { width: 37%; }
.listings [class*=span]:nth-child(4) {
	width: 22%;
	/*text-align: center;*/
}
/*.listings [class*=span]:nth-child(5) {
	width: 10%;
	text-align: center;
}*/
.listings [class*=span]:last-child {
	width: 10%;
	text-align: center;
}
.listings > .top {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 8px 15px;
	/*text-align: center;*/
	font-size: 14px;
}
.listings > .top:last-child { display: none; }
.listing {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	border-bottom: 1px solid #EAEAEA;
	padding: 15px;
	line-height: 24px;
}
.listing:last-child { border-bottom: none; }
.listing .headshot-container { border: 1px solid #EAEAEA; }
.listing .headshot {
	display: block;
	padding-top: 133%;
	width: 100%;
	height: 0;
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
}
.listing .headshot-container.package {
	padding: 5px; /*TEMP*/
	width: 50px; /*TEMP*/
}
.listing .headshot-container.package .headshot {
	padding-top: 100%;
	width: 50px; /*TEMP*/
}
.listing .details {
	position: relative;
	height: 144px;
}
.listing .details .name {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*.listing .details .stats {
	position: absolute;
	bottom: 0;
}*/
.listing .details .stats .divider {
	margin: 0 10px;
	border-left: 1px solid #CCC;
	font-size: 16px;
}
.listing [class*=span]:last-child .vbutton { margin-bottom: 5px; }

.profile-summ {
	padding: 5px;
	border: 1px solid #DDD;
}
.profile-summ .headshot {
	display: inline-block;
	width: 25%;
}
.profile-summ .info {
	display: inline-block;
	margin-left: 2%;
	width: 73%;
}
.profile-summ .info > .name {
	width: 100%;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.listing-stats {
	margin-top: 10px;
	border: 1px solid #DDD;
	padding: 5px;
}
.listing-summs {
	/*margin-top: 10px;*/
	border: 1px solid #DDD;
	border-top: none;
}
.listing-summs > .title { padding: 5px; }
.listing-summs .summ-section > .title {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 5px;
	background-color: #F5F5F5;
}
.listing-summs .summ-section > .summs > .summ {
	border-bottom: 1px solid #EAEAEA;
	padding: 5px;
	line-height: 16px;
	font-size: 12px;
	color: #6A6A6A;
}
.listing-summs .summ-section > .summs > .summ:last-child { border-bottom: none; }
.listing-summs .summ-section > .summs > .summ:hover {
	background-color: #F5F5F5;
	color: #333;
	cursor: pointer;
}
.listing-summs .summ-section > .summs > .summ.active {
	background-color: #3D454E;
	color: #FFF;
}
.listing-summs .summ-section > .summs > .summ > .headshot-container {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #EAEAEA;
	width: 15%;
	background-color: #FFF;
}
.listing-summs .summ-section > .summs > .summ > .headshot-container > .headshot {
	display: block;
	padding-top: 100%;
	height: 0;
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.listing-summs .summ-section > .summs > .summ > .details {
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
	width: 83%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* PACKAGES */

.fixed-left {
	float: left;
	margin-bottom: 20px;
	width: 250px;
}
.fixed-left > .content > .toc { border: 1px solid #DDD; }
.fixed-left > .content > .toc > .title {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 5px;
	background-color: #F5F5F5;
}
.fixed-left > .content > .toc > .title > .f12 { line-height: 19px; }
.fixed-left > .content > .toc > .title:first-child { border-top: none; }
.fixed-left > .content > .toc > .extra {
	border-bottom: 1px solid #DDD;
	padding: 5px;
	background-color: #3D454E;
	line-height: 24px;
	color: #FFF;
}
.fixed-left > .content > .toc > .sub-title {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 5px;
	background-color: #F5F5F5;
	font-size: 14px;
	color: #6A6A6A;
}
.fixed-left > .content > .toc > .title + .sub-title { border-top: none; }
.fixed-left > .content > .toc > .content > .item {
	display: block;
	padding: 5px 13px;
	color: #6A6A6A;
	text-decoration: none;
}
.fixed-left > .content > .toc > .content > .item:first-child { padding-top: 7px; }
.fixed-left > .content > .toc > .content > .item:last-child { padding-bottom: 7px; }
.fixed-left > .content > .toc > .content > .item:first-child:last-child { padding: 5px 13px; }
.fixed-left > .content > .toc > .content > .item:hover { background-color: #F5F5F5; }
.fixed-left > .content > .toc > .content > .item.total:first-child { border-bottom: 1px solid #DDD; }
.fixed-left > .content > .toc > .content > .item.total:last-child { border-top: 1px solid #DDD; }
.fixed-left > .content > .toc > .content > .item.active {
	background-color: #A3E2BF;
	color: #333;
}
.fixed-left > .content > .toc > .content > .action { padding: 5px 13px; }
.fixed-left > .content > .toc > .content > .info {
	padding: 5px;
	color: #6A6A6A;
}
.fixed-left > .content > .toc > .content > .info:first-child { padding-top: 8px; }
.fixed-left > .content > .toc > .content > .info:last-child { padding-bottom: 8px; }
.fixed-left > .content > .toc > .content > .info.action {
	padding: 5px;
	height: 24px;
	line-height: 24px;
}
.fixed-left > .content > .toc > .content > .info.action:hover { background-color: #F5F5F5; }
.fixed-left > .content > .toc > .content > .info.action > .vbutton.negative { visibility: hidden; }
.fixed-left > .content > .toc > .content > .info.action:hover > .vbutton.negative { visibility: visible; }
.fixed-left > .content > .toc > .content > .info.action.active {
	background-color: #3D454E;
	color: #FFF;
}
.fixed-left > .content > .toc > .content > .info.headshot > * {
	display: inline-block;
	vertical-align: middle;
}
.fixed-left > .content > .toc > .content > .info > .headshot > img {
	margin-right: 5px;
	width: 40px;
}
.fixed-left > .content > .toc > .content > .info > .headshot > * { display: inline-block; vertical-align: middle; }
.fixed-left > .content > .toc > .content > .history {
	border-bottom: 1px solid #EAEAEA;
	padding: 5px;
	font-size: 12px;
}
.fixed-left > .content > .toc > .content > .history:last-child { border-bottom: 0; }
.fixed-left > .content > .toc > .content > .history > .top {
	margin-bottom: 5px;
	font-size: 12px;
	color: #6A6A6A;
}

.fixed-right {
	float: right;
	margin-bottom: 20px;
	width: 250px;
}

.fixed-main {
	margin: 0 0 20px 270px;
	min-width: 500px;
}
.fixed-right ~ .fixed-main { margin-right: 270px; }
.fixed-main .top-filters {
	margin-bottom: 15px;
	border: 1px solid #DDD;
	padding: 5px;
	background-color: #F5F5F5;
}
.fixed-main .top-filters .input-append { margin: 0 10px 0 0; }
.fixed-main .top-filters .vbutton {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-right: 10px;
	vertical-align: top;
	padding-top: 0;
	padding-bottom: 0;
	height: 26px;
	line-height: 24px;
}
.fixed-main .top-filters .vbutton:last-child { margin-right: 0; }
.fixed-main table {
	border-collapse: collapse;
	width: 100%;
	line-height: 20px;
}
.fixed-main table,
.fixed-main table th,
.fixed-main table td {
	border: 1px solid #DDD;
	vertical-align: top;
}
.fixed-main table th {
	padding: 5px;
	background-color: #F5F5F5;
}
.fixed-main table td { padding: 5px; }
.fixed-main table td:last-child .vbutton:not(:first-child) { margin-top: 5px; }
.fixed-main .bottom-filters {
	margin-top: 15px;
	border: 1px solid #DDD;
	padding: 5px;
	background-color: #F5F5F5;
}
.fixed-main table select {
	margin: 0;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
}
.fixed-main table input,
.fixed-main table textarea { font-size: 12px; }
.fixed-main table hr { margin: 5px 0; }

.fixed-main table td .actions {
	margin-top: 8px;
	text-align: center;
}
.fixed-main table td .actions > .vbutton:not(:first-child) { margin-top: 5px; }

.fixed-left,
.fixed-main,
.fixed-right { font-size: 13px; }
.fixed-left > .title,
.fixed-main > .title,
.fixed-right > .title {
	margin-bottom: 15px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}
.fixed-main > .title > .vbutton { margin: 0 0 0 10px; }
.fixed-main .settings-field .title {
	display: inline-block;
	vertical-align: top;
	color: #333;
}
.fixed-main .settings-field .content { display: inline-block; }
.fixed-main .settings-field form { margin: 0; }

.header-admin {
	position: fixed;
	z-index: 1001;
	top: 0px;
	padding: 5px 0;
	width: 100%;
	/*height: 15px;*/
	height: 30px;
	background-color: #333;
	background-color: rgba(51, 51, 51, 0.9);
	/*text-align: right;*/
	line-height: 30px;
	font-size: 12px;
	color: #FFF;
}
.header-admin > .title {
	display: inline-block;
	padding-left: 15px;
	font-size: 20px;
}
.header-admin > .container > .title {
	line-height: 30px;
	font-size: 20px;
}
.header-admin .fixed-main-align {
	position: absolute;
	top: 5px;
	left: 285px;
}
.header-admin > .buttons { margin-right: 15px; }
.header-admin .vbutton.small { margin-top: 2px; }

.hover-help { cursor: help; }
.hover-help ~ .tooltip { font-size: 12px; }
.hover-help ~ .tooltip .tooltip-inner { max-width: 225px; }

/* KOL SERIES */

.series-kv-img {
	float: left;
	width: 40%;
}
.series-kv-content {
	float: left;
	margin-left: 5%;
	width: 55%;
}
.series-kv-content .pattern { width: 50%; }
.series-kv-content .line { padding: 30px 0 0 0; }
.series-kv-content .copy {
	line-height: 20px;
	font-size: 14px;
	text-align: justify;
}
.series-breaker {
	clear: both;
	padding: 50px 0 40px 0;
}
.series-breaker > .line { width: 39.5%; }
.series-breaker > .middle {
	display: inline-block;
	width: 21%;
}
.series-breaker > .title {
	margin-top: -28px;
	text-align: center;
}
.series-breaker > .title > .name {
	padding: 0 20px;
	font-size: 34px;
	background-color: #FFF;
}
.series-breaker > .title > .name > span {
	display: inline-block;
	vertical-align: middle;
}
.series-breaker > .title > .name > .sbold {
	margin-right: 5px;
	font-size: 38px;
	letter-spacing: 3px;
}
.series-breaker > .title > .name > .logo { margin-left: 5px; }
.series-container {
	position: relative;
	margin-top: 10px;
	padding-top: 52.23364621137517%;
	width: 100%;
	height: 0;
	background-color: #F2F2F2;
}
.series-container > [class*="dots-"] {
	position: absolute;
	z-index: 801;
	width: 70px;
}
.series-container > [class*="dots-"].flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.series-container > .series-img {
	position: absolute;
	z-index: 800;
	padding-top: 56%;
	width: 42%;
	height: 0;
	top: -17px;
	left: -17px;
	overflow: hidden;
	-webkit-box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.25);
	   -moz-box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.25);
			box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.25);
}
.series-container > .series-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: none;
}
.series-container.right > .series-img {
	left: auto;
	right: -17px;
}
.series-container > .series-content {
	position: absolute;
	width: 40%;
	top: 0;
	left: 50%;
	padding-top: 5%;
}
.series-container.right > .series-content { left: 10%; }
.series-container > .series-content > .question {
	margin-bottom: 10px;
	color: #8A8A8A;
}
.series-container > .series-content > .question > img { width: 40px; }
.series-container > .series-content > .answer {
	margin-bottom: 30px;
	line-height: 20px;
	font-size: 13px;
	text-align: justify;
}
.series-container > .series-content > .answer:last-child { margin-bottom: 0; }

.items .flash-sale.flash-item { margin: 0 0 20px 0; }

.flash-sale .flash-clock {
	display: inline-block;
	font-size: 12px;
	color: #6A6A6A;
}
.flash-sale .flash-clock > i {
	margin: 1px 4px 0 0;
	font-size: 11px;
	color: #333;
}
.flash-sale .flash-clock .time > span {
	font-family: Tahoma;
	display: inline-block;
	padding: 0 1px;
}
.flash-sale .flash-clock .time > span.days { padding: 0 3px; }

.flash-sale.flash-collection {
	height: 30px;
	line-height: 30px;
}

.item-container > .item .flash-clock {
	position: absolute;
	z-index: 899;
	top: 0;
	right: 0;
	padding: 0 5px;
	background-color: #333;
	background-color: rgba(51, 51, 51, 0.8);
	line-height: 16px;
	font-size: 10px;
	color: #FFF;
}
.item-container > .item .flash-clock > i {
	margin-right: 3px;
	font-size: 10px;
	color: #FFF;
}
.item-container > .item .flash-clock .time > span { display: none; }
.item-container > .item .flash-clock .time > span > .num {
	display: inline-block;
	padding: 2px;
	text-align: center;
	font-size: 11px;
	color: #7CD6A4;
}

#loginModal .settings-submit { margin-top: 10px; }
#loginModal .submit-error {
	display: none;
	margin-bottom: 15px;
	font-size: 12px;
	color: red;
}
#full_loginError { margin-bottom: 15px; }
#loginModal .login-social { margin-top: 10px; }
#loginModal .login-social .title {
	display: inline-block;
	line-height: 30px;
}
#loginModal .login-social .channel {
	display: inline-block;
	margin-right: 8px;
}
#loginModal .login-social .channel > img { height: 30px; }

#appPromptContainer {
	position: fixed;
	z-index: 1000;
	top: 42px;
	width: 100%;
}
#appPrompt {
	position: absolute;
	right: 68px;
	border: 1px solid #DDD;
	border-top: 0;
	border-right: 0;
	border-bottom-left-radius: 3px;
	width: 285px;
	height: 49px;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.9);
	line-height: 46px;
}
#appPrompt > * {
	display: inline-block;
	vertical-align: middle;
}
#appPrompt > .pre-intro {
	border-right: 1px dashed #EAEAEA;
	padding: 5px 5px 0 5px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
}
#appPrompt > .prompt-close {
	padding-left: 4px;
	width: 24px;
	text-align: center;
	font-size: 12px;
	color: #AAA;
}
#appPrompt > .logo {
	margin-left: 8px;
	border-radius: 8px;
	height: 40px;
	width: 40px;
}
#appPrompt > .intro {
	padding: 0 3px;
	line-height: 16px;
	font-size: 12px;
}
#appPrompt .stars {
	margin: 1px 0 0 5px;
	vertical-align: top;
	height: 12px;
}
#appPrompt .vbutton.action { margin: 10px 10px 0 0; }
#appPromptContainer .app-qr {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #DDD;
	border-top: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 3px;
	width: 60px;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.9);
}
#appPromptContainer .app-qr .app-qr-img {
	width: 60px;
	height: 60px;
	background-image: url('../img/info/app-download.png');
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
}