body {
  margin: 0px;
  font: 68.75%/1.8em Verdana, Arial, Helvetica, sans-serif;
  background: #666 url(images/bg.jpg) repeat-x scroll;
}

form { 
  display: inline; 
}

a:link, a:visited, a:active {
  color: #555;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

.dropdown, .dropdownadmin {
  font: 1em Arial, Helvetica, sans-serif;
  background-color: #fff;
}

.subcat_orderfield, .maincat_orderfield {
  padding: 1px;
  height: 14px; 
  width: 25px; 
  line-height: 13px; 
  font-size: 10px; 
  border-width: 0px;
  text-align: center;
}

.selectpricecat {
  font-size: 1em;
  background-color: #fff;
}

.pageselected {
    font-size: 16px;
  padding: 0 5px 0 5px; 
  background: #555;
  font-weight: bold;
}



.page {
  font-size: 16px;
}

.pagenext {
  font-size: 14px;
}

.pagelast {
  font-size: 14px;
}

.catdescription {

  font-size: 16px;
}

.catdescription h3 {padding-top:0px; margin-bottom:5px; margin-top:10px; color:#EEE;}

.inputfield {
  font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
  width: 97%;
  height: 14px;
}

.textarea {
  width: 97%;
  font: 1em Verdana, Arial, Helvetica, sans-serif;
}

.button {
  font: 1em Verdana, Arial, Helvetica, sans-serif;
}

.text {
  color: #fff;
  
}

.text a:link, .text a:visited {
color: #fff;}
.copyright {
  font: 1.2em/1.3em Times, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000;
  padding-top: 8px;
  clear: both;
  white-space: nowrap;
}

.previous {
color: #ddd !important;
font-weight: bold;
font-variant: small-caps;
font-size:1.3em;
}

.next {
color: #ddd !important;
font-weight: bold;
font-variant: small-caps;
font-size:1.3em;}

.copyright a:link, .copyright a:visited, .copyright a:active {
  color: #555;
  text-decoration: none;
}

.copyright A:hover {
  text-decoration: underline;
}

.error {
  color: #ff0000;
}

.ok {
  color: #12BB00;
}

.htaccess {
  color: #0000FF;
}

.table100 {
  height: 100%;
}

.headline {
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 4px;
  font-variant: small-caps;
}

.breadcrumb {
}

.tablehl {
  color: #fff;
  font-weight: bold;
}

.thumb {
  color: #000;
  border: 0px;
  padding: 2px;
}

.popular {
    color: blue;
  border-left-color: #eee !important;
}

a:hover.thumb  {
  color: #fff;
  border-color: #fff;
  
  
}

.thumbimage {
}

.mediumcell {
  padding: 15px;
}

.mediumimage {
  border: 0 solid #000;
}

.actionicons {
  vertical-align: middle;
  color: #fff;
}

.catstats {
  text-align: center;
  padding: 3px;
  color: #eee;
}

.tablehl A:link, .tablehl A:visited, .tablehl A:active {
  color: #fff;
  text-decoration: none;
}

.tablehl a:hover {
  color: #fff;
  text-decoration: underline;
}

.micro {
  font-size: 0.9em;
  color: #A5ADAE;
}

.star {
  font: bold 1.2em/1.8em "Courier New", Arial, Helvetica, sans-serif;
  color: #A5ADAE;
}

.menu_border{
  color: #000;
  border: 1px solid #A5ADAE;
}

.menu_option {
  background-color: #e6e6e6;
  white-space: nowrap;
  cursor: pointer;

}

.menu_option a:link {
  color: #000;
  text-decoration: none;
}

.menu_option a:visited {
  color: #000;
  text-decoration: none;
}

.menu_option a:hover, .menu_option a:active {
  color: #A5ADAE;
  text-decoration: none;
}

.menu_hilite {
  background: #A5ADAE;
  white-space: nowrap;
  cursor: pointer;
}

.menu_hilite a:link {
  color: #000;
  text-decoration: none;
}

.menu_hilite a:visited {
  color: #000;
  text-decoration: none;
}

.menu_hilite a:hover, .menu_hilite a:active {
  color: #000;
  text-decoration: none;
}

div.cellspacing {
  font-size: 1px;
  height: 10px;
  width: 10px;
  clear: both;
}

.importframe {
  margin: 0 auto;
  padding: 2px 2px 10px 10px; 
  height: 400px;
  width: 85%;
  overflow: auto;
}

.importframe_bottom {
  margin: 0 auto;
  padding: 10px 2px 10px 10px; 
  width: 85%;
}

.importframe_head {
  margin: 0 auto;
  font-weight: bold;
  color: #FFF;
  padding: 2px 3px 2px 11px; 
  width: 85%;
}

.orderfieldset, .uploadfieldset {
  padding: 15px;
  margin: 0;
}

.orderlegend, .uploadlegend {
  padding: 0 5px 0 0;
  color: #A5ADAE;
}

.emailtablehl {
  font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}

.emailtext {
  font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}

.preview{
  position: relative;
  z-index: 0;
}

.preview:hover{
  background: transparent;
  z-index: 50;
}

.preview span{ /*CSS for enlarged image*/
  position: absolute;
  background: #fff;
  padding: 3px;
  left: -1000px;
  border: 1px solid #A5ADAE;
  visibility: hidden;
}

.preview span img{ /*CSS for enlarged image*/
  border: 0;
  padding: 2px;
}

.preview:hover span{ /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 0;
  left: 57px; /*position where enlarged image should offset horizontally */
}

.midimgalign {
  vertical-align: top;
}

/* $Id$ */
#wrapper {
    width: 998px; /* 780px is just wide enough to fill and 800px screen */
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    background: #777 url(images/bg_small.jpg) repeat-x bottom scroll;;
    text-align: left;
    border: 1px solid #999;
}

#header, #sidebar, #navigation, #footer, #content {
    padding: 10px;  /* This sets a 10px padding on all of our content boxes */
}

#header {
    background: #999;
    margin: 0;
    padding 0;
}

#sidebar {
    float: left; /* Sets this column to the left */
    background: #4C4B4B;
    width: 160px;
    
}



#content {
    margin: 0 190px; /* Sets the margin to 190px on the right and left */
    display:inline;
}

#footer {
    background: transparent;
    clear: both;
    color: white;

}



.arrowgreen{
	width: 180px; /*width of menu*/
	
	
	}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
  height: 16px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 16px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #ccc;
}

.arrowgreen li a:hover{
	color: #fff;
	background-color:#555;

}

	
.arrowgreen li a.selected {
	color: #fff ;
	background-color:#666;

}


table#tabletop {
    background-color:#777;
    padding-left: 15px;
    width: 100%;
    
}

h3 {padding-top:0px;}