/* Common classes to copy to the editor.css file */
body {
  padding: 0;
  margin: 0;
  font: 12px "Trebuchet MS" , Arial, "Courier New";
  background: #660000 url(../images/page_bg.jpg) repeat-x top;
  color: #000000;
}

table.wrapper {
  background: url(../images/leftcol_bg.jpg) repeat-y top left;
}

td {
  font: 12px "Trebuchet MS" , Arial, "Courier New";
  color: #333;
}

td.leftcol-top {
  background: url(../images/leftcol_bg_top.jpg) no-repeat top left;
  height: 70px;
  padding-left: 31px;
}

td.leftcol {
  padding-left: 31px;
}

td.leftcol_bottom {
  background: url(../images/leftcol_bottom.jpg) no-repeat bottom left;
  height: 150px;
  padding-left: 31px;
}

td.leftnav {
  padding-left: 31px;
}

td.leftnav img {
  margin-left: -53px;
  margin-right: -30px;
}

.table {
  background: #F7F7F7;
  border: 1px solid #CCC;
}

.table_light {
  border: 1px solid #F0F0F0;
  background: #FCFCFC;
}

.columnHeading {
  color: #999;
  font: 16px "Trebuchet MS" , Arial, "Courier New";
}

.redText {
  color: #CC0000;
  font-weight: bold;
}

.greenText {
  color: #009900;
  font-weight: bold;
}

.smallText {
  font: 11px "Trebuchet MS" , Arial, "Courier New";
  color: #999999;
}

h1 {
  font: 20px "Trebuchet MS" , Arial, "Courier New";
  color: #CC0000;
  margin-top: -5px;
  text-transform: lowercase;
}

h2 {
  font: lighter 18px "Trebuchet MS" , Arial, "Courier New";
  color: #CC0000;
  text-transform: lowercase;
}

h3 {
  font: bold 14px "Trebuchet MS" , Arial, "Courier New";
  color: #CC0000;
}

hr {
  border: none;
  border-bottom: 1px solid #CCC;
  height: 20px;
  margin: 0 33px 15px 56px;
}

/* End common classes */

tr.hover:hover, tr.altItemHover:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}

td.site_title {
  font: 25px "Trebuchet MS" , Arial, "Courier New";
  color: #2B7CCE;
  vertical-align: bottom;
}

td.cart {
  color: #666666;
}

td.price {
  font-size: 20px;
  color: #CC0000;
}

td.desc {
  font-size: 11px;
}

td.topnav_spacer {
  height: 33px;
}

tr.topnav td {
  color: #FFF;
}

tr.topnav td a {
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 0 5px;
}

tr.topnav td a:hover,
tr.topnav td a:active {
  background-color: #D06262;
}

a.customer_menu {
  font: bold 14px "Century Gothic" , Arial, "Courier New";
  color: #333;
  display: block;
  padding: 5px 20px;
  margin-left: 5px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #CCC;
  text-transform: lowercase;
  text-decoration: none;
}

a.customer_menu:hover, a.customer_menu:active {
  color: #FFF;
  background: #CC0000;
}

a.header_links:link, a.header_links:visited, a.header_links:active {
  font: 11px "Trebuchet MS" , Arial, "Courier New";
  color: #2B7CCE;
  text-decoration: none;
}

a.header_links:hover {
  color: #000000;
  text-decoration: none;
}

a:link, a:visited, a:active {
  /* Default text links */
  color: #CC0000;
}

a:hover {
  color: #000000;
}

a.cleanLink:link, a.cleanLink:visited, a.cleanLink:active, a.cleanLink:hover {
  /* Default text links */
  text-decoration: none;
  color: #333333;
  border-width: 0px;
  border-style: none;
}

/* Top navigation menu */

a.topnav {
  background: url(../images/topnav_bg.jpg) no-repeat top left;
  font: 16px "Century Gothic" , Arial, Courier;
  color: #FFF;
  text-decoration: none;
  line-height: 41px;
  margin: 5px 0 0 0;
  padding: 5px 55px 0 25px;
  display: block;
}

a.topnav:hover, a.topnav:active {
  background: url(../images/topnav_bg.jpg) no-repeat bottom left;
}

/* End of top navigation menu */

/* These are for the category menu */

ul.AspNet-Menu {
  position: relative;
}

ul.AspNet-Menu, ul.AspNet-Menu ul {
  margin: 0;
  padding: 0;
  display: block;
}

ul.AspNet-Menu li {
  position: relative;
  list-style: none;
  float: left;
}

ul.AspNet-Menu li a:link, ul.AspNet-Menu li span {
  font: 14px "Century Gothic" , Arial, "Courier New";
  color: #666;
  display: block;
  text-transform: lowercase;
  text-decoration: none;
  line-height: 27px;
  width: 175px;
  padding-left: 25px;
}

ul.AspNet-Menu li ul li a:link, ul.AspNet-Menu li ul li span {
	color: #FFF;
}

ul.AspNet-Menu li a:hover, ul.AspNet-Menu li a:active {
  color: #FFF;
  background: #CC0000;
}

ul.AspNet-Menu ul {
  position: absolute;
  left: 200px;
  top: 0;
  visibility: hidden;
  background: #CC0000;
}

ul.AspNet-Menu ul a {
  color: #FFF;
  width: auto;
  padding-right: 25px;
  white-space: nowrap;
}

ul.AspNet-Menu ul a:hover, ul.AspNet-Menu ul a:active {
  background: #660000;
}

ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul {
  visibility: hidden;
}

ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul {
  visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li {
  width: 100%;
}

/* end of category menu */

/* begin info pages menu */

a.info_menu {
  /* top row of menu - links */
  font: 14px "Century Gothic" , Arial, "Courier New";
  color: #666;
  display: block;
  text-transform: lowercase;
  text-decoration: none;
  line-height: 27px;
  width: 175px;
  padding-left: 25px;
}

a.info_menu:hover, a.info_menu:active {
  color: #FFF;
  background: #CC0000;
}

/* end info pages menu */

.steps {
  font-size: 12px;
}

.inputBox, .inputTextBox {
  /* Form fields */
  font: bold 14px "Trebuchet MS" , Arial, "Courier New";
  color: #333;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-left: 6px solid #CC0000;
  border-bottom: 1px solid #CC0000;
  padding: 0px 5px 0px 5px;
}

.inputBox_search {
  /* Header search fields */
  font: 12px "Trebuchet MS" , Arial, "Courier New";
  color: #FFF;
  background: transparent !important;
  background: #C93334;
  border: none;
  margin-left: 5px;
  padding: 0px 5px;
  width: 125px;
  text-align: right;
}

.inputBox_search:hover,
.inputBox_search:focus {
  border: 1px solid #FFF;
  width: 125px;
  padding: 0px 4px;
}

.subtxt {
  width: 150px;
}

.dropBox {
  /* Form fields */
  font: bold 14px "Trebuchet MS" , Arial, "Courier New";
  color: #333;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-left: 6px solid #CC0000;
  border-bottom: 1px solid #CC0000;
}

.dropBox_brands {
  /* Form fields */
  font: 12px "Trebuchet MS" , Arial, "Courier New";
  color: #FFF;
  background: transparent !important;
  border: 1px solid #C93334;
  margin: 1px 0 2px 5px;
}

.button {
  /* Form Buttons */
  font: bold 14px "Trebuchet MS" , Arial, "Courier New";
  color: #333;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-left: 6px solid #CC0000;
  border-bottom: 1px solid #CC0000;
  padding: 0px 5px 0px 5px;
  text-transform: lowercase;
}

.button_search {
  /* Header search button is hidden */
  position: absolute;
  top: -500px;
}

.subbtn {
  height: 60px;
  width: 80px;
}

td.footer_space {
  height: 48px;
}

table.footer td, table.footer td a {
  font-size: 10px;
  color: #C29999;
  padding: 4px 3px;
  text-decoration: none;
}

table.footer td a:hover, table.footer td a:active {
  color: #FFF;
}

table.footer_credits {
  margin-top: 20px;
  padding: 0 30px 0 15px;
}

table.footer_credits td {
  font-size: 10px;
  color: #934D4D;
}

table.footer_credits td a {
  color: #934D4D;
  text-decoration: none;
}

table.footer_credits td a:hover, table.footer_credits td a:active {
  color: #FFF;
}

.table_head {
  background-color: #CCC;
  color: #000000;
  font-weight: bold;
}

.admin_head {
  background-color: #CCC;
  color: #000000;
  font-weight: bold;
}

.altItem {
  background-color: #F9F9F9;
}

.editItem {
  background-color: #F1F1F1;
}