/* ADMINISTRATION CIBLO BOUTIQUE - BOOTSTRAP */
html, body { height: 100%; }

* { margin: 0; padding: 0; }

img { border: none; }

a { color: #4d4190; text-decoration: none; }
a:hover { color: #695db3; text-decoration: underline; }

h1 { font: bold 24px Arial, sans-serif; }
h2 { font: bold 16px Arial, sans-serif; }
h3 { font: bold 13px Arial, sans-serif; }
h4 { font: bold 11px Arial, sans-serif; }

ul, ol { list-style-type: none; }

input, textarea, select, option { font-size: 10px; }

span.accessKey { text-decoration: underline; }
.duplicateAccessKey { background: #900; color: yellow; }

.clear {
	clear: both; height: 0;
	font-size: 1px; line-height: 1px;
	*position: absolute;
} /* Hack IE6 */

.hidden { display: none; }
.center { text-align: center; }

.help { font-style: italic; color: gray; margin: 1em 0; }

body.body {
	background: white; color: #333;
	font: normal 10px Arial, Verdana, sans-serif;
}

#minHeight { min-height: 100%; position: relative; }

div#all {
	position: relative; width: 98em; margin: 0 auto;
	overflow: hidden; padding-top: 1em; padding-bottom: 7.5em;
}


/* BOX MODELS (WITH ROUNDED CORNERS) */
/* Used by the mainmenu and the logout button */
.box1 {
	background: #eee url(../images/back/main_menu_bg.gif) left top repeat;
}
.box1 .boxhead {
	background: transparent url(../images/back/box1_tr.gif) right top no-repeat;
}
.box1 .boxhead .content {
	background: transparent url(../images/back/box1_tl.gif) left top no-repeat;
	padding: 0.71em 0.71em 0 0.71em;
	font-size: 14px; font-weight: bold; text-align: center;
}
.box1 .boxbody {
	background: transparent url(../images/back/box1_br.gif) right bottom no-repeat;
}
.box1 .boxbody .content {
	background: transparent url(../images/back/box1_bl.gif) left bottom no-repeat;
	padding: 0 1em 1em 1em;
}

/* Used by the submenu */
.box2 .boxhead {
	background: #f4f3f0 url(../images/back/box2_tr.gif) right top no-repeat;
}
.box2 .boxhead .content {
	background: transparent url(../images/back/box2_tl.gif) left top no-repeat;
	padding: 0.6em 1.5em;
}
#all .box2 .active {
	background-image: url(../images/back/box2_tr_active.gif);
}

/* CUSTOM BUTTONS */
a.btnAdd, a.btnReorder, a.btnExport {
	float: left; font-size: 12px; font-weight: bold; padding-left: 2.5em;
	margin-right: 0.5em; color: #333;
	background: white url(../images/back/button_link_add.gif) left center no-repeat;
}
a.btnReorder { background-image: url(../images/back/button_link_reorder.gif); }
a.btnExport { background-image: url(../images/back/button_link_export.gif); }
a.btnReorder, a.btnExport { float: right; margin-right: 0; }

a.btnAdd span, a.btnReorder span, a.btnExport span {
	display: block;	float: left;
	height: 34px; line-height: 2.8em; padding-right: 0.86em;
	background: white url(../images/back/button_link_add.gif) right center no-repeat;
}
a.btnReorder span { background-image: url(../images/back/button_link_reorder.gif); }
a.btnExport span { background-image: url(../images/back/button_link_export.gif); }

a.btnBack {
	display: block; font-size: 12px; font-weight: bold; width: 150px; height: 34px;
	margin: 0 auto; color: #333;
	cursor: pointer; border: none; line-height: 34px; text-align: center;
	background: #f4f3f0 url(../images/back/button_submit.gif) left center no-repeat;
}
a.btnBack:hover { background-image: url(../images/back/button_submit_hover.gif); }


/* HEADER */
div#header { position: relative; height: 8em; }

h1#logo span { display: block; text-indent: -9000px; }
h1#logo a {
	position: absolute; overflow: hidden;
	font-size: 10px; width: 7.1em; height: 8.9em; left: 10em; top: 1em;
}
h1#logo a:hover { text-decoration: none; }

#header p.message {
	position: absolute; right: 13em; top: 0;
	font-size: 12px; padding-left: 2.3em; padding-top: 0.6em; line-height: 1.7em;
	background: transparent url(../images/back/icon_user_online.gif) left center no-repeat;
}

div#logout { position: absolute; right: 0; top: 0; }
div#logout a {
	display: block; padding-left: 2em;
	font-weight: bold; font-size: 12px;
	background: transparent url(../images/back/icon_user_offline.gif) left center no-repeat;
}

/* TITLE */
div.title {
	padding-left: 0.83em; width: 55.87em; float: right; font-size: 12px;
	background: transparent url(../images/back/main_title_bg.gif) left top no-repeat;
}
div.title h2 {
	font-size: 20px; font-weight: normal; margin-bottom: 1em; padding-right: 0.5em;
	height: 31px; line-height: 31px; text-align: right; color: white;
	background: transparent url(../images/back/main_title_bg.gif) right top no-repeat;
}

/* PANEL */
#panel {
	width: 98em; float: left; position: relative;
	background: transparent url(../images/back/main_menu_bg.gif) repeat-y scroll left top;
}

.box3 .boxhead {
	background: transparent url(../images/back/box1_tr.gif) right top no-repeat;
}
.box3 .boxhead .content {
	background: transparent url(../images/back/box1_tl.gif) left top no-repeat;
	padding: 0.71em 0.71em 0 0.71em;
	font-size: 14px; font-weight: bold; text-align: center;
}

#panel .bottomCorner {
	position: absolute; bottom: 0; left: 0; width: 28em; height: 0.8em;
	background: transparent url(../images/back/box1_b.gif) left bottom no-repeat;
}

/* MAIN MENU */
div#menuColumn { float: left; width: 28em; }

ul#mainMenu { padding: 1em 1em 2em 2em; }
#mainMenu li { position: relative; }
#mainMenu li a.title { margin-left: 1.5em; }
#mainMenu li a.empty { color: #bbb; font-style: italic; } /* KICKME */
#mainMenu li a.quickAdd {
  position: absolute; right: 0.1em; top: 0.2em;
  font-size: 10px; color: #55ae55;
}
#mainMenu li ul { margin-left: 3em; }
#mainMenu li.active a { font-weight: bold; }
#mainMenu li.active li a { font-weight: normal; }

#mainMenu div, #all #mainMenu div a {
	display: block; font-size: 10px; width: 1.8em; height: 1.8em;
	background: transparent none left 2px no-repeat;
}
#mainMenu div { position: absolute; top: 0; left: 0; }
#all #mainMenu div.collapse a {
	background-image: url(../images/back/icon_collapse.gif);
}
#all #mainMenu div.collapse a:hover {
	background-image: url(../images/back/icon_collapse_hover.gif);
}
#all #mainMenu div.expand a {
	background-image: url(../images/back/icon_expand.gif);
}
#all #mainMenu div.expand a:hover {
	background-image: url(../images/back/icon_expand_hover.gif);
}
#mainMenu div.disabled {
	background-image: url(../images/back/icon_expand_disabled.gif);
}
#all #mainMenu div.disabled a { display: none; }

#mainMenu li a { font-size: 14px; line-height: 1.5em; color: black; }
#mainMenu li li a { color: #695ca0; }
#mainMenu li li li a { color: #584e98; }



/* CONTENT */
div#content { float: right; font-size: 12px; width: 56.7em; position: relative; }

div#breadcrumbs { color: #4d4190; margin-bottom: 1em; }
#breadcrumbs p { display: inline; font-weight: bold; }
#breadcrumbs ul { display: inline; }
#breadcrumbs li {
	display: inline; padding-left: 1.5em;
	background: transparent url(../images/back/icon_breadcrumbs_item.gif) 0.5em center no-repeat;
}
#breadcrumbs li.active { font-weight: bold; }
#breadcrumbs li.first { background: none; padding-left: 1em; }

div#abstract { /*KICK margin-bottom: 1.5em; */ }
#abstract h3, #abstract h4 { font-size: 18px; color: #4d4190; padding-bottom: 0.1em; }

#preview {
  position: relative; padding: 1em 2em; color: #4d4190;
  border-top: 1px solid #4d4190; border-bottom: 1px solid #4d4190;
}
#preview img { float: left; border: 1px solid #ccc; height: 50px; margin-right: 1em; }
#preview div {
  margin-left: 6em; font-family: verdana, sans-serif; width: 35em;
}
#preview div p span { font-weight: bold; }
#preview .previewLink a {
  position: absolute; bottom: 0.5em; right: 0.5em; font-weight: bold;
  padding-left: 21px; line-height: 1.6em; height: 1.6em; color: #333;
  background: transparent url(../images/back/silk/magnifier.gif) left center no-repeat;
}

.tableLinks { margin-top: 1em; }

ul#submenu {
	float: left; width: 100%; margin-top: 1.5em;
	background: transparent url(../images/back/submenu_line.gif) left bottom repeat-x;
}
#submenu li { float: left; border-bottom: 1px solid #e4e4e4; position: relative; }
#submenu li.active { border-color: #f4f3f0; }
#submenu li .content {
	float: left; height: 2.4em; line-height: 2.4em;
	padding: 0.3em 0.8em 0.3em 2.3em; font-weight: bold; color: #333;
}
#submenu li.wrapped .content { line-height: 1.2em; }
#submenu li .content img.icon { position: absolute; top: 0.8em; left: 0.6em; }
#submenu li .content span { float: left; font-size: 11px; }

#submenu li div.content { font-style: italic; color: #888;  }
#submenu li a:hover, #submenu li.active .content {
	color: #4d4190; text-decoration: none;
}
#submenu li a:hover { cursor: pointer; }
#submenu li a:hover span { text-decoration: underline; cursor: pointer; }

.tabbed .submenuLinks { margin-bottom: 1em; }
.tabbed .btnAdd, .tabbed .btnAdd span {
	background-color: #f4f3f0;
}
.tabbed p.submit { margin-top: 3em; }


div#mainContent {
	padding: 2.5em 1.25em 0.83em; position: relative;
	background-color: #f4f3f0; border: 1px solid #e4e4e4; border-top: 0;
}

#flashes .notice, .flashes .notice {
	margin-bottom: 1em;
}
#flashes .notice, .flashes .notice {
	border: 1px solid #48a42a; color: #48a42a; font-weight: bold;
	padding: 0.83em; padding-left: 2.91em;
	background: #d4f4cd url(../images/back/silk/flag_green.gif) 1em center no-repeat;
}

#errorExplanation h2 { display: none; }

#errorExplanation p, div.flashes.error p { font-size: 16px; font-weight: bold; }

#errorExplanation, .errorExplanation, #flashes .error, div.flashes.error {
	margin-bottom: 2em; padding: 0.83em; padding-left: 2.91em;
	color: #cb2c2c; border: 1px solid #cb2c2c;
	background: #f4dbcd url(../images/back/icon_error.png) 1em center no-repeat;
}
#flashes .error { font-size: 11px; margin: 0 0 1em; }
#errorExplanation ul li, #flashes .error ul li, div.flashes.error ul li {
	font-size: 12px; margin-left: 1em; padding-left: 1em;
	background: transparent url(../images/back/mark_error.gif) left center no-repeat;
}

div.flashes.error label { text-decoration: underline; cursor: pointer; }

form.regular fieldset { clear: both; border: 0; margin-bottom: 1.66em; }
form.regular fieldset legend { display: none; }

.regular h4 {
	color: #463a87; background-color: #ebe8e5; border: 1px solid #dfdddf;
	font-size: 14px; padding: 0.4em 0.8em; margin-top: 1em; margin-bottom: 1em;
	clear: both;
}

.regular p, .regular div.p { padding: 0.4em 0 0; clear: both; }
.regular label {
	float: left; display: inline; text-align: right; padding-left: 1.5em;
	line-height: 1.5em; width: 12.5em; padding-right: 1em;
	background: transparent none 13px center no-repeat; position: relative;
}
.regular label.basic { float: none; width: auto; text-align: left; padding-left: 0; }
.regular label span.info, .regular span.formatInfo {
	font: 10px Arial, sans-serif; color: #888;
}
.regular input.field, .regular select, .regular textarea, .regular .tree,
.searchBox input.field, .searchBox select, .searchBox textarea {
	font: 12px Arial, sans-serif; color: #333;
	border: 1px solid #aaa; padding: 0.1em 0.2em;
}
.regular option { font: 11px Arial, sans-serif; color: #707070; padding: 0 0.2em; }
.regular input:focus, .regular select:focus, .regular textarea:focus {
	background-color: #f7f5ff;
}
.regular input.radio, .regular input.check {
	margin-right: 0.5em;
}
.regular label.required { font-weight: bold; }
.regular label.missing {
	color: #cb2b2c;
	background-image: url(../images/back/icon_error.png);
}
.regular span.value { line-height: 1.5em; color: #666; font-weight: bold; }
.regular input.missing,
.regular select.missing,
.regular textarea.missing,
.regular .tree.missing {
	color: #cb2c2c; border-color: #cb2c2c; background-color: #f4dbcd;
}
.regular input.missing:focus,
.regular select.missing:focus,
.regular textarea.missing:focus {
	color: #cb2c2c; border-color: #cb2c2c; background-color: #fdece3;
}

.regular p.checkbox { padding-left: 15em; }
.regular p.checkbox label { float: none; padding-left: 0.5em; margin: 0 }

.regular .large input, .regular .large textarea { width: 38em; }
.regular .large select { width: 38.4em; }
.regular .large .tree { width: 37.4em; }
.regular .medium input, .regular .medium textarea { width: 26em; }
.regular .medium select { width: 26.4em; }
.regular .small input, .regular .small textarea { width: 13em; }
.regular .small select { width: 13.4em; }
.regular .smaller input, .regular .smaller textarea { width: 5.5em; }
.regular .smaller select { width: 5.9em; }

.regular input.number { text-align: right; }

.regular .radios { padding-left: 15em; }
.regular .radios label, .regular .radiosWithLabel label.radioLabel {
	float: none; width: auto;
	padding-left: 0.5em; padding-right: 2em; text-align: left;
}

.regular .second input { float: left; display: inline; }
.regular .second span.unit { float: left; width: 2em; margin-left: 0.5em; margin-right: -2.5em; }
.regular .second input.check { float: left; display: inline; margin-left: 8.2em; }
.regular .second label.inlined { width: auto; padding: 0; margin: 0; }
#all .regular input.disabled, #all .regular select.disabled, #all .regular textarea.disabled {
	background-color: #ccc;
}
#all input.ok.disabled { background-color: transparent; }

.regular .prices input { float: left; }
.regular label.inlined {
	float: left; width: 4em; background-position: right center;
	padding-left: 0.2em; padding-right: 1.5em; text-align: left;
	margin-right: 1em;
}

.regular .activeBox { position: absolute; right: 1em; top: 0.2em; }
.regular .activeBox label { float: none; padding: 0; }

.regular img.datePicker { cursor: pointer; }

.regular .collapsed a, .regular .expanded a {
	display: inline; position: relative; float: left;
	font-size: 14px; margin-left: 1em; margin-bottom: 1em; padding: 0.4em 0.8em 0.4em 1.5em;
	background: transparent url(../images/back/icon_collapse.gif) left center no-repeat;
}
.regular .collapsed a {
	margin-top: 1em;
	background-image: url(../images/back/icon_expand.gif);
}
.regular #editorials {
	border: 1px solid #dfdddf; background-color: #ebe8e5;
	margin-top: 1em; padding-bottom: 1em;
}

.regular .tree {
	float: left; background-color: white;
	font-weight: bold; position: relative;
	height: 20em; overflow-x: hidden; overflow-y: scroll;
}
.regular .tree ul { padding-left: 1.5em; font-weight: normal; }
.regular .tree li { position: relative; }
.regular .tree { padding: 0.5em; }
.regular .tree { _margin: 0.2em; }

.regular .tree label {
	float: none; padding-left: 0.5em; width: auto; position: absolute;
}
.regular .tree label:hover { text-decoration: underline; cursor: pointer; }
.regular .large .tree input { width: auto; }

.regular p.submit { margin-top: 3em; text-align: center; }
.regular p.submit input {
	font-size: 12px; font-weight: bold; width: 150px; height: 34px; border: 0;
	background: transparent none center center no-repeat;
	cursor: pointer; text-align: center; margin: 0 1em;
}
.regular p.submit input.add {
	background-image: url(../images/back/button_add.gif);
}
.regular p.submit input.add:hover {
	background-image: url(../images/back/button_add_hover.gif);
}
.regular p.submit input.ok {
	background-image: url(../images/back/button_submit.gif);
}
.regular p.submit input.ok:hover {
	background-image: url(../images/back/button_submit_hover.gif);
}
.regular p.submit input.cancel {
	background-image: url(../images/back/button_cancel.gif);
}
.regular p.submit input.cancel:hover {
	background-image: url(../images/back/button_cancel_hover.gif);
}

.regular p.notice {
	font-size: 11px; margin: 1em; font-style: italic; color: gray;
}

.regular p.userHelp {
	color: gray; font-size: 11px; line-height: 1.5em; margin-bottom: 1.5em;
}

/* Tiny MCE */
.regular .mce table { z_index: 42; }
.regular .mce table.mceLayout { border-color: #aaa; }
.regular .mce table.mceLayout .mceFirst .mceToolbar { border-top-color: #aaa; }
.regular .mce table.mceLayout tr.mceLast td.mceFirst {
	border-bottom-color: #aaa; background-color: white;
}
.regular .mce table.mceLayout.missing { border-color: #cb2c2c; }
.regular .mce table.mceLayout.missing .mceFirst .mceToolbar {
	border-top-color: #cb2c2c;
}
.regular .mce table.mceLayout.missing tr.mceLast td.mceFirst  {
	border-bottom-color: #cb2c2c; background-color: #fdece3;
}

/* SEARCH PAGE */
#searchBox {
	margin-top: 1em; padding: 1em;
	border: 1px solid #e4e4e4; background-color: #f4f3f0;
}

.searchBox form.regular {
	border: 1px solid #dfdddf; background-color: #ebe8e5;
	padding: 1em; margin-bottom: 1.5em;
	position: relative; /* IE sucks */
}

.searchBox form.regular p { padding: 0; }
.searchBox form.regular p.centered { text-align: center; }

.searchBox form.regular label { font-weight: bold; float: none; }

.searchBox form.regular input { width: 11em; margin-right: 1em; }
.searchBox form.regular input.search {
	font-size: 12px; width: 115px; height: 22px; font-weight: bold;
	padding-left: 20px; padding-bottom: 2px; margin-right: 0;
	text-align: left; cursor: pointer; border: none;
	background: transparent url(../images/back/button_search.gif) left top no-repeat;
}
.searchBox form.regular select { width: 13em; margin-right: 1em; }

.searchBox form.regular div.resultsPerPage {
	position: absolute; top: 1em; right: 2em;
}

.searchBox form.regular div.resultsPerPage select { width: 4em; margin-right: 0.5em; }
.searchBox form.regular div.resultsPerPage label { padding: 0; }

.searchBox .regular h3 {
	font-weight: bold; color: #4d4190; font-size: 16px;
	margin-top: 1em; margin-bottom: 1em; position: relative; /* IE sucks */
}

.searchBox .regular h4 {
	font-weight: bold; color: #333; font-size: 13px;
	background: none; border: 0; padding: 0;
	margin-top: 0; margin-bottom: 1em; position: relative; /* IE sucks */
}

.searchBox input.ok {
	font-size: 12px; font-weight: bold; width: 50px; height: 20px; border: none;
	background: transparent url(../images/back/button_ok.gif) left top no-repeat;
	cursor: pointer; margin-left: 0.5em; padding-left: 1em;
}

.searchBox label.results { padding-left: 8em; }

.imageBox input.send {
	font-size: 12px; font-weight: bold; width: 10em; height: 21px; border: none;
	background: transparent url(../images/back/button_search.gif) left top no-repeat;
	cursor: pointer; margin-left: 0.5em; padding-left: 1em;
}

.searchBox p.resultTitle { margin-bottom: 0.2em; color: #777; font-weight: bold; }
.searchBox p.resultTitle span { font-weight: normal; }


/* TABBED SEARCH BOX */
.tabbed h3.afterListing { margin-top: 1.5em; }

.tabbed form.regular { text-align: left; }
.tabbed form.regular label { font-weight: bold; width: 21.5em; }
.tabbed form.regular p.submit { margin: 0; }


/* MAIN LIST */
.searchBox .mainList { float: left; width: 100%; }

.searchBox .mainList li {
	float: left; display: inline; position: relative;
	width: 25em; padding: 0.53em 0.7em; margin-bottom: 0.7em;
	border: 1px solid #dfdddf; background-color: #ebe8e5;
	clear: both;
}

.searchBox .mainList li.inactive { background-color: #d1cecb; }
.searchBox .mainList li.limitedStock a.name { color: #f27e02; }
.searchBox .mainList li.outOfStock a.name { color: #e02727; }

.searchBox .mainList li.disabled {
	background-color: #d1cecb; color: #777;
}
.searchBox .mainList li.disabled .actions { display: none; }

.searchBox .mainList li.right { float: right; clear: none; }

.searchBox .mainList li img {
	float: left; border: 1px solid #ccc;
	margin-right: 1em; height: 5em; width: 5em;
}

.searchBox .mainList li div { margin-left: 5em; }

.searchBox .mainList li .actions { float: right; }

.searchBox .actions .default,
.searchBox .actions .show,
.searchBox .actions .edit,
.searchBox .actions .delete,
.searchBox .actions .deleteDisabled,
.searchBox .actions .linkAdd,
.searchBox .actions .linkDelete,
.searchBox .actions .highlight,
.searchBox .actions .unhighlight,
.imageBox .imageDeleter {
	position: absolute; bottom: 0.4em; right: 0.7em; height: 16px;
	font-size: 11px; padding-left: 17px; line-height: 1.45em;
	background: transparent none left center no-repeat;
}
.imageBox .imageDeleter { position: static; }

.searchBox .actions .show {
	right: 15.7em;
	background-image: url(../images/back/silk/magnifier.gif);
}
.searchBox .actions .default {
	right: 15em;
	background-image: url(../images/back/silk/star.gif);
}

.searchBox .actions .edit {
	right: 8.2em;
	background-image: url(../images/back/silk/page_edit.gif);
}

.searchBox .actions .delete,
.searchBox .actions .deleteDisabled,
.imageBox .imageDeleter {
	background-image: url(../images/back/silk/cancel.gif);
}
.searchBox .actions .deleteDisabled {
	background-image: url(../images/back/silk/disabled/cancel.gif);
	font-style: italic; cursor: not-allowed; color: #777;
}

.searchBox .actions .linkAdd {
	background-image: url(../images/back/silk/add.gif);
}
.searchBox .actions .linkDelete {
	background-image: url(../images/back/silk/delete.gif);
}
.searchBox .actions .highlight {
	background-image: url(../images/back/silk/star.gif);
}
.searchBox .actions .unhighlight {
	background-image: url(../images/back/silk/disabled/star.gif);
}

.searchBox .actions .updateForm {
	position: absolute; left: 6.8em; bottom: 0.4em;
}

.searchBox .actions .updateForm,
.searchBox .actions .updateForm p {
	display: inline;
}


/* CATEGORIES: 3 column for supplying */
#submenuSupplying h3 { margin-bottom: 1em; }
#categoryProductsForm ol.checkList {
	float: left; display: inline; width: 17em; padding-right: 1em;
}
#submenuSupplying .notice { margin-bottom: 1em; }
#submenuSupplying .submit { padding: 0; margin: 1.5em 0; }


.searchBox .actions .updateForm .quantity input {
	width: 2.5em;
}


/* CONTACTS */
table.mainList {
	border-collapse: collapse;
	border: 1px solid #777; width: 100%;
}
table.mainList th {
	background-color: #4d4190; color: white;
	text-align: left;
}
table.mainList td, table.mainList th {
	padding: 0.2em 0.5em;
}
table.mainList tr.color { background-color: #ccc6f1; }
table.mainList tr.message { background-color: white; }
table.mainList th.col0 { width: 2em; }
table.mainList th.col1 { width: 10em; }
table.contacts th.col5 { width: 2em; }


/* TAXES: default tax */
#defaultTax {
	float: left; display: inline; position: relative;
	width: 25em; padding: 0.53em 0.7em; margin-bottom: 2em;
	border: 1px solid #dfdddf; background-color: #ebe8e5;
}
#defaultTax img {
	float: left; border: 1px solid #ccc;
	margin-right: 1em; height: 5em; width: 5em;
}

#activeCarriers { margin-bottom: 2em; }

/* PAGINATION */
div.pagination { text-align: center; margin: 1.1em 0 1.5em; }

div.pagination a, div.pagination span {
	display: -moz-inline-stack;
	line-height: 1.7em; height: 20px;
	display: inline-block; width: 1.1em; padding: 0 0.2em; font-weight: bold;
	border: 1px solid #30287d; text-align: center; color: white;
	background: #8574ae url(../images/back/page_link.gif) left top repeat-x;
}

div.pagination a {
	border-color: #282828; /* Switch styles */
	background-image: url(../images/back/page_link_disabled.gif);
}

div.pagination .prev_page, div.pagination .next_page {
	width: 92px; border: none; color: #4d4190;
	padding: 0.2em 1.3em; text-align: center; height: 22px;
	background: transparent url(../images/back/page_button.gif) center top no-repeat;
}

div.pagination .gap { border: none; color: #4d4190; background: none; }


/* IMAGE BOX */
.imageBox {
	margin-bottom: 2em;
	border: 1px solid #dfdddf; background-color: #ebe8e5; padding: 2em;
}

.imageBox .image { text-align: center; }

.imageBox .image img { max-width: 49.8em; }

.imageBox .image p a { padding-top: 0.1em; }

.imageBox form { text-align: center;}

.imageBox form input.field { width: 23.8em; }

.imageBox form.spinner {
	background: transparent url(../images/back/spinner.gif) right 0.65em no-repeat;
}

.imageBox .info { margin-right: 0.8em; color: gray; }


/* ORDERS */
table.orders {
	width: 100%; border-collapse: collapse; border: solid 1px #333;
}
table.orders th, table.orders td { padding: 0.2em 0.3em; }
table.orders thead tr {
	text-align: left; font-weight: bold; color: white; background-color: #4d4190;
}
table.orders tbody tr { background-color: white; }
table.orders tbody tr.highlighted { background-color: #ccc6f1; }
table.orders th.right, table.orders td.right { text-align: right; padding-right: 1em; }

#order p.weight { padding-left: 1.5em; }

/* ORDER EDIT */

#order #abstract h3 { float: left; display: inline; }
#order #abstract h3 span { font-size: 12px; font-weight: normal; }
#order #abstract p { float: right; display: inline; padding-top: 6px; }

#order #mainContent {
	background-color: transparent; border: 0; padding: 0; margin-top: 1.5em;
}

#order p.collapsed, #order p.expanded {
	margin-bottom: 1.5em;
}
#order p.collapsed a, #order p.expanded a {
	font-size: 14px; font-weight: bold;
	padding: 0.4em 0.8em 0.4em 1.5em;
	background: transparent url(../images/back/icon_collapse.gif) left center no-repeat;
}
#order p.collapsed a {
	background-image: url(../images/back/icon_expand.gif);
}
#order h4 {
	font-size: 14px; font-weight: bold; margin: 1.5em 0 0.3em; color: #4d4190;
}
#order h4 span { font-size: 12px; font-weight: normal; }
#order h4 a { text-decoration: underline; }

table.order {
	border-collapse: collapse; border: solid 1px #453886; width: 100%;
	margin-bottom: 1em;
}
table.order th, table.order td { padding: 0.2em 0.3em; }
table.order thead {
	background: #7b6ba8 url(../images/back/orders_table1_bg.png) left top repeat-x;
}
table.order thead tr {
	text-align: center; font-weight: bold; color: white;
}
table.order thead tr th { border: solid 1px white; }
table.order thead tr th.first { border-left: 0; }
table.order thead tr th.last { border-right: 0; }
table.order tbody tr { text-align: center; background-color: white; }
table.order tbody tr.highlighted { background-color: #dcf3d6; }
table.order tbody td {
	border-collapse: collapse; border: solid 1px #453886;
}
table.order tbody tr.pack span { font-style: italic; padding-left: 1em; }
table.order tfoot { border-top: solid 1px #453886; }
table.order tfoot tr { text-align: right; }
table.order tfoot th.total { color: #453886; }
table.order tfoot tr.last { border: solid 1px #453886; }
table.order .right { text-align: right; }
table.order .left { text-align: left; }

#order .bill p { clear: both; font-weight: bold; padding-top: 0.4em; padding-left: 1.5em; }
#order .bill p span {
	float: left; clear: both; width: 15em; font-weight: normal; color: #4d4190;
}

#orderStatuses .order thead {
	background-image: url(../images/back/orders_table2_bg.png);
	background-color: #7a69a6;
}
#orderStatuses .order th, #orderStatuses .order td { text-align: left; vertical-align: top; }
#orderStatuses .order .fixed { width: 10em; }

#orderStatuses p.submit { margin: 0.5em 0; text-align: center; }
#orderStatuses p.submit select, .orderStatuses p.submit textarea {
	font: 12px Arial, Verdana, sans-serif; color: #333;
	border: 1px solid #aaa; padding: 1px 2px;
}
#orderStatuses p.submit select { width: 20em; }
#orderStatuses p.submit textarea { width: 40em; }
#orderStatuses p.submit input.ok {
	font-size: 12px; font-weight: bold; width: 150px; height: 34px; border: 0;
	background: transparent url(../images/back/button_submit.gif) center center no-repeat;
	cursor: pointer; text-align: center;
}
#orderStatuses p.submit input.ok:hover {
	background-image: url(../images/back/button_submit_hover.gif);
}

#orderStatuses p.field { padding-top: 0.5em; clear: both; }
#orderStatuses p.field label {
	float: left; display: inline; width: 15em; height: 1.5em;
	font-weight: bold; color: #453886;
}
#orderStatuses p.field select, #orderStatuses p.field textarea {
	font-size: 12px; font-family: Arial, Verdana, sans-serif;
	width: 25em; padding: 0 1px;
	border: solid 1px #453886; background-color: white;
}
#orderStatuses p.field select { width: 25.5em; }
#orderStatuses p.field option { font-size: 12px; }

/* FORM FOR ADDRESSES (IN ORDERS) */

form.orderAddress {
	float: left; border: solid 1px #bbb;
	padding: 0.5em 0.5em 0.5em 0; background-color: #dfdbfb;
}
.orderAddress.billing { float: right; background-color: #d4e2eb; }
.orderAddress fieldset legend { display: none; }

.orderAddress h3 {
	font-size: 13px; font-weight: bold; padding-bottom: 0.3em; padding-left: 0.5em;
}

.orderAddress h4 {
	color: #463a87; background-color: #ebe8e5; border: 1px solid #dfdddf;
	font-size: 14px; padding: 0.4em 0.8em; margin-top: 1em; margin-bottom: 1em;
	clear: both;
}

.orderAddress p, .orderAddress div.p { padding: 0.2em 0 0; clear: both; }
.orderAddress label {
	float: left; display: inline; text-align: right;
	line-height: 1.5em; width: 9em; padding-right: 1em; position: relative;
}
.orderAddress label span.info, .orderAddress span.formatInfo {
	font: 9px Arial, sans-serif; color: #888;
}
.orderAddress input.field, .orderAddress select, .orderAddress textarea {
	font: 12px Arial, sans-serif; color: #333;
	border: 1px solid #aaa; padding: 0.1em 0.2em;
}
.orderAddress option { font: 11px Arial, sans-serif; color: #707070; padding: 0 0.2em; }
.orderAddress input:focus, .orderAddress select:focus, .orderAddress textarea:focus {
	background-color: #f7f5ff;
}
.orderAddress input.radio, .orderAddress input.check {
	margin-right: 0.5em;
}
.orderAddress label.required { font-weight: bold; }
.orderAddress label.missing { color: #cb2b2c; }
.orderAddress span.value { line-height: 1.5em; color: #666; font-weight: bold; }
.orderAddress input.missing,
.orderAddress select.missing,
.orderAddress textarea.missing,
.orderAddress input.missing:focus,
.orderAddress select.missing:focus,
.orderAddress textarea.missing:focus {
	color: #cb2c2c; border-color: #cb2c2c; background-color: #fdece3;
}

.orderAddress p.checkbox { padding-left: 15em; }
.orderAddress p.checkbox label { float: none; padding-left: 0.5em; margin: 0 }

.orderAddress .field input, .orderAddress .field textarea { width: 16.5em; }
.orderAddress .field select { width: 17em; }
.orderAddress .smaller input, .orderAddress .smaller textarea { width: 4em; }
.orderAddress .smaller select { width: 4.5em; }

.orderAddress input.number { text-align: right; }

.orderAddress p.smaller label.last { clear: none; margin-left: 0.9em; width: 6em; }
.orderAddress p.smaller input { float: left; }

.orderAddress .radios { padding-left: 15em; }
.orderAddress .radios label, .orderAddress .radiosWithLabel label.radioLabel {
	float: none; width: auto;
	padding-left: 0.5em; padding-right: 2em; text-align: left;
}

.orderAddress .second input { float: left; display: inline; }
.orderAddress .second input.check { float: left; display: inline; margin-left: 8.2em; }
.orderAddress label.inlined {
	float: left; width: 4em; background-position: right center;
	padding-left: 0.2em; padding-right: 1.5em; text-align: left;
	margin-right: 1em;
}

.orderAddress img.datePicker { cursor: pointer; }

.orderAddress .collapsed a, .orderAddress .expanded a {
	display: inline; position: relative; float: left;
	font-size: 14px; margin-left: 1em; margin-bottom: 1em; padding: 0.4em 0.8em 0.4em 1.5em;
	background: transparent url(../images/back/icon_collapse.gif) left center no-repeat;
}
.orderAddress .collapsed a {
	margin-top: 1em;
	background-image: url(../images/back/icon_expand.gif);
}

.orderAddress p.submit { margin-top: 0.5em; text-align: center; }
.orderAddress p.submit input {
	font-size: 12px; font-weight: bold; width: 150px; height: 34px; border: 0;
	background: transparent none center center no-repeat;
	cursor: pointer; text-align: center; margin: 0 1em;
}
.orderAddress p.submit input.ok {
	background-image: url(../images/back/button_submit.gif);
}
.orderAddress p.submit input.ok:hover {
	background-image: url(../images/back/button_submit_hover.gif);
}

.orderAddress p.notice {
	font-size: 11px; margin: 0.5em 0.5em 0; font-style: italic; color: gray;
}

.orderAddress p.userHelp {
	color: gray; font-size: 11px; line-height: 1.5em; margin-bottom: 1.5em;
}


/* REORDER */
ol.reorder { 
	border: 1px solid #e4e4e4; background-color: #f4f3f0;
	padding: 1em; margin-top: 1em; color: #333;
}

ol.reorder ol { padding: 0 0 0 1.5em; }

ol.reorder.activeScope, ol.reorder ol.activeScope {
	border: 1px solid silver; background: #eee;
}

ol.reorder li { line-height: 1.7em; cursor: move; }

ol.reorder.numbers {
	list-style-type: decimal;
	list-style-position: inside;
}

ol.reorder.numbers p { display: inline; }

/* Product Notification */
#packNotification {
	position: absolute;
	width: 100%; height: 100%;
	top: expression( ( ignoreMeL = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
	left: expression( ( ignoreMeT = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
	z-index: 4000;
}
form.regular > #packNotification { position: fixed; left: 0; top: 0; }

#shader {
	position: absolute; left: 0; top: 0; width: 100%;
	height: 100%; background: black;
	opacity: 0.7; filter: alpha(opacity=70); z-index: -4000;
}

#packNotification div.box {
	z-index: 5000; background-color: #F4F3F0; position: absolute;
	left: 50%; top: 40%; width: 36em; height: 24.5em;
	margin-left: -19em; margin-top: -13em;
	font-size: 1.2em; padding: 1em; border: 3px solid black;
	-moz-border-radius: 8px; border-radius: 8px;
}
form.regular > #packNotification div.box { position: fixed; left: 50%; top: 40%; }

#packNotification .packList {
	overflow: auto; overflow-x: hidden; background-color: white;
	overflow-y: scroll; height: 19em;
	border: 1px solid black; padding: 0.5em;
}

#packNotification h1 { font: bold 15px Arial, sans-serif; padding-bottom: 0.2em; }

#packNotification label {
	cursor: pointer; float: none; line-height: auto; width: auto;
	text-align: left; padding: 0 0 0 0.5em;
}

#packNotification label:hover { color: #777; }

#packNotification p { text-align: center; padding: 0.5em; }

#packNotification p input { font-size: 12px; }

/* FOOTER */
div#footer {
	position: absolute; bottom: 0; width: 100%;
	text-align: center; clear: both; z-index: -1;
}

#footer p {
	font-size: 11px; border: 5px solid #efece9; padding: 1.5em 0;
	background-color: #ebe8e5;
}