form {
	display: inline;
	}
.fl {
	float: left;	
}
.fr {
	float: right;
}
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.clear {
	clear: both;
}
span.italic {
	font-style: italic;
}
span.bold {
	font-weight: bold;
}
table.container_table {
	width: auto;
	max-width: 100%;
}
table.container_table tr td.container_table_left {
	vertical-align: top;
}
table.container_table tr td.container_table_right {
	vertical-align: top;
	width: 100%;	
}

td.containter_table_top {
	vertical-align: top;
}
.table-title {
	background: #f8f9fa;
	font-weight: bold;
	padding: 10px 0 10px 20px;
	font-size: 1.1em;
	line-height: 1.5em;
	vertical-align: top;
}
td.table-title-ro {
	background: #f8f9fa;
	font-weight: bold;
	padding: 4px 0 0 15px;
	height: 23px;
}
td.cell-title {
	background: #f5f6f6;
	font-weight: bold;
	padding: 0;
	height: 23px;
}
td.first-cell-adr {
	padding: 0 0 0 20px;
	height: 15px;
}
td.first-cell {
	padding: 0 0 0 20px;
	height: 21px;
}
td.first-cell-clear {
	padding: 0;
	height: 21px;
}
td.first-cell-top {
	padding: 0 0 0 10px;
	height: 21px;
	font-style: italic;
}
td.first-cell-ro {
	padding: 0 0 0 15px;
	height: 21px;
}
td.padding-cell {
	height: 21px;
}
td.empty-row {

}
td.cell-top {
	font-style: italic;
}
div.product_moreinfo {
	display: none;
}
div.product_moreinfo a {
	text-decoration: underline;
	display: block;
	padding: 4px 0;
}
table.statuses td {
	padding: 0 10px 0 0;
	vertical-align: top;
}
table.statuses input {
	float: left;
	margin: 0 3px 0 0;
}
.quick-frame-border {
	margin: 20px;
	border: 1px solid #E8E8E8;
}
.quick-frame-border td {
	padding: 4px 10px 2px 2px;
	vertical-align: top;
}
.quick-frame-border table td.first-cell-border {
	border-bottom: 1px solid #f2f0f0;
	padding: 4px 10px 1px 2px;
}
.quick-frame-border table td.total-border {
	border-bottom: 1px solid #e1e1e1;
	padding: 4px 10px 1px 2px;
}
.quick-frame {
	margin: 20px;
}
.quick-frame td {
	padding: 4px 0 0 1px;
	vertical-align: top;
}
td.quick-title {
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: bold;
	background: #dee2e6;
	padding: 4px 10px 2px 2px;
	vertical-align: bottom;
}
table.quick_sales_table td {
	padding: 0 15px 0 3px;
	border: 1px solid #cccccd;
}
span.error_message {
	color: #C00;
}
div.error_message {
	color: #C00;
	border: 1px solid #C00;
	padding: 5px 0 5px 25px;
	background: url('graphics/icon_alert.gif') top left no-repeat;
	margin: 0 0 10px 0;
}
span.success_message {
	color: green;
}
div.success_message {
	color: green;
	border: 1px solid green;
	padding: 5px 0 5px 25px;
	background: url('graphics/icon_alert.gif') top left no-repeat;
	margin: 0 0 10px 0;
}
span.no_results {
	font-style: italic;	
}
table.padding-table td {
	padding: 2px 0 2px 0;
}
table.padding-table2 td {
	padding: 2px 0 1px 0;
}
/** BREADCRUMBS **/
.main_breadcrumbs {
	height: 20px;
	clear: both;
	padding: 0 0 10px 216px;
	color: #666667;
}
/** LEFT MENU & CONTENT **/
#container-content {
	width:100%;
}
div.content-text {
	padding: 20px 20px 30px 20px;
	border-top: 0;
	margin: 0 0 23px 0;
	background: #fff;
}
div.content-text-conditions {
	padding: 20px;
	border: 1px solid #cccccd;
	border-top: 0;
	margin: 0 0 23px 0;
}
div.content-text-nopadding {
	border-top: 0;
	background:#fff;
}
div.quick-view-inside {
	padding: 0 10px 13px 10px;
}
div.help_window {
	visibility: hidden; 
	position: absolute; 
	width: 200px; 
	padding: 5px; 
	background: #ffffff;
	border: 1px solid #000000
}
img.icon_help {
	vertical-align: middle;
}

/** PRODUCT MENU **/
.rolloverFramework:after {
	display: block;
	content: "";
	clear: both;
}

.rolloverFramework td {
	vertical-align: bottom;
	padding: 0;
}

.tabDiv {
	display: block;
	float: left;
	margin-right: 2px;
}

a.tabDark,
a.tabLight {
	padding: .375em .75em;
	display: block;
	border-radius: .25rem .25rem 0 0;
}

a.tabDark span,
a.tabLight span {
	cursor: pointer;
	display: block;
}

a:hover.tabDark,
a:hover.tabLight {
	text-decoration: none;
}

a.tabDark {
	background: #fff;
}

a.tabLight {
	background: #ced4da;
}

#rolloverText {
	height: 2em;
	line-height: 2em;
	padding: 0 0 0 9px;
	background: #fff;
	font-style: italic;
	color: #868e96;
}

/** COLOUR BLOCKS **/
td.td-inlog {
	padding-left: 20px;
	padding-bottom: 3px;
}
td.td-inlog-text {
	padding-bottom: 3px;
}
td.padding-10 {
	padding-right: 20px;
}
td.padding-left {
	padding-left: 20px;
}
td.product-image {
	padding-left: 10px;
	vertical-align: bottom;
}
tr.pixel {
	line-height: 1px;
	height: 1px;
	padding: 0;
}
td.pixel {
	line-height: 1px;
	height: 1px;
	padding: 0;
}
/** CALENDAR POPUP CSS **/
div.select_date td {
	padding: 3px 0;
}
td.cpYearNavigation,
td.cpMonthNavigation {
	background: url('graphics/block_blue_right_top.gif') top left no-repeat;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 0 4px 0;
}
.cpDayColumnHeader,
.cpCurrentMonthDateDisabled,
.cpCurrentDateDisabled,
.cpTodayTextDisabled,
.cpText {

}
td.cpDayColumnHeader {
	text-align: right;
	padding: 2px 0 4px 0;
}
a.cpOtherMonthDate {
	color: #ccc;
}
td.cpTodayText,
td.cpTodayTextDisabled {
	padding: 1px 0 2px 0;
}
table.cpBorder {
	border-collapse: collapse;
	border: 1px solid #000;
}
.cpBorder table {
	border-collapse: collapse;
	border: 0;
}
td.cpCurrentMonthDate {
	text-align: right;
	border: 1px solid #fff;
	background: #f2f0f0;
}
td.cpOtherMonthDate {
	text-align: right;
	border: 1px solid #fff;
}
td.cpCurrentDate {
	text-align: right;
	background:	#ccc;
	border: 1px solid #fff;
	font-weight: bold;
}
a.cpCurrentMonthDate,
a.cpOtherMonthDate,
a.cpCurrentDate {
	width: 16px;
	height: 15px;
	display: block;
	background: #f2f0f0;
	padding: 2px 2px 0 0;
}
a:hover.cpCurrentMonthDate,
a:hover.cpOtherMonthDate,
a:hover.cpCurrentDate {
	width: 16px;
	height: 15px;
	display: block;
	background: #ccc;
	padding: 2px 2px 0 0;
	text-decoration: none;
}
a.cpOtherMonthDate {
	background: #fff;
}
a.cpCurrentDate {
	background: #ccc;
}
a:hover.cpOtherMonthDate {
	color: #000;
}
/** POPUP **/
div.popupClientArea {
}
div.popupHeader {
	height: 18px;
	cursor: move;
 background: url('graphics/drag_window.gif') repeat;
	padding: 2px 0 0 0;
	overflow: hidden;
}
div.popupContent {
	overflow: auto;
}
div.popupClose {
	width: 18px;
	height: 15px;
 background: url('graphics/window_close.gif') no-repeat;
}
div.popupMinimize {
	width: 18px;
	height: 15px;
 background: url('graphics/window_min.gif') no-repeat;
}
div.popupMaximize {
	width: 18px;
	height: 15px;
 background: url('graphics/window_resize.gif') no-repeat;	
}
div.input_file {
	background: url('graphics/btn/btn_dark_75_browse.gif') no-repeat 100%;
	height: 24px;
	width: 284px;
	margin: 0;
}
input.transparent_input_file {
	opacity:  0.0;
	-moz-opacity:  0.0;
	filter:  alpha(opacity=00);
}
div.fake_input_div {
	margin-top: -18px;
}
div.fake_input_div #fake_input_file,
div.fake_input_div #fake_input_file_1,
div.fake_input_div #fake_input_file_2,
div.fake_input_div #fake_input_file_3,
div.fake_input_div #fake_input_file_4 {
	border: 1px solid #4c4d4c;
	width: 204px;
	margin: 0;
	padding: 1px 0 1px 1px;
}

#extraInfo {
	background: #414140;
	border-top: 1px solid #4d4d4c;
	padding: 1px 0 1px 10px;
	color: #CCCCCC;
}

/** COMBOBOX **/
.cbMainContainer {
	width: 20em;
}
.cbContainer {
	width:  100%;
	position: relative;
}
.cbDropdown {
	height: 10em;
	overflow: auto;
	background-color: #fff;
	border: 1px solid #ced4da;
	position: absolute;
	z-index: 500;
	width: 100%;
	border-radius: .25rem;
}
div.cbDropdown ul {
	margin: 0;
	padding: 0;
}
div.cbDropdown li {
	margin: 0;
	padding: 0;
	text-decoration: 	none;
	list-style: none;
	list-style-type: none;
	display: block;
	padding: .25em 1.5em;
	color: #495057;
	font-weight: normal;
}
div.cbDropdown li:hover {
	text-decoration: none;
	outline: none;
	background-color: #f8f9fa;
}

div.condition_block {
	width: 200px;
	border:  1px solid #cccccd;
	background:  #f2f2f2;
	padding:  10px;
}
div.condition_block a {
	font-weight:  bold;
	text-decoration: underline;
	color: #535353;
}
div.condition_delete {
	padding:  0 0 0 10px;	
}
div.condition_connect {
	padding: 10px 0 10px 20px;
	font-weight: bold;
}
div.condition_add {
	width: 285px;
	border: 1px solid #cccccd;
	background: #f2f2f2;
	padding: 10px;
	margin: 35px 0 0 0;
}
div.back_arrow {
	margin:  -1px 0 0 0;
	padding: 0 3px 0 0px;
}
div.faq_setup td {
	margin: 0;
	padding: 0;
	vertical-align: top;
	background:  #fff url('graphics/faq_cell_background.gif') no-repeat;
}
div.faq_setup table {
	border-collapse: collapse;
}
div.faq_setup table td {
	white-space: nowrap;
}
div.faq_setup select {
	margin: 0 3px 0 0;
}
div.faq_vert {
	margin: 0;
	width: 10px;
	height: 22px;
}
div.faq_vert_clear {
	margin: 11px 0 0 0;
	width: 8px;
	height: 1px;
	float: left;
	border-top: 1px solid #cccccd;
}
div.faq_question {
	padding: 3px 6px 0 6px;
	font-weight: bold;
	background: #fff;
}
td.empty_cell_back {
	background: #fff;	
}
div.empty_faq_cell {
	height:  22px;
	background: #fff;
	margin: 0 0 0 1px;
}
div.empty_faq_cell_clear {
	height:  22px;
	background: #fff;
}
div.faq_option {
	padding: 3px 6px 0 6px;
	background: #fff;
	min-width:  180px;
	overflow: hidden;
}
div.faq_button_div {
	background: #fff;
	font-size: .8em;
	margin: 0 3px 3px 0;
}
.faq_normal {
	font-weight:  normal;	
}
div.faq_button {
	float: left;
}
div.delete_holder {
	padding: 10px 0 20px 0;
}
div.status_block {
	height: 16px;
	overflow: hidden;
}
div.sitemap_tree {
	padding: 0 30px 0 0;
}

div.sitemap_tree div {
	margin: 0 0 0 20px;
}
div.file_container {
	width: 52px;
	height: 51px;
	text-align: center;
	border: 1px solid #e1e1e1;
	padding: 1px 0 0 0;
	margin: 1px 1px 0 0;
	overflow:  hidden;
}
div.filter_text {
	padding: 2px 10px 0 0;
	*padding: 4px 10px 0 0;
}
.quick-frame-border td.pagenumber_td, .quick-frame-border td.pagenumber_td_active {
	padding-right: 5px;	
}
td.pagenumber_td {
	vertical-align: top;
	padding-right: 4px;
}
td.pagenumber_td_active {
	font-weight: bold;
	vertical-align: top;
	padding-right: 4px;
}
td.pagenumber_td a, td.pagenumber_td_active a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 1px 5px 1px 5px;
}
td.pagenumber_td a {
	color: #828282;
	border: 1px solid #f2f0f0;
}
td.pagenumber_td_active a {
	border: 1px solid #000;
}
td.pagenumber_td a:hover, td.pagenumber_td_active a:hover {
	color: #000;
	border: 1px solid #000;
}
div.filter label {
	padding: 0 20px 0 4px;
}
div.filter div.text {
	padding: 0 10px 0 0;
}
div.status_img {
	width: 20px;
}
span.status_img img {
	vertical-align: bottom;
}
div.block_addon {
	background: #ededed;
	padding: 15px 20px 15px 20px;
	border-top: 0;
	margin: 0 0 20px 0;
}
#show_search_results {
	padding-left: 6px;	
}
table.extra_info td {
	padding: 2px 0 0 0;	
}
table.extra_info td:first-child {
	padding: 2px 10px 0 0;
}
span.edit {
	font-weight: normal;
	margin-left: 10px;
	color: #333;
}
span.edit a {
	padding: 0 1px;
	color: #333;
	cursor: pointer;
}
p.page:first-letter {
	text-transform: uppercase;
}
td.greyed_out {
	color: #999;
}
div.report_frame {
	margin: 20px;
}
div.report_frame td {
	padding: 3px 10px 3px 1px;
	border-bottom: 1px solid #e8e7e8;
}


/* filebank */
div.file-bank-files div.file {
	width:400px; 
	margin:0 10px 15px 0; 
	border:1px solid #CCCCCD; 
	padding:4px;
	float:left;
	height:73px;
	overflow:hidden;
}
div.file-bank-files div.file div.preview-thumb {float:left;}
div.file-bank-files div.file div.preview-thumb div.image {
	width: 52px;
	height: 51px;
	text-align: center;
	border: 1px solid #e1e1e1;
	padding: 1px 0 0 0;
	margin: 1px 1px 0 0;
	overflow:  hidden;
}
div.file-bank-files div.file div.preview-thumb div.label {
	background:#e1e1e1;
	text-align:center; 
	color:#666; 
	width:54px; 
	overflow:hidden;
	padding-top:2px;
	padding-bottom:2px;
}
div.file-bank-files div.file div.file-info {
	width:340px; 
	overflow:hidden; 
	padding:0 0 0 4px;
	float:left;
}
div.file-bank-files div.file div.file-info div.file-name {
	width:250px; 
	word-wrap:break-word; 
	background:#E1E1E1; 
	color:#666666; 
	padding:3px 5px; 
	margin-top:1px;
}
div.file-bank-files div.file div.file-info div.locations {
	border:1px solid #E1E1E1; 
	word-wrap:break-word; 
	padding:5px; 
	height:100px;
}

div.file-bank-files div.file div.file-info div.delete-link {float:right;}
div.file-bank-files div.file div.file-info div.delete-link input {
	background:url("graphics/btn/btn_light_75_delete.gif") no-repeat scroll left top #333333;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	height:18px;
	text-align:center;
	width:75px;
}
div.file-bank-files div.file div.file-info span.item {
	display:block;
	white-space:nowrap;
}
div.file-bank-files div.file div.file-info div.list {
	display:none;
	position:absolute;
	margin-top:-100px;
}
div.file-bank-files div.file div.file-info div.list .popupHeader {
	border:1px solid #929292; 
	border-right:1px solid #000; 
	border-bottom:none; 
	cursor:default;
}
div.file-bank-files div.file div.file-info div.list div.close {
	margin-left:30px; 
	margin-right:5px;
}
div.file-bank-files div.file div.file-info div.list div.content {
	padding:10px; 
	background:#fff; 
	border:1px solid #929292; 
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-top:none;
	max-height:300px;
	overflow-y:scroll;
	padding-right:20px;
	padding-right:30px\9;
}

/* uploadify */
.uploadifyQueueItem {
	width: 350px;
	margin-bottom:10px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #85c859;
	width: 1px;
	height: 3px;
}


/* BLOCKED ORDERS MAIL */
/*form#idMailForm{
	background:#060;
}*/

div#blocked-order-mail {
	margin:0 auto;
	padding:0;
	width:750px;
}

div#blocked-order-mail td{
	padding:2px 0;
}

div#blocked-order-mail td.left{
	width:250px;
	text-align:left;
	vertical-align:top;
}

div#blocked-order-mail input.regular{
	width:350px;
}
div#blocked-order-mail textarea.regular{
	width:350px;
	height:175px
}

/*dropdown tooltip styles*/
#dropdownList{float:left;	}
#dropdownTitle{border:solid 1px #000; color:#000000; width: 265px; padding: 2px; background: url('/design_backend/graphics/button_dropdown.gif') no-repeat top right;}
#dropdown{position: absolute;display: none; border:solid 1px #000; border-top: none; width:269px;padding: 0px;margin: 0px; background:#FFF;}
#dropdown li{display: block;  padding: 2px;}
#dropdownTip{position: absolute;display: none;background:#DBDBDC;float:left; padding: 2px; font-style:italic; width:425px;}
*+html #dropdownTip {left:397px;}

/*Ticketing search loader*/
#ticketing-loading-div{background: url('/design_backend/graphics/loading.gif'); width: 16px; height:16px; display:none; position:absolute; margin-top: -18px; margin-left:290px;}

tr.order_mails td {
	vertical-align: top;
}
tr.order_mails.dark.first td table tr td,
tr.order_mails.first td table tr td,
tr.order_mails.dark.second td table tr td,
tr.order_mails.second td table tr td {
	padding: 0 0 4px;
}
tr.order_mails.dark.first td, tr.order_mails.first td {
	padding-top: 8px;
	padding-bottom: 2px;
}
tr.order_mails.dark.second td, tr.order_mails.second td {
	padding-top: 2px;
	padding-bottom: 6px;
}
tr.order_mails.dark td, tr.order_mails.dark.first td {
	background: #f4f4f4;
}

.search_list {
	position: absolute;
	border:1px solid gray;
	background-color: lightgray;
	float:left;
	overflow-y:auto;
	width:250px;
	max-height:300px; 
	visibility: hidden;
}
body.welcome{
	background:none;
}

.drag-drop-list .drop-col {
	float: left; 
	max-width: 40%;
}

.drag-drop-list .drag-col {
	float: left;
	margin-top: 10px;
	border: 2px solid #ccc;
	width: 55%;
	height: 296px;
	overflow-y: scroll;
}

.drag-drop-list .droppable {
	margin: 10px 20px;
	border: 2px dashed #ccc;
	min-height: 20px;
	width: 250px;
	padding: 10px 3px;
}

.drag-drop-list .droppable.hover {
	border-color: #009ee1;
	text-decoration: line-through;
}

.drag-drop-list .remove-selected-value {
	cursor: pointer;
	color: #e6b6b1;
	font-size: 1.2em;
}

.drag-drop-list .remove-selected-value:hover {
	color: #b43225;
}

.drag-drop-list .draggable {
	margin: 5px;
	padding: 5px;
	cursor: move;
}