@font-face {
	font-family:Swis721;
	src:url(../fonts/Swis721_Lt_BT_Light.ttf), url(../fonts/Swis721_Lt_BT_Light.eot);
}
body {
	font-family:arial;
	color:#555;
	font-size:12px;
	margin:0;
}
input[type=text], input[type=password], textarea {
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	border-radius:6px;
	border:1px solid #CBC7BD;
	font-size:13px;
	margin:0 0.1em 0 0;
	padding:5px 10px;
	vertical-align:middle;
	height:18px;
	line-height:18px;
}
input:focus, select:focus, textarea:focus {
	outline:0;
}
input.readonly, select.readonly {
	background-color:#fafafa;
}
textarea {
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	resize:vertical;
	height:22px;
	font-size:13px;
}
select {
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	border-radius:6px;
	border:1px solid #CBC7BD;
	font-size:13px;
	margin-right:4px;
	padding:4px 6px;
	vertical-align:middle;
}
.small-input {
	width:18px !important;
	text-align:center !important;
	margin-right:6px !important;
}
.jPicker input[type=text] {
	border-radius:0;
	padding:0;
	vertical-align:bottom;
}
.clear {
	clear:both;
}
.bold {
	font-weight:700;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.capitalize {
	text-transform:capitalize;
}
.red {
	color:#f00 !important;
}
.no-select {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.wait {
	background:url(../images/ajax-loader.gif) no-repeat center center;
	min-height:50px;
}

#header {
	position:relative;
	height:35px;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
}
#menu {
	margin:0 auto;
	height:35px;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png") repeat scroll 50% 50% #eceadf;
}
.menu-item {
	display:inline-block;
	height:23px;
	line-height:23px;
	font-size:13px;
	margin:6px 0;
	padding:0 20px;
	border-right:1px solid #654B24;
	color:#654B24;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
}
.menu-item:last-child {
	border-right:none;
}
#container {
	margin:20px;
}
#login_form {
	width:500px;
	margin:50px auto;
}
h1 {
	margin:0 0 10px;
}
a {
	color:#681818;
}
#intro {
	margin:0 0 20px;
	border-bottom:1px solid #CBC7BD;
	font-size:11px;
	position:relative;
}
#intro-actions {
	float:right;
}
.intro-note {
	text-align:right;
	font-size:10px;
	position:absolute;
	right:2px;
	bottom:2px;
	margin:0;
}
#scroll-helper-container
{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:42px;
	border-bottom:1px solid #555;
	display:none;
	z-index:100;
}
#scroll-helper-background
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=40);
	background:url(jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) repeat scroll 50% 50% #ECEADF;
}
#scroll-helper-title
{
	padding:0 20px;
	line-height:42px;
	font-weight:700;
	color:#654B24;
	float:left;
	z-index:100;
	opacity:0.99;
	filter:alpha(opacity=100);
	font-size:1.4em;
}
#scroll-helper-actions
{
	padding:6px 20px;
	float:right;
	z-index:100;
	opacity:1;
	filter:alpha(opacity=100);
}
#scroll-helper-actions .product-lock-container {
	display:none;
}
.page-sub-header {
	margin:0 0 15px;
	border-bottom:1px solid #CBC7BD;
	padding:30px 0 6px;
	font-size:1.4em;
}
.page-sub-header-link {
	font-size:12px;
	font-weight:400;
}
#description-info {
	border-bottom:1px solid #CBC7BD;
	padding-bottom:20px;
	margin:0 0 30px;
	color:#555;
}
.description-product-list-product {
	float:left;
	width:50%;
}
#description-view-text-container {
	background:url(jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png) repeat scroll 50% 50% #F8F7F6;
	border:1px solid #CBC7BD;
	color:#654B24;
	padding:10px;
}
.table-left-header {
	font-weight:700;
	width:140px;
	vertical-align:top;
}
.language-view-menu {
	background:url(jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) repeat scroll 50% 50% #ECEADF;
	padding:7px 5px;
	border:1px solid #654B24;
	margin:0 0 10px;
}
.language-view-menu a {
	color:#654B24;
	text-decoration:none;
	display:inline-block;
	padding:3px 10px;
	border-right:1px solid #654B24;
}
.language-view-menu a:last-child {
	border-right:none;
}
#edit-window {
	width:500px;
	float:left;
}
#preview-window {
	width:470px;
	padding:10px;
	float:right;
	border:1px solid #CBC7BD;
	color:#654B24;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
}
.view-label {
	font-size:11px;
	font-weight:700;
	margin:0 0 5px;
}
#overview-window {
	border:1px solid #CBC7BD;
	padding:10px;
	margin:0 0 10px;
	background-color:#fff;
	color:#555;
}
#description-window {
	border:1px solid #CBC7BD;
	padding:10px;
	margin:0 0 10px;
	background-color:#fff;
	color:#555;
}
#keywords-window {
	border:1px solid #CBC7BD;
	padding:10px;
	background-color:#fff;
	color:#555;
}
.edit-panel {
	width:472px;
	padding:5px 10px;
	border:1px solid #CBC7BD;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
	margin:0 0 10px;
	color:#654B24;
}
.edit-panel-requires-translation {
	border-color:#681818;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_68_b83400_60x60.png") repeat scroll 50% 50% #B83400;
	color:#fff;
}
.edit-panel-type {
	font-weight:700;
	margin:0 0 5px;
	line-height:20px;
}
.edit-panel-remove {
	float:right;
	display:block;
	padding:4px 0;
	width:20px;
}
.edit-panel-move {
	float:right;
	display:block;
	padding:4px 0;
	width:20px;
	margin:0 5px 0 0;
}
.edit-box {
	border:1px dashed #CBC7BD !important;
	width:458px;
	padding:5px !important;
	font-family:arial;
	font-size:12px !important;
	border-radius:0 !important;
}
.edit-panel-requires-translation .edit-box {
	border-color:#681818 !important;
}
.edit-panel-requires-translation .edit-box.form-input-focus {
	box-shadow:0 0 6px #000, 0 0 2px #777 inset;
	border-style:solid !important;
}
.edit-panel-primary-language-label {
	font-size:10px;
	font-weight:700;
	margin:6px 0 2px;
}
.edit-panel-primary-language-value {
	font-size:11px;
	margin:0 0 10px;
}
.edit-panel-translation-needed {
	margin:8px 0 0;
}
.edit-panel-translation-needed input {
	vertical-align:top;
	margin:0;
}
#toolbar {
	margin:0 0 25px;
}


#overview-window {
	color:#555;
	font-size:12px;
	line-height:20px;
	font-family:arial;
}		
#description-window {
	color:#555;
	font-size:13px;
	line-height:22px;
	font-family:arial;
}
#description-window h2, #description-window h3 {
	color: #72AEB6;
	font-family: Swis721,Arial;
	font-weight: 400;
	margin: 0;
}

/* Forms */
.form-section {
	position:relative;
	margin:20px 0;
	padding:32px 10px 10px;
	border:1px solid #CBC7BD;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
	margin:0 0 10px;
	color:#654B24;
}
.form-section-header {
	font-weight:700;
	position:absolute;
	top:10px;
	left:10px;
	font-size:14px;
}
.form-row {
	width:100%;
	margin:12px 0;
}
.form-row-double {
	width:50%;
	float:left;
}
.form-submit-container {
	width:432px;
	text-align:right;
}
.form-column {
	float:left;
	padding:0 8px 0 0;
	position:relative;
}
.form-column-label {
	width:150px;
	text-align:right;
	line-height:28px;
}
.form-column-label-min {
	width:auto;
	text-align:left;
}
.form-column-label-small {
    width:90px;
    text-align:left;
}
.form-label {
	line-height:22px;
}
.form-input-text, .form-input-password, .form-input-select {
	border:1px solid #654B24;
	border-radius:3px;
	width:250px;
	margin:1px;
	padding:2px;
}
.form-input-xxs {
	width:22px;
}
.form-input-xs {
	width:100px;
}
.form-input-s {
	width:200px;
}
.form-input-l {
	width:350px;
}
.form-input-xl {
	width:450px;
}
.form-input-caps {
	text-transform:uppercase;
}
.form-input-textarea {
	border:1px solid #555;
	border-radius:3px;
	margin:1px;
	font-family:Arial, Verdana;
	font-size:0.8em;
}
.form-input-checkbox {
    margin:5px 0 0;
}
.form-input-hint {
	color:#888;
	font-size:0.6em;
	height:0.65em;
}
.form-input-reamining-chars {
	position:absolute;
	right:8px;
	bottom:0;
	height:0.65em;
}
.form-error-message {
	color:#f00;
	line-height:20px;
}
.form-error-input {
	background-color:#FFDFDF;
}
.form-help-button {
	background:transparent url('../Images/sprite.png') no-repeat -224px -22px;
	height:18px;
	width:18px;
	margin:2px 0 0;
	cursor:pointer;
}
.form-help-box {
	position:absolute;
	bottom:18px;
	left:18px;
	width:200px;
	border:1px solid #000;
	padding:2px;
	display:none;
	z-index:11;
	background-color:#fdfcd7;
}
.form-help-text {
	color:#000;
	font-size:0.7em;
}
.form-label-error {
	color:#F00;
	text-shadow:1px 2px 1px #ccc;
}
.form-input-error {
	border:2px solid #F00;
	margin:0;
	box-shadow:0 0 6px #F00, inset 0 0 3px #F00;
}
select.form-input-error {
	margin:0 2px 0 0;
}
.form-label-focus {
	color:#654B24;
	text-shadow:1px 2px 1px #ECEADF;
}
.form-input-focus {
	box-shadow:0 0 6px #d1b790, inset 0 0 2px #d1b790;
	border-color:#654B24 !important;
}

.page-select-container {
	float:right;
	margin:20px 0 15px;
}
.page-select-total-items {
	float:left;
	line-height:24px;
	font-weight:700;
	margin-right:8px;
}
.page-select-link {
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
	color:#654B24;
	border:1px solid #CBC7BD;
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 0 0 4px;
    padding:0 8px;
    text-align: center;
    text-decoration: none !important;
	border-radius:2px;
}
.page-select-link:hover {
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_65_654b24_60x60.png") repeat scroll 50% 50% #654B24;
	color:#fff !important;
	border-color:#654B24;
}
.page-select-link-active, .page-select-link-active:hover {
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png") repeat scroll 50% 50% #ECEADF;
	border-color:#654B24;
    font-weight: 700;
	color:#654B24 !important;
}

.data-grid {
	clear:both;
	width:100%;
	border-right:0;
	margin:0 0 10px;
}
.data-grid th {
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png") repeat scroll 50% 50% #ECEADF;
	color:#654B24;
	border:1px solid #654B24;
	border-right-width:0;
	padding:6px 0;
}
.data-grid th:first-child {
	border-radius:4px 0 0 0;
}
.data-grid th:last-child {
	border-radius:0 4px 0 0;
	border-right-width:1px;
}
.data-grid tr:nth-child(even) {
	background-color:#F8F7F6;
}
.data-grid td {
	padding:4px;
	border:1px solid #CBC7BD;
	border-top-width:0;
	border-right-width:0;
}
.data-grid tr td:last-child {
	border-right-width:1px;
}

.product-list-search-container {
	float:left;
	margin:15px 0;
}

/* Product view and edit */

.product-lock-container {
	font-weight:700;
	float:right;
	line-height:27px;
	padding-left:15px;
	font-size:12px;
	color:#654B24;
}
#product-primary-image {
	float:left;
	margin:0 20px 20px 0;
	border:1px solid #CBC7BD;
}
.product-header-attributes {
	float:left;
	width:550px;
}
.product-colour-square {
	height:30px;
	width:30px;
	float:left;
	background:#fff url(../images/jpicker/bar-opacity.png) repeat 3px 3px;
	border:1px solid #CBC7BD;
}
#colour-reset {
	margin:0 0 0 6px;
}
.product-colour-text {
	line-height:15px;
	margin:0 0 0 40px;
	font-size:11px;
}
#product-colour-edit-square {
	cursor:pointer;
}
.product-attribute-container {
	margin:0 0 15px;
}
.product-attribute-label {
	float:left;
	font-weight:700;
	width:200px;
	position:relative;
}
.product-attribute-label.edit-label {
	line-height:28px;
}
.product-attribute-value {
	float:left;
	position:relative;
	max-width:800px
}
.product-attribute-value ol {
	padding:0 0 0 18px;
	margin:0;
}
.product-attribute-value ul {
	padding:0 0 0 14px;
	margin:0;
}
.product-attribute-value input[type=text], .product-attribute-value input[type=password] {
	width:250px;
}
.product-attribute-value select {
	width:272px;
}
.input-unit-of-measure {
	position:absolute;
	top:1px;
	right:10px;
	font-size:16px;
	line-height:28px;
	color:#aaa;
}
.product-attribute-not-applicable-container {
	display:block;
	font-size:10px;
}
.product-attribute-not-applicable-checkbox {
	margin-left:0;
}
.product-attribute-not-applicable-container label {
	vertical-align:top;
	line-height:21px;
}
#product-pack-size-value {
	width:126px;
}
#product-pack-size-unit-value {
	width:120px;
}
.product-attribute-copy-select {
	width:80px;
	float:right;
	text-align:center;
}
.product-attribute-container:after {
	content:'.';
	display:block;
	clear:both;
	line-height:0;
	font-size:0;
}
#product-copy-select-values .product-attribute-container {
	padding:10px 5px;
	margin:0;
}
#product-copy-select-values .product-attribute-container:nth-child(even) {
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
}
#product-copy-select-buttons {
	padding:20px 0;
	text-align:center;
}

.dragable-input {
	padding:5px;
	border:1px solid #CBC7BD;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
	margin:0 0 10px;
	color:#654B24;
	font-weight:700;
	line-height:25px;
}
.dragable-input-button  {
	float:right;
	display:block;
	padding:4px 0;
	width:20px;
	margin:2px 5px 0 0;
}
.attribute-button {
	float:right;
	display:block;
	padding:4px 0;
	width:20px;
	margin:4px 0 0 0;
}
.product-link-select {
	margin-bottom:10px;
}
.product-link-product-name {
	float:left;
	max-width:200px;
	margin:0 5px 0 0;
}
.remaining-chars
{
	display:inline-block;
	vertical-align:bottom;
	margin-left:10px;
	font-size:10px;
	color:#777;
}
.translate-orginal-value {
	float:left;
	width:300px;
	padding-top:6px;
	margin:0 60px 10px 0;
}
.translate-language-value {
	float:left;
	width:270px;
	position:relative;
	margin:0 0 10px 0;
}
.translate-language-value.out-of-date input, .translate-language-value.out-of-date textarea {
	border-color:#f00;
}
.translate-orginal-value.no-edit, .translate-language-value.no-edit {
	padding-top:0;
	margin-bottom:0;
}


.help-popup-link:not(.product-attribute-last-edit) {
	font-weight:400;
	color:#654B24;
	cursor:pointer;
	margin-left:6px;
}
.product-attribute-last-edit {
	cursor:pointer;
}
.help-popup-box {
	position:absolute;
	width:200px;
	border:1px solid #000;
	padding:2px;
	display:none;
	z-index:11;
	background-color:#fdfcd7;
	font-weight:400;
	font-size:11px;
	line-height:normal;
}

.ui-tabs-anchor {
	outline:0;
}

.product-category-header-row {
	background: url(jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) repeat scroll 50% 50% #ECEADF;
	border:1px solid #555;
	padding:5px 10px;
}
.product-category-header {
	font-weight:700;
	float:left;
	text-align:left;
}
.product-category-row {
	margin:5px 0 0;
	border:1px solid #CBC7BD;
	padding:5px 10px;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
	text-align:right;
}
.product-category-column {
	float:left;
	padding:6px 0 0;
}
.product-category-name-column {
	width:720px;
	text-align:left;
}
.product-category-default-column {
	width:100px;
	text-align:center;
}
.add-product-to-category-container {
	margin:25px 0 0;
	border:1px solid #CBC7BD;
	padding:5px 10px 0;
	position:relative;
}
.add-product-to-category-container h3 {
	display:block;
	background: url(jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png) repeat scroll 50% 50% #ECEADF;
	margin:-5px -10px 10px;
	padding:10px;
	border-bottom:1px solid #CBC7BD;
	color:#654B24;
}
.add-product-to-category-button {
	position:absolute;
	right:10px;
	bottom:10px;
}

/* Dashboard */
.dash-panel {
	margin:10px;
	padding:10px;
	border:1px solid #CBC7BD;
	border-radius:6px;
	height:300px;
	overflow-x:auto;
}
.dash-panels {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin:10px;
}
.dash-panels .dash-panel {
	margin:0;
}
.dash-panel h2 {
	margin:0 0 10px;
	font-size:15px;
}
.product-attribute-completion-label {
	font-weight:700;
	margin:15px 0 5px;
}
.ui-progressbar {
	position:relative;
}
.progress-label {
	position:absolute;
	right:10px;
	top:5px;
	text-shadow:1px 1px 0 #fff;
}

/* Catalogues */
.category-filter-label {
	display:block;
	margin-bottom:5px;
	font-weight:700;
	padding-left:2px;
}
.catalogue-category-container {
	margin:10px 0 10px;
}
.catalogue-category-header-container {
	display:table;
	width:100%;
}
.catalogue-category-header {
	display:table-row;
}
.catalogue-category-header.master-header {
	font-weight:700;
	height:40px;
}
.catalogue-category-header.master-header .catalogue-category-header-column {
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_eceadf_60x60.png") repeat scroll 50% 50% #ECEADF;
	border-color:#654B24;
	color:#654B24;
}
.catalogue-category-header-column {
	display:table-cell;
	background:url("jQuery_UI/pepper-grinder/images/ui-bg_fine-grain_10_f8f7f6_60x60.png") repeat scroll 50% 50% #F8F7F6;
	border:1px solid #CBC7BD;
	border-right-width:0;
	padding:2px 4px;
	vertical-align:middle;
}
.catalogue-category-header-column:first-child {
	border-radius:6px 0 0 6px;
}
.catalogue-category-header-column:last-child {
	border-radius:0 6px 6px 0;
	border-right-width:1px;
}
.catalogue-category-container.expanded .catalogue-category-header-column:first-child {
	border-radius:6px 0 0 0;
}
.catalogue-category-container.expanded .catalogue-category-header-column:last-child {
	border-radius:0 6px 0 0;
}
.catalogue-category-header-column.name {
	width:324px;
	font-weight:700;
	padding-left:8px;
}
.catalogue-category-header-column.languages {
	width:360px;
	text-align:center;
}
.catalogue-category-header-column.assignable {
	width:90px;
	text-align:center;
}
.catalogue-category-header-column.status {
	width:90px;
	text-align:center;
}
.catalogue-category-header-column.buttons {
	width:106px;
	text-align:center;
}
.catalogue-category-edit-box {
	padding:10px 15px 15px;
	background-color:#fcfcfc;
	display:none;
	border:1px solid #CBC7BD;
	border-top-width:0;
	border-radius:0 0 6px 6px;
}
#add-new-category-inner-wait-message {
	text-align:center;
	line-height:50px;
}