/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  Modified for Category Textboxes
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* My CSS definition for the top menu buttons. */
.input.buttons {
background-color: #AD1F22;
font-family: Comic Sans MS;
font-size: 14px;
color: white;
font-weight: bold;
margin-left:-2;
margin-right:-2}

/* category information boxes (TEXTBOXES MODULE)*/
.cat_info_box {
  background: #E4D4B0;
  border: 0px #2C612D;
  padding-right: 8px;
  margin-right: 5px;
  font-family: Comic Sans MS, Verdana, Arial, sans-serif;
  font-size: 10px; }

/* Added for Short Desc add-on*/
TD.productDesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
}

/* Added for Short Desc add-on*/
TD.productheadDesc {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #000000;
 padding: 4px 0px 0px 10px;
}

/*.boxText
-- Changes the font size of the text in all the boxes.
-- Set the padding in the stylesheet to have space on the left and right ...
if you set padding on the top and bottom it will leave that much space between
the text lines in certain boxes and is not recommended for the top and bottom padding.*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
/*.tabledata
The style used for the "All Products Links" product listing ONLY - in catalog_products_with_images.php.*/
.tableData { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

/*.errorBox
Color and text size of error boxes with the red triangle ... ex: admin/backup.php where
it will say backup directory does not exist, warning...I can write to your configuration files, etc.*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
/*.stockWarning
The style used for the stock level warning text shown on the shopping cart page when purchasing items.*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: blue; }
/*.productsNotifications
The style used for the product notifications checkbox bar on the checkout success page.
You can also put a color in the text box and it will make the text change on just that bar.*/
.productsNotifications { background: #B8E2BF; }
/*.orderEdit
The color style of the "edit" links shown on the checkout confirmation page.*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: red; text-decoration: underline; }

/* BODY - my comments: 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
Type color is text color in the left & right column boxes and the "text body" that is NOT linked.

Background color is the page background color ... this acts as a base whereupon the header
 and columns are built.

Set the border color which sets the color around the inside browser window including the scrollbar.

Set the top border to 10 with the same color and it will drop down the table and the scrollbars of
the browser.*/
BODY {
  margin: 0px;
  border: 2;
}

/* FONT TYPE settings */
/* My CSS definition for the main wording - H1-H4. */
H1 {font-family: Graphite Light, SquireD, Arial;
  font-size: 15pt;
  color: red;
  margin-bottom: 0;
  padding-bottom: 0;}
H2 {font-family: Graphite Light, SquireD, Arial;
  font-size: 14pt;
  color: #0080FF;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;}
H3 {font-family: Graphite Light, SquireD, Arial;
  font-size: 11pt;
  color: #0080FF;
  font-weight: bold;
  }
H4 {font-family: Graphite Light, SquireD, Arial;
  font-size: 10pt;
  color: red;
  font-weight: bold;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  }
H5 {font-family: Arial;
  font-size: 9pt;
  color: black;
  font-weight: bold;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;  }
H6 {font-family: Graphite Light, SquireD, Arial;
  font-size: 9pt;
  color: red;
  font-weight: bold;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;}


/*A
The color style for ALL link colors throughout the entire store.*/
/*  changes active links text color over entire screen */
A {
  color: black;
  text-decoration: none;
  font-weight : bold;
}

/*A:hover
The color style used for mouse over links throughout the entire store.*/
/*  changes active links text color when mouse passes over for entire screen */
A:hover {
  color: red;
  text-decoration: underline;
  font-weight : bold;
}

/*FORM
The style used for forms. Changes the color of this text, "Use keywords to find the product
you are looking for" in the "Quick Find" box on the left.*/
/* changes background of form area body header & background for entry forms AND the advanced search text background */
FORM {
  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: green;
}

/*TR.header (means table row.header and is a general setting for the whole table)
The style used for the background color of the header.*/
/* 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');*/
}

/*TR.headerNavigation
The styles used for the breadcrumb navigation path (background color only of the top
navigation as "Top >> Catalog >> etc)*/
/* changes background of the top navigation row just below row where logo image goes */
TR.headerNavigation {
}

/*
TD.headerNavigation
Arrow colors that point forward and the vertical link separators | in the breadcrumb navigation path.

If you set a background color here it will override the TR.headerNavigation color set.

A colored border on the bottom can be set for a separation between the header and the categories.

A padding value can be set which will only pad the Navigation Bar.

A background image for the navigation table can be set also.*/
/* changes background and text of the top navigation row just below row where logo image goes */
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #6699FF; /*sky blue*/
  font-weight : bold;
}

/*A.headerNavigation
Sets the text link colors for the breadcrumb navigation path links (Top Catalog etc.)*/
/* 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;
}

/*A.headerNavigation:hover
The mouse over effects of the breadcrumb navigation path links ( top, catalog,
my account, cart contents, etc.)*/
/* 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: green;
}

/*TR.headerError
The styles used for the error messages shown in the header.
The default is a red background with white text.*/
/* ??? can't see it do anything */
TR.headerError {
  background: #ffb3b5;
}

/*TD.headerError
The styles used for the error messages shown in the header.
The default is a red background with white text.*/
/* ??? 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;
}

/*TR.headerInfo
The styles used for the information messages shown in the header ...
changes the bg color of the top box that appears when a new password is sent ...
ex: A New Password Has Been Sent To Your Email Address*/
/* ??? can't see it do anything */
TR.headerInfo {
  background: #ffffff;
}

/*TD.headerInfo
The styles used for the information messages shown in the header ...
changes the bg color of the top box that appears when a new password is sent ...
ex: A New Password Has Been Sent To Your Email Address*/
/* ??? can't see it do anything */
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffffff;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*TR.footer
This sets the color of the footer row where the date and counter are.*/
/* ??? can't see it do anything */
TR.footer {
}

/*TD.footer
This is the size & color of the text in the footer row where the date and counter are.
If you set a background color on this TD.footer tag it will override the TR.footer tag.*/
/* 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;
  }
  
/*.infoBox
Sets the background border color around all the boxes and not the box headings
except the "my account", "edit account", and "add a new address" boxes.*/
/* background color
  changes border of the all info boxes including where "shopping cart is empty" is displayed */
.infoBox {
  background: #DCC89A;
  }
/* 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;
  }
   
/*.infoBoxContents
Sets the color of ALL the inside of the boxes and puts a colored border around the comments boxes.
Setting a text color here will color the numbers text in the boxes like the catalog listings and
the "Best Sellers" box numbers and the "My Account", "Edit Account", & "Add Address" headings.
*/
/* 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: green;
 }

/*.infoBoxNotice
The style used for the outline of the box created at the top of the checkout_payment.php page
when a customer inputs the wrong credit card number or expiration date.*/
/* ??? can't see it do anything, supposed to be for checkout error message only */
.infoBoxNotice {;
}

/*.infoBoxNoticeContents
The style used for the body of the box created at the top of the checkout_payment.php page
when a customer inputs the wrong credit card number or expiration date.*/
/* ??? 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;
}

/*TD.infoBoxHeading
Sets the left and right column boxes and the new products box heading color and text color.

The text size of the heading boxes can be changed ... anything above 10 you will need to
enlarge the box graphics also (images/infobox)

Padding can be added to these heading boxes.

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd,
TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even,
TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even
Sets the odd and even row colors on all box listings.*/
/* 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: red;}

/* 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: #F1DDB8;
}

/* 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: #DFCEA8;
}

/*TABLE.productListing
Sets a border around the products listing table that shows the listing of the products.*/
/* border color for product listing only. */
TABLE.productListing {
  border: 2px;
  border-style: solid;
  border-color: #9BBD9D;
  border-spacing: 2px;
}

/*.productListing-heading
The color of the background of the product listing heading that has "product name", "price", etc.
The text style and color can also be set.*/
/* 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: #9BBD9D;
}

/*TD.productListing-data
Set a different background color for the product listing table and
also set box padding, size, borders ... experiment!*/
/* 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: green;

}

/*A.pageResults
Sets the link on catalog/includes/split_page_results.php and page results
numbered link colors at the bottom of the product pages.*/
/* link text color for next page link at bottom of product listing. */
A.pageResults {
  color: #000000;
  background: #E4D4B0;
}

/*A.pageResults:hover
Mouse over link colors on catalog/includes/split_page_results.php and page results
numbered links mouse over color at the bottom of the product pages.*/
/* mouse hover text color for next page link at bottom of product listing. */
A.pageResults:hover {
  color: green;
}

/* 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: #9BBD9D;
  background: #E4D4B0;
}

/*TD.pageHeading, DIV.pageHeading
The style used for page headings.
Color on the checkout_success.php page that says "Your Order Has Been Processed!" and also
on all the product heading pages as What's New Here? Enjoy Your Shopping! Text on all the product pages.

Change the size of the text here.*/
/* 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: #2C612D; /* dark green */
  background: #E4D4B0;
}
/*TR.subBar
The style used for the sub navigation bar.*/
/* ??? can't see it do anything */
TR.subBar {
  background: #2C612D;
}

/*TD.subBar
The style used for the sub navigation bar.*/
/* ??? can't see it do anything */
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #2C612D;
}
/*TD.main, P.main
The size of the text can be set for all the main text area, the "My Account Info",
"Edit Account", "Add Address", "Order History", & "Notifications" page boxes.
If you set the text color it is the text color on all these ... not the column boxes.

A padding can be also be set for all the body text in the store.*/
/* 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   background: #E4D4B0;
*/
TD.main, P.main {
  font-family: Comic Sans MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #2C612D;
  }
TD.mainbold, P.mainbold {
  font-family: Comic Sans MS, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #2C612D;
  font-weight: bold;
  }

/*TD.smallText, SPAN.smallText, P.smallText
Copyright text color & size at the bottom of the page.

"Include Subcategories" Text on the advanced_search.php page

Page results text at the bottom of the product pages such as "Displaying 11 to 20 (of 32 products)
Result Pages:"*/
/* 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 */
SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: black;
  }
TD.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: black;
  }

/*TD.accountCategory
The style used for the account categories.*/
/* ??? can't see it do anything */
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #000000;
}

/*TD.fieldKey
Text Sizes for the account parameter keys on the advanced_search.php page
such as "Categories: Manufacturers: Price From: Price To:
Date From: Date To:*/
/* 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;
}

/*TD.fieldValue
Text Sizes for the account parameter values on the advanced_search.php page
such as "Categories: Manufacturers: Price From: Price To:
Date From: Date To:*/
/* 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;
}

/*TD.tableHeading
Text styles/sizes on the table headings of address_book.php
and product_reviews.php page such as "No. Name Location"*/
/* 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;
}

/*SPAN.newItemInCart
The style used for marking new products added to the shopping cart so
these products show what's in the shopping cart.*/
/* ??? can't see it do anything, even tested adding new product */
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #caa5f3;
}

/*CHECKBOX, INPUT, RADIO, SELECT
The style used for certain HTML form elements like the size of the text
inside the drop down boxes like manufacturers.*/
/* 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;
}

/*SPAN.greetUser
The style used for the user greeting "Welcome Guest!" on the first page.*/
/* changes color of word GUEST or their name only */
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #2C612D;
  font-weight: bold;
}

SPAN.MyCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 50px;
  font-weight: bold;
  color: green;
}
/*TABLE.formArea
In "My Account Information", "Edit Account", and "Add Address" this is the inside box color.
Set the border around the boxes in the border section.*/
/* ??? can't see it do anything, they say it changes "My Account Information" form, but it doesn't */
TABLE.formArea {
  border-color: #ac36fc;
  border-style: solid;
  border-width: 10px;
}

/*
TD.formAreaTitle
In "My Account Information", "Edit Account", and "Add Address" this is the size of the text headings.

Changes the text color on top of the boxes on the "My Account Info" page.

Leave the text color box blank and the color is black.

A padding can also be set for space on the right and left sides.*/
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;}

/*SPAN.markProductOutOfStock
The text color used for marking products out of stock.*/
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
}

/*SPAN.productSpecialPrice
The style used on special product prices.*/
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #ff0000;
}

/*SPAN.errorText
The style used for error text messages.*/
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #ff0000;
}

/*
.moduleRow
The style used for the shipping and payment modules.*/
.moduleRow { }
/*.moduleRowOver
The color of the bar on the checkout_payment.php page on a mouse over
when you choose your payment method.*/
.moduleRowOver { background-color: #DCC89A; cursor: pointer; cursor: hand; }
/*.moduleRowSelected
The color of the bar on the checkout_shipping.php showing the shipping charge & the selected
payment method on th checkout_payment.php page.*/
/* color of the bar on the checkout_shipping.php showing the shipping charge */
.moduleRowSelected { background-color:#C1D9BB; }

/*.checkoutBarFrom, .checkoutBarTo
The color & size of the text at the bottom of the checkout pages that shows what page you are NOT on
such as "Delivery Information Payment Information Confirmation Finished!"*/
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #9BBD9D; }
 /*.checkoutBarCurrent
The color & size of the text at the bottom of the checkout pages that shows what page you are on
such as "Delivery Information Payment Information Confirmation Finished!"*/
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #3F8D3D; }

/* .messageBox
.messageStackError, .messageStackWarning
.messageStackSuccess
The style used for message boxes.
The error background colors like trying to delete an address that is your primary address in the
account section. */
.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; }

/* .inputRequirement
The style used for form input requirement fields.
The color of the asterisk * and the words "Required Information" on the account.php pages. */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: red; }