/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: blue; }
.productsNotifications { background: #B8E2BF; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: red; text-decoration: underline; }

/*  changes border around entire screen, nothing else works
  border-width: 11px;
  border-color: #c69afc;
  border-top: 10px #a9bcfe outset;
  border-left: 10px #a9bcfe outset;
*/
BODY {
  margin: 0px;
}

/* FONT TYPE settings */
/* My CSS definition for the main wording - H1-H4. */
H1 {font-family: Comic Sans MS; font-size: 26pt; color: red;}
H2 {font-family: Comic Sans MS; font-size: 14pt; color: #0080FF;}
H3 {font-family: Graphite Light; font-size: 12pt; color: red;}
H4 {font-family: Arial; font-size: 11pt; color: #0080FF; font-weight: bold;}
H5 {font-family: Arial; font-size: 9pt; color: black; font-weight: bold;}


/*  changes active links text color over entire screen */
A {
  color: black;
  text-decoration: none;
  font-weight : bold;
  font-size: 11px;
}

/*  changes active links text color when mouse passes over for entire screen */
A:hover {
  color: red;
  text-decoration: underline;
  font-weight : bold;
}

/* changes background of form area body header & background for entry forms AND the advanced search text background */
FORM {
  background: #ffffff;
  display: inline;
}

/* my text and background color for left column advanced search text. 
Changed BOX_SEARCH_TEXT and BOX_SEARCH_ADVANCED_SEARCH in includes/languages/english.php */  
SPAN.advsearch {
}


.headercart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: blue;
}
/* changes background of the very top rows of screen where logo image goes */
TR.header {
  height: 103px;
/*  background-image: url('images/xConsult_back_blu.jpg');*/
}

/* changes background of the top navigation row just below row where logo image goes */
TR.headerNavigation {
}

/* changes background and text of the top navigation row just below row where logo image goes */
TD.headerNavigation {
  font-family: SquireD, Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #000000;
  font-weight : bold;
}

/* changes link text of the top navigation row just below row where logo image goes */
A.headerNavigation { 
  font-family: SquireD, Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #000000;
  font-weight : bold;
}

/* changes mouse hover color on link text of the top navigation row just below row where logo image goes */
A.headerNavigation:hover {
  font-size: 15px;
  color: blue;
}

/* ??? can't see it do anything */
TR.headerError {
  background: #ffb3b5;
}

/* ??? can't see it do anything */
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffb3b5;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

/* ??? can't see it do anything */
TR.headerInfo {
  background: #ac36fc;
}

/* ??? can't see it do anything */
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #d71c01;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/* ??? can't see it do anything */
TR.footer {
}

/* changes text, background, height, width of the footer where date and time are displayed */
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  background-image: url('images/footer_bar.gif');
  height: 32px;
}

/* MY ADDITION - changes left/right columns to one solid color */
.ColumnL {
  width: 170;
  background: #a9bcfe;
  }
  
.ColumnR {
  width: 150;
  background: #a9bcfe;
  }
  
/* background color 
  changes border of the all info boxes including where "shopping cart is empty" is displayed */
.infoBox {
}
  
/* my background color for left/right column boxes only. Also changed in includes/classes/boxes.php */  
.infoBoxContents_new_bg {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  }
   
/* background color changes area where no text is displayed in center info boxes AND bestsellers list AND shopping cart list (because of my change above) */
/* text color changes text numbers only in bestsellers list */
/* also box where some buttons are or outside box of same */
.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: blue;
}

/* ??? can't see it do anything, supposed to be for checkout error message only */
.infoBoxNotice {;
}

/* ??? can't see it do anything, supposed to be for checkout error message only */
.infoBoxNoticeContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #a9bcfe;
}

/* background color and text for heading of left/right infoboxes only. */  
TD.infoBoxHeading {
  font-family: SquireD, Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

/* ??? can't see it do anything */
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;}

/* background color for manufacturer product listing, odd is first one shown. */  
/* background color for products in cart listing, odd is 2nd one shown. */  
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

/* background color for manufacturer product listing only, even is 2nd one shown. */  
/* background color for products in cart listing, even is 1st one shown. */  
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #cdd8fe;
}

/* border color for product listing only. */  
TABLE.productListing {
}

/* background and text color for small heading bar of product listing, cart contents heading AND text of product names in listing. */
/* background image won't work because uses text/back color from ??? for "Products+","Price" in product listing header, "Buy Now" works fine on same heading line */  
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  background: #a9bcfe;
}

/* text color for old prices in specials AND reg prices in normal product listing only. 
   also the text color for error message when no products in category chosen */  
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: blue;

}

/* link text color for next page link at bottom of product listing. */  
A.pageResults {
  color: #7781db;
}

/* mouse hover text color for next page link at bottom of product listing. */  
A.pageResults:hover {
  color: blue;
}

/* my addition for new products AND specials listing pages, AND forgotten password prompt at login AND sub-category pics 
MAIN class uppdated in public_html/products_new.php. 
SMALLTEXT class updated in public_html/specials.php   
SMALLTEXT class updated in public_html/index.php   
SMALLTEXT class updated in public_html/login.php */  
.pageListing_new {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #7781db;
  background: #cdd8fe;
}

/* text color for heading of most pages (ie: What's New Here). */  
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #6699FF;
}

/* ??? can't see it do anything */
TR.subBar {
  background: #7781db;
}

/* ??? can't see it do anything */
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
/* PROBLEM HERE - some pages need a light color here, and some need darker, does not correspond to 
infoboxContents even when the backgrounds are the same *** LEAVE OUT BACKGROUND COMMAND, fixes problem
  background: #cdd8fe;*/
/* one example - the greet user input to the login screen from first page */
/* text color and background color of text only on Address Input fields, (maybe other input fields?) */
/* also background color of INSIDE boxes in center screen where most buttons are placed */
/* text in login page, and product description pages */
/* border command doesn't do anything */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: blue;
}
/* text color of New Customer screen next to "Note" and copyright notice at bottom of screen*/
/* text color of "Results..." at bottom of same page*/
/* background also works for behind same text */
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: black;
  background: white;
}

/* ??? can't see it do anything */
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #a9bcfe;
  background: #caa5f3;
}

/* they say it only changes text sizes of entry fields in adv search only */
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/* they say it only changes text sizes of entry fields in adv search only */
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* they say it changes sizes/styles of headings in address_book.php & product_reviews.php (ie:"No. Name Location") */
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

/* ??? can't see it do anything, even tested adding new product */
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #caa5f3;
}

/* they say it changes sizes/styles of text sizes in drop down menus, etc. */
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* ??? can't see it do anything, even tested by reducing size to 300 */
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* changes color of word GUEST or their name only */
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ac36fc;
  font-weight: bold;
}

SPAN.MyCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 50px;
  font-weight: bold;
  color: blue;
}
/* ??? can't see it do anything, they say it changes "My Account Information" form, but it doesn't */
TABLE.formArea {
  background: #a9bcfe;
  border-color: #ac36fc;
  border-style: solid;
  border-width: 10px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #d88df5;}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #febcfe; cursor: pointer; cursor: hand; }
/* color of the bar on the checkout_shipping.php showing the shipping charge */
.moduleRowSelected { background-color:#fe9cfc; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #febcfe; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #df6ff7; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #a9bcfe; }

/* input requirement - THEY SAY this changes font style for little asterisk and notation that those are required fields */
/*                     IT DOESN'T, DON'T KNOW WHAT IT DOES, IF ANYTHING */
/*                     WOOPS - it does do this, had to wait for cache to expire */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: red; }