html {
	font-size: 16px;
}
.container {
	margin: 0 auto;
	max-width: 1200px;
	padding: 25px 15px;
/*	overflow: hidden;*/
}



/* ============================================= page structure ============================================= */

#sidebar {
	float: left;
	width: 20%;
	min-width: 180px;
	padding: 59px 0 15px;
}
#sidebar h4 {
	margin: 0 0 17px 10px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar li {
	margin: 0;
	padding: 0;
	line-height: 0;
}
#sidebar li a {
	display: block;
	font-size: 13px;
	line-height: 1.2;
	text-decoration: none;
	text-transform: none;
	border-bottom: 1px solid #DCDEDE;
	padding: 8px 5px 10px 10px;
}
#sidebar li a:hover {
	color: #22758A;
	background: #F5F5F5;
}
#sidebar li strong {
	display: block;
	padding: 11px 5px 10px 10px;
	margin: -8px -5px -10px -10px;
	color: #A7ACAD;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #FFFFFF;
}
#sidebar li + li.has-sub {
	margin-top: 20px;
}
a.sideBarActive {
	background: #F5F5F5;
}


#content {
	margin-left: 20%;
	padding-left: 60px;
	min-height: 400px;
}
.clear {
	clear: both;
}



/* ============================================= general ============================================= */




/* ============================================= table ============================================= */

.table td {
	padding: 15px;
	border: 1px solid #DCDEDE;
	border-width: 1px 0;
}
.table td:first-child {
	border-left-width: 1px;
}
.table td:last-child { /* buttons cell */
	border-right-width: 1px;
}
.table td:last-child:nth-child(n+2) { /* buttons cell */
	text-align: right;
}
.table .actionTable td:last-child {
	padding-bottom: 5px;
}
.table th:nth-child(n+2), .table td:nth-child(n+2) {
	padding-left: 0;
}

.side-th-table {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}


/* ============================================= content layouts ============================================= */

.twoCol {
	font-size: 0;
}
.twoCol > * {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	font-size: 1rem;
}
.twoCol > *:nth-child(odd) {
	margin-right: 4%;
}
#stockHelp {
	margin-top: 15px;
}
div.twoCol.noSelect { /* can only use where there are no select/drop down menus */
	overflow: hidden;
}
div.twoCol dl {
	float: left;
	width: 48%;
}
.threeCol.noSelect {
	overflow: hidden;
}
.threeCol > div, .threeCol > form {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 3%;
/*	padding: 0 0 20px;*/
}
.threeCol > div {
	width: 30%;
}



#tabularList.productOptions i {
	float: left;
}
#tabularList.productOptions .threeCol div {
	display: inline-block;
	vertical-align: top;
	width: 25%;
}
#tabularList.productOptions .threeCol div:last-child {
	width: 40%;
}
#tabularList.productOptions li > div:last-child {
	margin-left: 32px;
}


/* pages with form on the side */
.leftCol {
	float: left;
	margin-top: 0;
	width: 67%;
}
.leftCol > *:first-child {
	margin-top: 0;
}
.rightCol {
	margin-left: 70%;
	padding-right: 28px;
}
/* removed .leftCol restriction for Client portals  >  Edit portal page */
.tabularList li {
	display: flex;
	gap: 0.5em;
	align-items: center;
}
.tabularList li > *:not(.buttonGroup):not(.handle) {
	margin: 0;
	padding-bottom: 10px;
}
.tabularList li small {
	flex: 1;
}


/* forms with image upload */
.currentImg {
	float: left;
	width: 25%;
	border-right: 1px #DCDEDE solid;
	padding-right: 10px;
	margin-right: 10px;
}

#additionalCats {
	min-height: 55px;
}


/* reviews */
.review {
	overflow: hidden;
	border-bottom: 1px solid #DCDEDE;
	padding-bottom: 30px;
}
.detailsCol {
	float: left;
	width: 48%;
}
.submission {
	margin: 0 5px 0 52%;
}


/* one line form */
#memberSearch input, #memberSearch button {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
#memberSearch input {
	width: 70%;
	margin-right: 10px;
}