/*
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | license@zen-cart.com so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: stylesheet.css 569 2006-09-04 06:24:27Z ashk $
*/
BODY {
  background-color: #333333;
  color: #CCCCCC;
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px;
  font: 11px Verdana, arial, sans-serif;
}

.centershop {
  padding: 0px;
  margin: 0px auto;
  position: relative;
  text-align: left;
  /*width: 750px !important;*/
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

A {
  color: #CCCCCC;
  text-decoration: none;
}

A:hover {
  color: #MAIN_PAGE_HOVER;
  text-decoration: none;
}

FORM {
  display: inline;
}
.banners {
  padding: 15px;
}

.formsFontSize {
  font-size : 10px;
  line-height: 1.5;
}

.inputsFormSize {
  font-size : 10px;
  width : 150px;
}

.checkoutEven {
  font-size: 11px;
  line-height: 1.5;
  background-color:#CHOUT_EVEN_ROW;
}

.checkoutOdd {
  font-size: 11px;
  line-height: 1.5;
  background-color:#CHOUT_ODD_ROW;
}

/*HEADER CSS*/

TABLE.header {
  background-repeat: repeat-x;
  background-color: #000000;/*000000*/
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000;
}

TABLE.headerNavigation {
  color: #FFFFFF;
  background: #333333;
  border-right: 0px solid #000000;
  border-left: 0px solid #000000;
  border-bottom: 0px solid #000000;
  width: 100%;
}

TD.headerNavigation {
  position: relative;
  vertical-align: middle;
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background: #333333;
  letter-spacing:1px;
  padding: 5px;
}

TD.breadCrumb {
  font-size: 10px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 3px;
  border-bottom: 0px dotted #000000;
}

.breadCrumb {
  font-size: 10px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 3px;
  border-bottom: 0px dotted #000000;
}

TD.headerNavigation A, TD.headerNavigation A:visited, td.footertop a  {
  font-weight: bold;
  color: #FFFFFF;
  background: #333333;
  text-decoration: none;
}
/*
TD.headerNavigation A:hover, td.footertop a:hover  {
  color: #NAVIGATORS_HOVER_COLOR;
}*/

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Verdana, arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*SIDEBOX CSS*/

.column_left, .column_right, .column_single {
  background: #000000;
  padding: 2px;
}

.boxText {
  font-size: 11px;
  line-height: 125%;
}
.leftbox, .rightbox, .centerbox, .singlebox, .slideshow {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
  border: 1px solid #000000;
  background: #000000;
  color:#CCCCCC;
  margin-bottom: 0px;
  table-layout: fixed;
}




.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
  /*background-color: #abbbd3;*/
  font-size: 10px;
  font-weight: bold;
  color: #cccccc;
  padding: 0px;
  padding-left: 5px;
}

td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
  color: #cccccc;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
  color: #cccccc;
  background: #333333;
  height: 15px;
  background-image: url("");
}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
  line-height: 125%;
  padding: 0px;
  border-top: 0px solid #000000;
  border-bottom: 0px solid #000000;
  color: #CCCCCC;
  overflow: hidden;

}

.leftboxcontent A, .rightboxcontent A, .centerboxcontent A, .singleboxcontent A {
  color: #CCCCCC;
  text-decoration: none;
}

.leftboxcontent select, .rightboxcontent select, .centerboxcontent select, .singleboxcontent select {
  color: #CCCCCC;
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
  background-color: #333333;
  margin-bottom: 15px;
  color: #FFFFFF;
}

.plainBox, .plainbox-description, .modelBox {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;

}



.plainBoxHeading, TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
}
.productListing-heading {
  font-size: 10px;
  font-weight: bold;
  color: #cccccc;
  background: #333333;
  padding: 2px;
  height: 15px;
}

TD.productListing-heading{
  color: #cccccc;
  background: #333333;
 }

TD.productlisting {
  border:1px solid #000000;
}

TD.productListing-data , TD.productListing-data A{
  font-size: 10px;
  padding: 0px;
  color: #CCCCCC;
  text-decoration: none;
}

/*center main section
-----------------------------------*/
TD.pageHeading, DIV.pageHeading, h1 {
  font-size: 16px;
  font-weight: bold;
  color: #CCCCCC;
  padding-top: 11px;
}

.center_column {
  padding: 0px;
}
.main_page{
#  width: 100% !important;
  background-color: #000000;
  border-top: 0px solid #HEADER_BORDER;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000;
  padding: 5px;
}

/* footer
--------------*/

TABLE.footer {
  background: #333333;
  text-align: center;
  font-size: 10px;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000;
}

TR.footertop {
  color: #FFFFFF;
  background: #333333;
  font-size: 11px;
}



td.footertop {
  padding: 5px;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000;
  color: #FFFFFF;
  background: #333333;
}

TD.footerbottom {
  padding: 5px;
}

/*miscellaneous areas
-------------------------------------*/
TD.cartBox {
   background: #000000;
   font-size: 10px;
   padding: 3px;
   border: 1px dotted #000000;
}

TR.productListing-odd, TR.upcomingProducts-odd {
  background: #000000;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
  background: #000000;
}

td.pageresults a {
  color: #CCCCCC;
  text-decoration: none;
}

td.pageresults a:hover {
  background: #000000;
  /*color: #%%MAIN_PAGE_HOVER%%;*/
}

SPAN.newItemInCart {
  color: #ff0000;
  font-weight: bold;
  font-size: 10px;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
   font-size: 10px;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

CHECKBOX, INPUT, RADIO, SELECT, INPUT[type=checkbox], INPUT[type=radio] {
  font-size: 11px;
  border-width: 1;
  border-color: #999999;
  border-style: solid;
}

INPUT[type=image] {
  font-size: 11px;
  border-width: 0;
  border-color: #000000;
  border-style: solid;
}


TEXTAREA {
  width: 100%;
  font-size: 11px;
}

.greetUser {
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 5px;
}

SPAN.greetUser {
   color: #CCCCCC;
   font-weight: bold;
}

SPAN.markProductOutOfStock {
  color: #CCCCCC;
  font: bold 12px Verdana, arial, sans-serif;
}

span.normalprice {
  text-decoration: line-through;
  font-size: 10px;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
  color: #ff0000;
  font-size: 10px;
}

span.productSpecialPriceSale {
  color: #ff0000;
  text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
  font-size: 10px;
  color: #FF0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning, errorBox {
  background-color: #ff0000;
  color: #ffffff;
  font-size: 10px;
  padding: 4px;
  border: 0px solid #000000;
}
.messageStackSuccess { background-color: #b3ffa8; padding: 2px; border: 1px solid #000000; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffff00; }

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text, TD.ot-product-group-pricing-Text {
  font-weight: bold;
  font-size: 10px;
}
TD.ot-total-Amount {
  font-weight: bold;
  border-top: 0px solid #000000;
  font-size: 10px;

}
TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount, TD.ot-product-group-pricing-Amount {
  font-size: 10px;
}



TD.ot-extra-Text {
  font-weight: bold;
  font-size: 10px;
}

TD.ot-extra-Amount {
  font-size: 10px;
}


/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
  color: #ff0000;
  font-size: 10px;
  text-align : left;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 0px solid #000000;
}

/* General alert span class */
TD.alert, SPAN.alert {
  color: #FF0000;
  font-weight: bold;
}

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
  color: #CCCCCC;
  font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
  background-color: #ffffff;
  margin: 6px;
  padding: 6px;
  font: 11px Verdana, arial, sans-serif;
}

/* categories_description */
TABLE.categoriesdescription {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
  background: #000000;
  border:0px solid #000000;
}

TD.categoriesdescription {
  font-size: 11px;
  line-height: 1.0;
}

/* categories box parent and child categories */
A.category-top {
  color: #CCCCCC;
  text-decoration: none;
}
A.category-links {
  color: #CCCCCC;
  text-decoration: none;
}
A.category-subs, A.category-products {
  color: #CCCCCC;
  text-decoration: none;
}
SPAN.category-subs-parent {
  font-weight: bold;
}
SPAN.category-subs-selected {
  font-weight: bold;
}

/* attribute images table */
TABLE.products-attributes-images {
/*  width: 100%; */
/*  border: 1px solid #9a9a9a; */
  float: left;
  padding: 2px;
}


/* data table */
.dataTableHeadingRow { background-color: #d7d6cc; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; }
.dataTableRow { background-color: #f2f1ee; }
.dataTableRowSelected { background-color: #e7e6e0; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.catDataTableRow { background-color: #f2f1ee; }
.catDataTableRowOver { background-color: #FFFFFF;}
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.sortOrderTD { background-color: #E9EAE2; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }







    div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      font-size:10px;
	 z-index: 300; 
	 top:100px;
	 left:10px;
    }

    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
      font-size:10px;
        
    }
    div.autocomplete ul li.selected { background-color: #ffb; }
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
      font-size:10px;
      
      
    }
