/*
  $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
  Descriptions added by bill110
*/

/*.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-size: 10px;
}
/*.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-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-size : 10px;
	color: #cc0033;
}
/*.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: #f2fff7;
}
/*.orderEdit
The color style of the "edit" links shown on the checkout confirmation page.*/
.orderEdit {
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}
/*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.*/
FORM {
	display: inline;
}
/*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.*/
TR.header {
	background: #ffffff;
}
/*TR.headerError 
The styles used for the error messages shown in the header. 
The default is a red background with white text.*/
TR.headerError {
	background: #ff0000;
}
/*TD.headerError
The styles used for the error messages shown in the header. 
The default is a red background with white text.*/
TD.headerError {
	font-size: 12px;
	background: #ff0000;
	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*/
TR.headerInfo {
	background: #00ff00;
}
/*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*/
TD.headerInfo {
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
/*.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.*/
.infoBox {
	background-color: #81523B;
}
/*.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.
*/
.infoBoxContents {
	font-size: 10px;
	background-color: #EAE4D3;
}
/*.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.*/
.infoBoxNotice {
	background: #FF8E90;
}
/*.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.*/
.infoBoxNoticeContents {
	background: #FFE6E6;
	font-size: 10px;
}
/*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.*/
TD.infoBoxHeading {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #81523B;
	padding-top: 3px;
	padding-bottom: 3px;
}
TD.infoBox, SPAN.infoBox {
	font-size: 10px;
}
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-color: #f4f1e9;
}
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: #f4f1e9;
}
/*TABLE.productListing
Sets a border around the products listing table that shows the listing of the products.*/
TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #81523B;
	border-spacing: 1px;
}
/*.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.*/
.productListing-heading {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #81523B;
}
.productListing-heading a:link {
	color: #FFF;
	text-decoration: underline;
}
.productListing-heading a:visited {
	color: #FFF;
	text-decoration: underline;
}
.productListing-heading a:hover {
	color: #EAE4D3;
	text-decoration: underline;
}
.productListing-heading a:active {
	color: #FFF;
	text-decoration: underline;
}
/*TD.productListing-data
Set a different background color for the product listing table and 
also set box padding, size, borders ... experiment!*/
TD.productListing-data {
	font-size: 10px;
}
/*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.*/
A.pageResults {
	color: #81523B;
}
/*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.*/
A.pageResults:hover {
	color: #81523B;
	background-color: #c7b4a1;
}
/*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.*/
TD.pageHeading, DIV.pageHeading {
	font-size: 24px;
	font-weight: normal;
	color: #81523B;
	line-height: 30px;
}
/*TR.subBar
The style used for the sub navigation bar.*/
TR.subBar {
	background: #EAE4D3;
}
/*TD.subBar
The style used for the sub navigation bar.*/
TD.subBar {
	font-size: 10px;
	color: #000000;
}
/*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.*/
TD.main, P.main {
	font-size: 11px;
	line-height: 1.5;
}
/*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:"*/
TD.smallText, SPAN.smallText, P.smallText {
	font-size: 10px;
}
/*TD.accountCategory
The style used for the account categories.*/
TD.accountCategory {
	font-size: 13px;
	color: #81523B;
}
/*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:*/
TD.fieldKey {
	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:*/
TD.fieldValue {
	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"*/
TD.tableHeading {
	font-size: 12px;
	font-weight: bold;
}
/*SPAN.newItemInCart
The style used for marking new products added to the shopping cart so 
these products show what's in the shopping cart.*/
SPAN.newItemInCart {
	font-size: 10px;
	color: #ff0000;
}
/*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.*/
CHECKBOX, INPUT, RADIO, SELECT {
	font-size: 11px;
}
TEXTAREA {
	width: 100%;
	font-size: 11px;
}
/*SPAN.greetUser
The style used for the user greeting "Welcome Guest!" on the first page.*/
SPAN.greetUser {
	font-size: 12px;
	color: #81523B;
	font-weight: bold;
}
/*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.*/
TABLE.formArea {
	background: #EAE4D3;
	border: 1px solid #81523B;
}
/*
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-size: 12px;
	font-weight: bold;
}
/*SPAN.markProductOutOfStock
The text color used for marking products out of stock.*/
SPAN.markProductOutOfStock {
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}
/*SPAN.productSpecialPrice
The style used on special product prices.*/
SPAN.productSpecialPrice {
	color: #ff0000;
}
/*SPAN.errorText
The style used for error text messages.*/
SPAN.errorText {
	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: #f4f1e9;
	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.*/
.moduleRowSelected {
	background-color: #c7b4a1;
}
/*.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-size: 10px;
	color: 81523B;
}
/*.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-size: 10px;
	color: #000000;
}
/* .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-size: 10px;
}
.messageStackError, .messageStackWarning {
	font-size: 10px;
	background-color: #ffb3b5;
}
.messageStackSuccess {
	font-size: 10px;
	background-color: #99ff00;
}
/* .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-size: 10px;
	color: #ff0000;
}
/* category information boxes */
.cat_info_box {
	background: #fff6e6;
	border: solid 1px #6FA1C8;
	padding: 8px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold
}
.osc_right_col {
	margin-left: 20px;
}