body {
	font-family: arial;
	font-size: 12px;
	text-align: center;
	color: #555;
	padding-right: 0px;

}

form {
	padding: 0px;
	margin: 0px;
}

div#master-container {
	text-align: center;
}

div#container {
	width: 1022px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	width: 100%;
	background:#fff;
	height:70px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	/*background-image: url(/images/background.gif); */

/*	
	background-image: url(/images/blue-horz-line.gif); 
	background-repeat: repeat-y;
*/
	border: none;
	border-bottom: 2px solid #499FDF;
	border-bottom: 2px solid orange;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

div#wrapper{
	height: 500px;
}

div#content{
	float: left;
	width: 800px; 
	min-height: 500px;
	padding: 0px;
	padding-left: 2px;
	padding-left: 10px;
	border-left: solid 1px #eee;
}

div#sidebar{
	float:left;
	width:200px;
    /*
	background: #f7f7f7;
    */
    background-image: url(/images/fading-background-gray1.png);
    background-repeat: repeat-x;
	padding-left: 2px;
	padding-right: 2px;
	border-top: solid 1px #eee;
    /*
	border-right: solid 1px #eee;
    */
	border-left: solid 1px #eee;
	height: 100%;
}

div#footer {
	width: 100%;
	background: #eee; 
	border: solid #ccc 1px; 
	clear: both;
	text-align: center;
}

div#rail-separator {
	float: left;
	width: 1px;
	position: relative;
	background: #eee;
	height: 100%;
}

div.errorExplanation {
	background: #F0F0F0; 
	color: darkred; 
	font-size: 10px; 
	font-family: arial; 
	width: 450px
}
	
div.errorExplanation h2 {
	background: #e00000; 
	color: white; 
	padding-left: 5px
}
	
.fieldWithErrors {
	padding: 0px;
	background-color: red;
	display: table;
}

div.error {
	background: #fdd;
	color: darkred;
	font-family: arial;
	border: solid 1px darkred;
	padding: 2px;
	margin-bottom: 2px;
}
	
div.searchDiv {
	background-color: #f0f0f0;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #b0b0b0;
}

div.flash-note {
	color: #003000;
	background-color: #e0ffe0;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #003000;
	font-family: Arial;
	font-size: 12px;
}

div.close {
	color: white;
	background-color: lightblue;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
	font-family: Arial;
	font-size: 16px;
    text-align: center;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}

.formField {
	font-family: Arial;
	font-size: 100%;
	font-style: italic;
}

.top-menu-bar {
	padding: 2px;
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	/*
	background-image: url(/images/green-bar-background.gif);
	background-repeat: repeat-x;
	*/
	background-color: #c3d9ff;
	border-top: 1px solid #a2bbdd;
	border-bottom: 1px solid #a2bbdd;
	color: gray;
}

a:link.top-menu-bar, a:visited.top-menu-bar, a:active.top-menu-bar {
	text-decoration: underline;
}

a:hover.top-menu-bar {
	text-decoration: underline;
	color: red;
}

.separator 
{
	/*
	background-image: url(/images/horz-separator.gif);
	background-repeat: repeat-x;
	background-position: center;
	*/
	height: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top: 1px solid #aaa;
}

div.editMe {
	display: inline;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	color: white;
	background-color: red;
	text-decoration: none;
	font-family: arial;
	font-size: 9pt;
	padding-left: 5px;
	padding-right: 5px;
}

junk {
	padding: 16px;
	background-image: url(/images/edit.gif);
	background-repeat: no-repeat;
	border-style: hidden;
}

a.editMe {
	text-decoration: none;
}

span.label {
	color: blue;
	font-family: arial;
	font-size: 10pt;
}

tr.odd 
{
	background-color: #f3f3f3;
}

tr.even
{
}

div.nav-button 
{
	border: solid 1px #00aaFF;
	color: #0088FF;
	display: inline;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	background-color: white;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

div.nav-button-disabled
{
	border: solid 1px gray;
	color: gray;
	display: inline;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	background-color: white;
	margin-left: 2px;
	margin-right: 2px;
}

a:link.nav-button, a:visited.nav-button, a:active.nav-button, a:hover.nav-button
{
	text-decoration: none;
	color: #0088FF;
}


iframe.popup 
{
/*	border: solid 2px red; */
	padding: 0px;
}

div.popup {
	border: solid 2px orange;
	background: white;
	position:absolute; 
	z-index: 100; 
	visibility: hidden; 	
/*	margin: 10px auto; */
}

div.popup-caption {
	background: orange;
	height: 20px;
}

div.popup-caption a {
	color: gray;
	text-decoration: none;
	font-weight: bold;
	background: #ffffaa;
}

div.popup-content {
	overflow: auto;
	border: none;
}


table 
{
	font-size: 12px;
}

tr.table-header {
        white-space: nowrap; 
	background: url(/images/table-header-background2.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #444;

}

tr.table-header td {
/*
	border-top: 1px solid #a2bbdd;
	border-bottom: 1px solid #a2bbdd;
*/
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

ul.sidebar-menu {
  margin: 0;
  padding: 0;
  list-style: none;
/*  border-bottom: solid 1px #ddd; */
/*  height: 100%; */
}

li.sidebar-menu-level1 {
  padding: 0px;
  font-weight: bold;
  line-height: 20px;  /* height of icon */
/*  border-bottom: solid 1px #ddd; */
}

li.sidebar-menu-level2 {
  padding: 0px;
  padding-left: 10px; 
  line-height: 20px;  /* height of icon */
  font-weight: normal;
  
  list-style-image: url('/images/bullet1.gif');
  list-style-position: inside;
 }

li.sidebar-menu-current {
	background: #ddd;
}

ul.sidebar-menu li:hover {
	background: #ddd;
}

ul.sidebar-menu li a {
  padding-left: 10px; /* width of icon + whitespace */
  text-decoration: none;
  color: #5577bb;
  color: #4AA0E0; 
}

ul.sidebar-menu li a:hover {
	color: #99cc55;
}

div.sortable-handle {
  width: 20px;
  background-image: url("/images/arrow_ns.png"); 
  cursor:move;
}

ul.sortable {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}

li.sortable {
  color: red;
  padding-left: 0px;
}

div.menu-pane-header {
	background-color: #c3d9ff;
	padding: 2px;
	border-bottom: 1px solid #a2bbdd;
	color: #668cd9;
	font-weight: bold;
	margin-left: -2px;
	margin-right: -2px;
}

div.menu-pane {
/*	border: 1px solid #a2bbdd; */
}

.red-text {
	color: red;
}

.green-text {
	color: green;
}

/* Used for products */
.thin-border {
	border: solid 1px #ccc;
}

.prod-code {
	font-weight: bold;
}

a.prod-link {
	font-weight: bold;
	color: #7485CC;
	text-decoration: none;
}

a:hover.prod-link  {
	text-decoration: underline;
}

.prod-description {
	font-style: italic;
	color: #777;
}

.hint {
	color: green;
	font-style: italic;
}

.draggable {
	cursor: move;
}

.ajax-pane {
	background: #eee; 
	border: 1px solid #ccf;
	padding: 2px;
}

.ajax-pane-top {
	background-color: #668cd9;
	color: white;
	font-weight: bold;
	margin: -2;
}

.ajax-pane-top a {
	text-decoration: none;
	color: white;
}

h1 {
	margin: 0.3em 0 0 0;
	margin-bottom: 1em;
	padding-bottom: 0;
	font: small-caps 1.7em arial, sans-serif;
	letter-spacing: -0.02em;
	color: #5577bb;
	border-bottom: 1px solid #5577bb;
	
	color: orange;
	border-bottom: 1px solid orange;
}

h2 {
	padding-left: 2px;
	margin-top: 2px;
	margin-bottom: 4px;
	font: small-caps 1.6em arial, sans-serif;
	letter-spacing: -0.02em;
	color: orange;
}

h3 {
	padding-left: 2px;
	margin-top: 2px;
	margin-bottom: 4px;
	font: small-caps 1.4em arial, sans-serif;
	letter-spacing: -0.02em;
	color: orange;
}

h4 {
	padding-left: 2px;
	margin-top: 2px;
	margin-bottom: 4px;
	font: small-caps 1.1em arial, sans-serif;
	letter-spacing: -0.02em;
	color: orange;
}

.subtitle {
	padding-left: 2px;
	margin-top: 2px;
	margin-bottom: 4px;
	font: 1.4em arial, sans-serif;
	letter-spacing: -0.02em;
	color: orange;
}

a {
	color: #4AA0E0;
}

div.main-pane-menu {
	padding: 3px;
	padding-top: 0px;
	padding-right: 10px;
	background: #dedede;
	text-align: left;
}

div.gradient-pane {
	background-image: url("/images/gray-gradient.gif"); 
	background-repeat: repeat-x;
	border: solid 1px #ccc;
	padding: 4px;
}

.small-title {
	color: #5577bb;
	font-weight: bold;
	padding-bottom: 4px;
}

table.grid {
}

table.grid tr td {
	border: solid 1px #ccc;
}

.lazy-combo {
	border: solid 1px #7F9DB9;
	font-family: Arial;
	font-weight: normal;
	font-size: 10pt;
	padding: 2px;
	cursor: default;
}

img.lazy-combo-button {
}

.et-submit {
	background-color: white;
	color: #00aaFF;
	border: solid 1px #00aaFF;
	
	padding-left: 4px;	
	padding-right: 4px;	
	
	cursor: pointer;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;

	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 17px;
}

.et-submit2 {
	background-color: white;
	color: orange;
	border: solid 1px orange;
	
	padding-left: 4px;	
	padding-right: 4px;	
	
	cursor: pointer;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;

	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 30px;
}

div.button
{
	margin-left: 3px;
	margin-right: 3px;
	display: inline;
	/*display: -moz-inline-box;*/
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	background-color: white;
	border: solid 1px #00aaFF;
	color: red;
	
	padding-top: -1px;
	padding-bottom: 0px;
	
	/* Non IE */
	html>body>table {}
	padding-top: 0px;
	padding-bottom: 0px;
}

div.button-disabled
{
	border: solid 1px #AAA;
	color: #AAA;
	display: inline;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	background-color: white;
	margin-left: 2px;
	margin-right: 2px;
}


a:link.button, a:visited.button, a:active.button, a:hover.button
{
	text-decoration: none;
	color: #00aaff;
/*	padding: 3px; */
	padding-left: 5px;
	padding-right: 5px;
}

.pane1 
{	
  /*
	padding: 4px;
	padding-top: 2px;
	background: #E4ECEC;
	border: solid 1px #C3D9FF;
	margin: 2px;
	margin-left: 0px;
	margin-right: 0px;
	background: #f0fafa;
	
	padding-left: 0px;
	padding-right: 0px;
  */

    border: solid 1px #ddd; 
    background: #fcfcfc;
    padding: 10px; 
    -moz-border-radius: 10px; 
}

.pane2
{
	padding: 4px;
	padding-top: 10px;
	background: #FCFCCA;
	border: solid 1px orange;
}


.pane3
{
	padding: 4px;
	padding-top: 10px;
	background: #FFFFCC;
	border: solid 1px #FACA96;
}

.note
{
	background: #FFFFCC;
	padding: 15px;
	border-left: solid 2px #FF6600;
}

.company-name{
	font-weight: bold;
	color: #5577bb;
	
	font: small-caps 1.5em arial, sans-serif;
	letter-spacing: -0.02em;
	color: #4AA0E0;
	font-weight: bold;
}

.top-menu-text {
	font: small-caps 1.2em arial, sans-serif;
	/*letter-spacing: +0.10em;*/
	color: #4AA0E0;
}

.top-menu-text-highlight {
	font: small-caps 1.2em arial, sans-serif;
	/*letter-spacing: +0.10em;*/
	color: red;
}


table.framed-table1 {
	background: white;
	padding-top: 4px;
	padding-bottom: 4px;
	/* border: solid 1px #CCCCCC; */
	border: solid 1px #C3D9FF; 
}

div.toolbar-pane {
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #eaeaea;
}

div.et-dialog {
	background: white;
	border: solid 1px orange;
}

div.et-dialog-caption {
	background: orange;
	color: white;
	height: 15px;
}

div.dialog-caption-button {
	cursor: pointer; 
	float: right; 
	padding:1px; 
	margin-right: 1px;
	border: solid 1px #ccc;
}

iframe.dialog {
	width: 100%;
	height: 100%;
	border: 0px;
}

div.dim-background {
	background-color: rgb(0, 0, 0);
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	top: 0px;
	left: 0px;
	display: none;
	opacity: 0.2; /* Safari, Opera */
	-moz-opacity:0.20; /* FireFox */
	filter: alpha(opacity=20); /* IE */
}

div.dialog-message {
	background-color: #66A9E0;
	color: white;
	font-weight: bold;
	font-size: 16px;
	border: solid 1px #CCC;
	padding: 3px;
}

.fck-editor {
	width: 100%;
}

table.table-with-buttons tr td {
	padding-top: 2px;
}

tr.text2 td {
	color: red;
}

.nowrap {
  white-space:nowrap;
}

/*
div.retail-price {
  width: 120px;
  padding: 1px;
  padding-right: 5px;
  text-align: right;
  border: solid 1px #EFB3B3;
  background: #FFF7F7;
  font-weight: bold;
  margin-top: 1px;
}

div.wholesale-price {
  width: 120px;
  padding: 1px;
  padding-right: 5px;
  text-align: right;
  border: solid 1px #8FD7FF;
  background: #EFFEFF;
  font-weight: bold;
  margin-top: 1px;
}

div.purchase-price {
  width: 120px;
  padding: 1px;
  padding-right: 5px;
  text-align: right;
  border: solid 1px #FFE08F;
  background: #FFFFEF;
  font-weight: bold;
  margin-top: 1px;
}

div.units-per-package {
  width: 120px;
  padding: 1px;
  padding-right: 5px;
  text-align: right;
  border: solid 1px #FFC47F;
  background: #FFE2BF;
  font-weight: bold;
  margin-top: 1px;
  font-size: 10px;
}

*/


div.product-attr-pane {
  border: solid 1px lightblue;
  padding: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}

div.product-attr {
    border: solid 1px lightblue; 
    padding: 4px; 
    margin: 2px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    min-width: 20px;
}

div.product-attr-selected {
    border: solid 2px orange; 
    padding: 4px; 
    margin: 2px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    min-width: 20px;
}

div.product-attr-disabled {
    border: dashed 1px lightgrey; 
    color: grey;
    padding: 4px; 
    margin: 2px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    min-width: 20px;
}

a:link.product-attr, a:visited.product-attr, a:active.product-attr {
	text-decoration: none;
}

div.clear-float {
  clear: both;
}

div.product-title {
  font-size: 16px;
  color: orange;
  font-weight: bold;
  margin-bottom: 10px;
  float: left;
}

.add-to-cart-pane {
/*  background-image: url('/images/shopping-cart-pane.jpg'); */
  background-color: lightblue;
  background-repeat: no-repeat;
  padding: 10px;
}

hr {
  background: none repeat scroll 0 0 #DDDDDD;
  border: medium none;
  clear: both;
  color: #DDDDDD;
  float: none;
  height: 1px;
  margin: 0 0 17px;
  width: 100%;
}

/** Date support */
input.tradows_date_picker {
  /* width: 120px; */
}

/** Support for new CSS */
div.gravatar {
  float:left;
  padding:0px 10px;
  text-align: center;
  min-width: 100px;
}

.comment_content{
float:right;
width:668px;
padding-bottom:20px;
}

.comment_content1{
float:right;
width:330px;
padding-bottom:20px;
}

.comment_content2{
float:left;
width:320px;
padding-bottom:20px;
}

.comment_content3{
float:left;
width:150px;
padding-bottom:20px;
}

.price.retail {
  width: 60px;
  color: black;
  text-align: right;
  font-weight: bold;
}

.price.retail.sale {
  width: 60px;
  color: orange;
  text-align: right;
  font-weight: bold;
  font-size: 16px;
}

.price.wholesale {
  width: 60px;
  color: blue;
  color: #00AAFF;
  text-align: right;
  font-weight: bold;
}

.price.wholesale.sale {
  width: 60px;
  color: orange;
  text-align: right;
  font-weight: bold;
}

.strike {
  text-decoration: line-through;
}

.units-per-package {
  /* text-align: right; */
  white-space: nowrap;
}

.pointer {
  cursor: pointer;
  cursor: hand;
}

select.select-mini {
  height: 24px; 
  padding: 2px; 
  margin:2px; 
  width: 160px
}

div.search-panel {
  border: solid 1px #ddd; 
  background: #fcfcfc;
  padding: 10px; 
}
.search-panel input {
  width: 160px;
}
.search-panel select {
  width: 174px;
}
.search-panel td button {
  vertical-align: top;
}
table.table-condensed input[type=text] {
  height: 16px;
}

.field_with_errors input {
  border: solid 1px red;
}
.field_with_errors label {
  color: red;
}
.required {
  color: red
}