.account-left {
	width:184px;
	min-height:500px;
	float:left;
}
.account-left-half {
	margin: 30px 0 0 30px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	line-height:130%;
}
.account-left-half h2 {
	font-weight:bold;
	font-size: 20px;
	margin: 20px 0;
	color: #ec1b23;
}

.account-id-box {
	text-align: center;
	margin-bottom: 1em;
}

.account-id-title {
	font-weight: bold;
}

.account-right {
	width: 780px;
	float: right;
	font-size: 12px;
	line-height: 15px;
	padding-top: 10px;
	position: relative;
}
.account-right-half {
	float: right;
	width: 450px;
	margin: 50px 0 50px 15px;
	line-height: 20px;
}
.account-header {
	margin-bottom: 17px;
}

#account-page-title,
#account-header-left {
	float: left;
	color: #333;
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
}
#account-page-title {
	position: absolute;
	top: 11px;
}
#account-header-right {
	float: right;
	font-size: 14px;
	font-weight: bold;
}
#account-header-left a {
	text-decoration: none;
	font-weight: inherit;
}
#account-header-left a:hover {
	text-decoration: underline;
	color: #ec1b23;
}
#account-header-left span a {
	font-size: 12px;
}
#account-page-title .address-popup {
	text-decoration: none !important;
	margin-left: 10px;
	position: absolute;
	top: -6px;
	width: 124px;
}
.account-homepage-right .address-popup {
	padding: 10 0px;
	display: block;
}
.approval-alert {
	border: 2px #3ACDC5 solid;
	font-size: 16px;
	font-weight: bold !important;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}
#login-form-container {
	width: 360px;
}
.account-login-box,
.account-register-box {
	border:1px solid #ccc;
	width:360px
}
.account-login-box-header {
	background:#eee;
	padding:9px 10px 9px 10px;
	color:#000;
	font-weight:bold;
}
.account-form-box label {
	height: 28px;
	line-height: 28px;
	margin-right: 10px;
	width: 150px;
	float: left;
	display: inline;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}
.account-register-box label {
	width: 166px;
}
.account-form-box input{
	float: left;
	width: 145px;
	margin: 2px 0;
	display: inline;
}
.account-login-box label {
	text-align: right;
}
.line-block {
	margin: 5px 0 0 10px;
}
.forgot-password {
	float: left;
	margin-top: 15px;
	font-size: 13px;
	margin-left: 28px;
}

.password-message{
	font-size: smaller;
	padding: 15px;
}
.account-secure-btn {
	margin: 10px 15px;
	text-align: right;
}
.account-register-link {
	font-size:17px;
	margin-top:20px;
	text-align: center;
}
.account-sidebar-box {
	width: 180px;
	padding: 10px 0;
	margin: 0;
	border: 2px solid #ec1b23;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 29px;
	text-align: center;
	position: relative;
	height: 130px;
	text-align:center;
}
.account-sidebar-box img {
	margin:0 auto;
}
.account-sidebar-box-button {
	position:absolute;
	bottom:-20px;
	left:18px;
	height:38px;
	width:142px;
}
.account-sidebar-box2 {
	width: 180px;
	height: auto;
	padding: 10px 0;
	margin: 0;
	border: 2px solid #ec1b23;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.account-nav li {
	background-image: none;
	display: inline;
}
.account-nav li h3 {
	height: 18px;
	position: relative;
}
.account-nav a, .account-nav a:visited {
	display: block;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.account-nav li.collapse a.menu-more, .account-nav li.collapse a.menu-more:hover, .account-nav li.selected a.menu, .account-nav li.selected a.menu:hover, .account-nav li.selected h3 a {
	color: #FFF;
	background: #ec1b23;
}
.account-nav .account-menu-toggle {
	position: absolute;
	top: 6px;
	right: 5px;
	cursor: pointer;
	width: 16px;
	background: url('/img/account/icon_plus.png') no-repeat;
	display:none;
}
.account-nav .account-menu-open {
	background: url('/img/account/icon_minus.png') no-repeat;
}
.account-nav div.suboff {
	display: block;
}
.account-nav div.submenu a {
	padding-left: 15px;
	background-image: none !important;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
}

.block-header.list-header {
	display: flex;
	justify-content: space-between;
}

.list-add-all {
	align-self: center;
	background-image: linear-gradient(to bottom,#ce2426,#ea2628);
	margin-right: 12px;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	padding: 6px 14px;
	border: solid #ea2628 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.list-add-all > .list-add-link {
	color: #fff;
	text-decoration: none;
}

.block-header {
	background: #E4E2E2;
	font-size: 1.4em;
	overflow: hidden;
	font-weight: 700;
	padding: 8px 0 7px 10px;
	position: relative;
	display: block;
	text-shadow: 0px 1px 0px rgba(100,100,100, .2);
}
.block-header small {
	font-size: 12px;
	font-weight: normal;
	color: #555;
}
.account-top {
	font-weight: bold;
}
.account-top .block-header small {
	padding: 0px 5px;
}
.account-inner {
	padding: 1em 0 1em 0px;
	margin: 0;
	width: 782px;
	background: #fff;
}
.account-homepage-table {
	width:100%;
	margin-top: 8px;
	font-size:12px;
}
.account-homepage-table td {
	border:solid 1px #e0e0e0;
	padding:10px;
}
.account-homepage-table-right {
	width:500px;
}
.account-homepage-table h3 {
	font-size:15px;
	font-weight:normal;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	color:#000;
	margin-bottom:8px;
}
.account-homepage-table h3 a {
	color:#000;
	font-size:15px;
	font-weight:normal;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	text-decoration: underline;
}
#account-cs-info {
	float:left;
	width:200px;
	height:74px;
	padding-top:6px;
}
#account-cs-info table td {
	padding:5px;
	border:0px solid black;
}

/* signup */
#category {

    float: left;
    width: 152px;
    margin: 2px 0;
    display: inline;
    min-width: 152px;
		margin-bottom: 10px;
}

select#category-reg {
    width: 42% !important;
}

#account-rep {
	float:right;
	height:80px;
}
.account-homepage-left {
	float:left;
	width:250px;
	line-height:14px;
}
.account-homepage-right {
	float:right;
	width:250px;
	line-height:14px;
}
.account-homepage-left h3, .account-homepage-right h3 {
	font-size:12px;
}
#account-cs-info a,
.account-homepage-left a,
.account-homepage-right a,
.account-right a
{
	color: #4F4F4F;
	text-decoration: underline;
}
#record-prev, #record-next {
    color: #fffde3;
    text-decoration: none;
}
.account-right table a {
	font-weight: normal;
}
.account-right .approval table a {
	text-decoration: none;
}
.account-right .approval td:last a {
    text-decoration: underline;
}

#account-page-content input[type="checkbox"],
#account-page-content input[type="radio"] {
	vertical-align: -5px;
}

.approval .account-right .approval table a {
	text-decoration: underline;
	font-weight: bold;
}

/**
 * Lists
 */

.reminders-block .reminders-on {
	display: none;
}
.reminders-yes .reminders-on {
 	display: block;
 }
.reminders-yes .reminders-off {
 	display: none;
 }

.list-table .list-image {
	float: left;
	width: 28px;
}
.list-table .list-name {
	padding-left: 28px;
}

.list-table .list-title {
	float: left;
	width: 333px;
}
.list-table tr.checked {
	background-color: #F8F8F8;
}
.list-table th.center {
	text-align: center;
}
.list-table td {
	position: relative;
	line-height: 18px;
	vertical-align: middle;
}
.list-table a {
	color: #4F4F4F;
	text-decoration: underline;
	position: relative;
	outline: none;
}
.list-table a.red {
	font-weight: bold;
	color: #ec1b23;
}
.list-table a.product-link {
	text-decoration: none;
}
.list-table a:hover {
	color: #EC1B23;
}
.list-table .style-row-img {
	width: 100px;
}
.list-table div.shared {
	display: none;
}
.list-table tr.shared div.shared {
	display: block;
	font-style: italic;
}
.list-table div.managed {
	display: none;
}
.list-table tr.managed div.managed {
	display: block;
	font-style: italic;
}
.list-actions,
.list-actions a {
	font-weight: bold;
	font-size: 12px;
	padding: 8px 16px 6px 1px;
}
.list-selected-actions {
	font-weight: bold;
	background: #e2e2e2;
	margin-bottom: 10px;
	z-index: 30;
	width: 782px;
}
.list-selected-actions a {
	color: #555;
	display: inline-block;
	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #ccc;
	margin: 5px 0 5px 5px;
	font-weight: bold;
	float: left;
}

.list-table th {
	font-size: 15px;
	vertical-align: top;
	text-shadow: #BBB 1px 1px 0;

}
.list-table span.sort-key {
	display: none;
}
.list-table .list-item-quantity img {
	position: absolute;
	top: -20px;
	display: none;
}
.list-table tfoot .subtotal-row th {
	padding-top: 10px;
	padding-bottom: 10px;
	background: none;
	text-shadow: none;
}
.list-table tfoot .subtotal-row th:first-child {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
.comment-display {
	width: 130px;
}



.email-share {
	margin-bottom: 15px;
}


.btn-ln {
	color: #555;
	display: inline-block;
	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}
.block-content {
	font-size: 12px;
	font-weight: normal;
    line-height: 18px;
    border: solid 1px #e0e0e0;
    clear: both;
    margin-bottom: 10px;
	padding: 10px 20px;
}
.approval-index .block-content {
	padding: 0px;
}
/**
 * Approval
 */
.approval-table a, .approval-table a:link, .approval-table a:visited, .approval-table a:active {
    font-weight:bold;
    text-decoration: underline !important;
}
.approval-table a:hover {
    text-decoration: none;
}
form.approval-extension{
	display: none;
	padding-top: 6px;
}
#no-pending {
	padding: 10px;
	display: none;
}
.empty #no-pending {
	display: block;
}
.empty #pending-list {
	display: none;
}
table#approval-address td {
	padding-top: 10px;
}
.modify-approval-request .address-full {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}
.modify-approval-request a.edit-address {
	padding-top: 10px;
	display: block;
}
#special-note textarea {
	width: 600px;
	height: 40px;
	padding: 5px;
}
table#approval-cart thead {
	border: 1px solid #b8b8b8;
	background-color: #e3e1e1;
}

table#approval-cart th {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
}

table#approval-cart td {
	vertical-align: middle;
}
span.payment-required {
	display: none;
}
tr.payment-required span.payment-required {
	display: block;
}

#result-popup span.hidden {
	display: none;
}
#result-popup {
	width: 250px;
}
#result-popup.adjudicate-popup{
	width: 450px;
	height: 200px;
	padding: 25px;
}
#popup-hider .popup-container {
	display: none;
}
.gry-header, .gry-header.collapse, .gry-headercollapse {
	background: #E4E2E2;
	font-size: 1.4em;
	overflow: hidden;
	font-weight: 700;
	padding: 3px 0 3px 6px;
	position: relative;
	display: block;
	text-shadow: #FFF 1px 1px 0;
}
.gry-header span, .gry-header.collapse span, .gry-headercollapse span {
	background: #E4E2E2;
	overflow: hidden;
	padding: 5px 6px 6px 4px;
}
#special-note {
	margin-bottom: 15px;
}
#approval-po > input{
	width: 300px;
}

#approval-po > div {
	display: flex;
  	margin: 1em;
}


.col3 {
	width: 200px;
	margin: 0 10px 0 0;
	float: left;
	padding: 10px;
	line-height: 15px;
	border-right: 1px solid #E4E2E2;
}
.col3.first h3 {
	font-size: 14px;
	margin: 0 0 6px;
}
dl.table {
	font-size: 12px;
	margin: 10px;
	width: 300px;
}
.account-block dl.table.left {
	margin-bottom: 0px;
}
.table.invited-users {
	margin-bottom: 20px;
}
dl.table dt {
	float: left;
	clear: both;
	font-weight: 700;
	padding: 6px 0;
	width: 130px;
}
dl.table dd {
	float: left;
	margin-left: 10px;
	padding: 6px 10px;
}
#set-approver dl.table dd {
	margin: 0;
	padding: 6px;
}
td.approvers a {
	float: right;
	padding-left: 15px;
	text-decoration: underline;
}
#add-approver-link {
	float: right;
	margin-right: 21px;
	color: #ec1b23;
	text-decoration: none;
	font-size: 16px;
}
.approval-index .invited-users {
	margin-bottom: 20px;
}
.new-form label {
    width: 155px;
    float: left;
    font-weight: bold;
    position: relative;
}

.new-form input[type=text],.new-form input[type=tel],.new-form input[type=number],.new-form input[type=password],.new-form input[type=email] {
    width: 300px;
}
.approval-index .acc-user-form #frequency-block {
	display: none;
}
.approval-index .acc-user-form.approver #frequency-block {
	display: block;
}

.modify-approval-request #action input {
	display: none;
}
.track-form label {
    width: 30px;
    float: left;
    font-weight: bold;
}
.track-form input[type=text],.track-form input[type=tel],.track-form input[type=number],.new-form input[type=password],.new-form input[type=email] {
    float: left;
    width: 300px;
}
i.member-name {
float: right;
margin-right: 20px;
 }

 .acc-error {
	font-size: 14px;
	margin: 0 0 5px;
	border: 2px #ec1b23 solid;
	padding: 10px;
	line-height: 20px;
}

.acc-error span {
	font-weight: bold;
	color: #ec1b23;
}

/* Orders */
h3.no-orders {
	margin-top: 64px;
}
.center {
	text-align: center;
}

/* order history button */
a#order-history {
    background-color: #39cdc4;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    float: left;
    position: absolute;
    top: 11px;
    left: 130px;
    border-radius: 5px;
		display: inline-block;
		vertical-align: top;
}

.ss-play {
    background-image: url(/img/account/ssww-play.png);
    width: 20px;
    height: 15px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
}

/*support code msg */
#code_help{
	    font-size: 100%;
	    text-align: left;
	    margin-left: 15px;
}