div#logo { clear:both; float:right; }
div#logo img { float:right; width: 200px; height: 58px; padding:5px 0px;}
center#copyright { color:#50798F; padding:2px; }
#logo-image { margin :10px;padding:10px; color:#282828; }
hr { height:1px; background-color:#282828; margin:5px 0px 5px 0px; padding:0px; color:#282828; }
div#top-menu { padding:3px 0px 0px 0px; font-size: 14px; float:right; display:inline; text-decoration: none; }



label { display:block; }
  .xfirst { margin: 0px 15px 0px 0px; }
  div#myinlinex div{ float:left; margin: 0px 0px 10px 0px; background-color:#EFEFEF;}
  
  fieldset#main-form { margin:20px 0px 0px 0px; clear:both; }
  fieldset#main-form p { margin:0px; padding:0px; }
  .myinline { float:left; margin-right:10px; position:inline; padding:3px; }
  .xinline { padding:3px; }  
  .dollars { margin:0px 0px 0px 10px;float:right; }
  .dollars-title { color:#1F1F1F;font-weight:500; }
  div#buttons { float:left; width:100%; margin:10px 0px 0px 0px;}
  table, th, td { border: 1px solid #ccc; } 
  table#main-display{ margin:20px 0px 0px 0px; }
  div#main-container { background-color:white; padding:10px; }
  div#footer { margin:30px 0px 0px 0px; } 

  
  .numberf{ text-align: right; font-weight: bold }
  .user_login{ color:#282828; margin:0px 5px 0px 0px;color:#333130; }
  .menu_section{ padding:10px;margin:25px; border: 1px solid #ccc; width:600px; }
   div.menu_section ul{ list-style-type: none; }
   div.menu_section ul > li { padding:1px; margin:0px; }
   div.menu_section ul > li > a{ text-decoration: none; color:black; }
   div.menu_section ul > li > a:hover{ color:#282828; }
   div.menu_section h3 { color:#333130 }
   
   .inprogress { color:#cccccc; margin-left:10px; }
   
   div.signoff a{ text-decoration: none; color:#282828; float:right; margin:5px 55px 5px 5px; }
   div.signoff a:hover{ color:#333130; }
   thead th { background-color:#6B6B6B; color:white; }
   
   
   .lookup a{ text-decoration: none; color:#FFFFFF; float:left; }
   .lookup a:hover{ color:#FFFFFF; }
   
   .greyout { background-color:#CCCCCC; }
   
   #logo{ background:transparent url(../images/grid_10.png) repeat scroll left top; margin:5px 0px 5px 0px; border: 1px solid #ccc; }
   #logo-0{ background:transparent url(../images/stripe4.gif) repeat scroll left top; margin:5px 0px 5px 0px; border: 1px solid #ccc; }
   
  .logo-image{ background:transparent }
   #logo h4 { padding:0px; margin:0px; }
   .loading { padding:10px; margin:20px; color:#282828; font-size:18px; }
   .saving { margin:10px 0px 0px 0px; }
   .count{ margin:10px 0px 10px 0px; color:#ccb; padding:0px;float:right;  }
   .count-off { color:#CCCCCC; }
	#info_panel { margin:3px; }
	.ui-widget-header {
		background:#CCC; url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 100% 100%;
		border:1px solid #AAAAAA;
		color:#282828;
		font-weight:bold;
	}
	div#edit_buttons, div#edit-form { margin:10px 0px 10px 0px;  }
	.edited { background-color:#ededed; }
	.sku-highlight { background-color:red; border: 1px solid white; }
	/*.dialog_field, .dialog_field * { float:left; background-color:red; width:100%; }*/
	fieldset {text-align:left;}
.error {
    background: none repeat scroll 0 0 white;
    border-color: red;
    color: red;
}

input.error-duplicate-input:focus {
	border:1px solid red;
}
.error-duplicate {
    color: red;
	margin-left:20px;
}
/*
input[type=button],input[type=submit],input[type=reset] { background-color: #FF7A3F; }
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover { background-color:#FF4E00; }
*/

.section-header {
	margin:3px 0px;
	background-color:#6B6B6B;
	width: 100%;
	border: 1px solid #ccc;
	}

div.section-header  h3 {
	color:#FFFFFF;
	padding:0;
	margin:0;
	font-size: 14px;
	line-height:24px;
	margin:0 4px 0 4px;
}
.plus-minus-icon, div.section-header a:active, div.section-header a:visited, div.section-header a:link {
	float:right;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0 4px 0 0;
	text-decoration: none;
	
}

.small-menu {
	color:black;
	float:right;
}

.small-menu span {
	color:black;
	float:left;
	margin:0 0px;
}
.small-menu a {
	color: #900;
	font-size: 12px;
	text-decoration: none;
	float:left;
	margin:0 2px;
}
.small-menu a:hover {
	background-color: #b3b2b3;
	color: #fff;
}

.small-menu a:active {
	background-color: #b3b2b3;
	color: #fff;
}

.hfs-title-input-txt {
	min-width:350px;
}
.hfs-input-txt {
	min-width:350px;
}




.sort-grid { 
	list-style-type: none;
	border: 1px solid #cccccc;
	margin:10px;
	padding:5px 10px 5px 5px;
	display:block;
	
}
.sort-grid li {
	width:100%;
	margin:1px;
	padding:1px;
	/*border: 1px solid blue;*/
}
.sort-grid li a { 
	// border: 1px solid green;
	width:100%;
	// background-color:green;
	height:35px;
}

ul.sort-grid li a:hover, ul.sort-grid li:hover { 
	color:#CCCCCC;
    background-color:#6B6B6B;
	
}

ul.sort-grid li a:active, ul.sort-grid li:active { 
	color:#CCCCCC;
	background-color:#6B6B6B;
}

div.sort-cell:hover, div.sort-cell:active {
	border:1px solid #CCCCCC;
	color:#CCCCCC;
}
div.sort-cell-control:hover, div.sort-cell-control:active {
	color:#CCCCCC;
}

.sort-cell {
	
	border:1px solid #6B6B6B;
	width:350px;
	padding:0px 0px 0px 3px;
	float:left;
	margin:0px 1px 0px 1px;
	background-color:transparent;
	
	
}
.sort-cell-control {
	width:20px;
	float:right;
	color:#282828;
	border:1px solid transparent;
}

.sort-cell-control a{
	border:1px solid transparent;
}

.sort-cell-control-select {
	width:150px;
}
.sort-container {
	width:100%;
	/*border:1px solid transparent;*/
	height:20px;
	padding:0px;	
	margin:1px;	
}


.closed {
	display:none;
}
.form-message-display{ margin:0px 0px 0px 25px;color:red;font-size:10pt; font-weight:bold }
.disabled {background:#F4F4F4; color:#686767;}
li.added-size div div[type='size'], li.added-size div div[type='width'] { background-color:#DDDBDB; border:1px solid #282828; }

.clstatus { color:#6B6B6B; background-color:#FFFFFF; margin:1px 0 0 0; height:16px; width:16px }
.clstatus :hover{ color:#FFF; }

select.size-templates{
	font-size:12px;
	color:red;
}
.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #6B6B6B;
	color: white;
}

#search-text {
	margin-top:11px;
}



/* yahoo items styles */
.yahoo-items { color:black; border:1px solid #ccc; padding:5px; margin:3px; }
.yahoo-items span { display:block;  margin:5px 0px 0px 0px; }
.yahoo-items span h3 { display:block; font-size:12px; font-weight:bold; margin:5px 10px 5px 0px;  }
.yahoo-items span input { margin:0px 30px 0px 0px; }
.yahoo-items span a { float:right;  margin:0px 20px 0px 0px; text-decoration:none; color:#282828; padding:2px 5px 2px 5px; }
.yahoo-items span a:hover { color:white; background-color:gray; }

.yahoo-items span textarea { width:850px; height:150px }
.yahoo-items span span { margin: 0px 0px 0px 0px; padding:0px 0px 0px 3px; }

.yahoo-items-reverse { background-color:#6B6B6B; color:white; padding:30px 0px 3px 0px; padding:0px 0px 0px 10px; }
.yahoo-span { border:1px solid #ccc;}
.yahoo-editor { margin:10px 0px 20px 0px; border:1px solid transparent; padding:5px 0 0 5px; }

.hide { display:none; }

.span-24 {
	width:100%;
	padding:0;
}

ul.sort-grid {
	margin:0;
}
.section-header {
	padding:0;
	
}
.panel {
	padding:0;
	margin:0;
}
.panel p.xheader{
	margin:5px 0 10px 0;
	height:30px;
}
.panel p.xheader label {
	width:auto;
	margin:0;
}
.display-swatch-widget select, .display-swatch-widget input{
	float:left;
	min-width:300px;
}
.display-swatch {
	float:left;
	margin:4px 0 0 10px;
}
.display-swatch-highlight {
	border:1px solid red;
	padding:2px;
}


.color-swatch-category-widget {
	border:1px solid #ccc;
	width:150px;
	height:200px;
	float:right;
	padding:10px;
}
.color-swatch-category-widget h3 {
	font-size:12px;
	color:#282828;
	margin:0;
}
.color-swatch-category-widget div img {
	margin:3px;
}

.options-worksheet-panel {
	/*display:none;*/
}
.yahoo-worksheet-panel, .images-worksheet-panel {
	display:none;
}
#extended-nav {
	margin:0 0 5px 0;
}

.image-gallery span {
	float:left;
	display:inline;
	border:1px solid #ccc;
	width:100px;
	height:100px;
}
.multiselect-container.dropdown-menu {
	min-width:300px;
}

.multiselect-container ul {
	
}

.radio, .checkbox {
	padding:0;
}

.multiselect-container > li  > a > label  { color:##282828; margin-left:10px; }
.multiselect-container > li.active  > label  { color:#fff; }

.multiselect-container > li { min-width:150px; margin-left:10px; }

.multiselect-container > li > a  {
    margin: 0;
	display:block;
	width:80%;
}



fieldset.comp-group { padding:20px; }


.page-header {
    border-bottom: 1px solid #EEEEEE;
    margin: 10px 0 10px;
    padding-bottom: 9px;
}

/* ajax loader styles */
.ajax_loader {background: url("../images/spinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;}
.blue-loader .ajax_loader {background: url("../images/ajax-loader_blue.gif") no-repeat center center transparent;}