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

  osCommerce, Open Source E-Commerce Solutions

// modificari		personalizare
				FancierInvoiceEmail
				Category/Subcat Tabs

  http://www.oscommerce.com

  #0099FF

Elements 
A							:: This element controls the style of all hyperlinks in osCommerce, color, style, borders, image, etc. 
A:hover						:: This element controls the hover style of all hyperlinks in osCommerce, color, style, borders, image, etc. 
BODY						:: This element controls the styles of the body of osCommerce. Here you can change the background color and image, margins, width of the catalog, main font color (default text, product text, checkout text, prices, etc.) 
CHECKBOX,INPUT,RADIO,SELECT	:: This element controls the styles for all Checkbox, Input, Radio and Select controls in osCommerce. The background, color, size, font are all controlled here. 
FORM						:: This element controls the main form area styles in osCommerce. You can specify background colors, images, whether they display inline, or in the entire form block, font size of the form area. This also controls the font displayed in the search box, but not the fonts displayed in other forms. 
TEXTAREA 					:: This controls the style of the product text display area, but not the actual text of this area. The text is controlled by the BODY element. this also controls the background of the larger text input fields, such as the text input field in the 'contact us' form. Background color, image, border, font of these text areas are all controlled here. 
Classes 
.boxText						:: This controls the style of the font in the side boxes. This does not affect any hyperlinks. That is controlled by the A element above. Nor does it affect Box Headings - this is controlled by TD.infoBoxHeading 
.checkoutBarCurrent				:: This is the style for the current step in the checkout progress bar at the bottom of the checkout pages. This style controls the font family, size and color of the checkout bar current step. 
.checkoutBarFrom, .checkoutBarTo	:: This is the style for the steps prior to and after the current checkout step in the checkout progress bar at the bottom of the checkout pages. This style controls the font family, size and color of the checkout bar steps that are not currently active. 
.errorBox						:: This controls the style of the error box that displays when there is an error in the checkout process, such as an incorrect credit card number. The settings controlled by default are the background color, font family, size, and color. 
.infoBox						:: This specifies the background color of the infoboxes. These are all the side boxes and the new products box on the main page. 
.infoBoxContents				:: This specifies the styles for all the actual contents of the infoboxes. These are all the side boxes and the new products box. This is where you can change the background color and image of the side boxes. The font setting only seems to have an effect on the 'Shopping Cart' , 'Order History' and 'Bestsellers' box's fonts. 
.infoBoxNotice					:: 
.infoBoxNoticeContents			:: 
.moduleRow					:: 
.moduleRowOver				:: This controls the mouseover color of rows in modules during the checkout process. For example, when you mouseover a shipping option, the color changes. This controls the mouseover color. 
.moduleRowSelected				:: This controls the selection color of rows in the modules during the checkout process. For example, when you select a shipping option, the color changes. 
.orderEdit					:: This controls the style of the '(Edit)' text on the checkout confirmation page. 
.productsNotifications			:: This controls the table style for product notifications on the checkout success page. 
.stockWarning					:: This controls the properties of the stock warning text that is displayed in the shopping cart when there is not enough product in stock. 
A.headerNavigation				:: This controls the color of the links in the header navigation bar. This includes the breadcrumb links and all the site navigation links. 
A.headerNavigation:hover			:: This controls the hover color of the links in the header navigation bar. This includes the breadcrumb links and all the site navigation links. 
A.pageResults					:: 
A.pageResults:hover				:: 
SPAN.errorText				:: 
SPAN.greetUser				:: This controls the style of the username in the greeting on the main page. 
SPAN.markProductOutOfStock		:: This controls the style of the "out of stock" marker that shows up in the shopping cart display next to the out of stock product. 
SPAN.newItemInCart			:: This controls the style of the 'new item text' that is displayed for the any new item that is added to the cart. This highlights the newest item added to the cart. 
SPAN.productSpecialPrice		:: This controls the style of the 'special price' text. 
TABLE.formArea				:: This controls the style of the tables in forms, such as the 'My Account" form. This specifies background color, border, images, etc. 
TD.accountCategory				:: 
TD.fieldKey					:: 
TD.fieldValue					:: 
TD.footer						:: This controls the styles of the footer bar at the bottom of the page. 
TD.formAreaTitle				:: This controls the styles of form title text in the user account pages. 
TD.headerError				:: This controls the style of the header error messages (default is red at the top of the cart) 
TD.headerInfo					:: This controls the style of the header info messages (default is green at the top of the cart) 
TD.headerNavigation			:: This controls the style of the header navigation text and background. This does not control the hyperlinks in the header navigation bar. To control link styles in this area, use A.headerNavigation and A.headerNavigation:hover 
TD.infoBox, SPAN.infoBox		:: 
TD.infoBoxHeading				:: This controls the style of all the headings in the side boxes and new products box. Control color, background image, font, etc. 
TD.main, P.main					:: Controls the style of the main text areas in osCommerce, the default page, product text, and info pages text. 
TD.pageHeading, DIV.pageHeading	:: Controls the style of every page heading. Color, font, size, etc. 
TD.productListing-data			:: Controls the styles of product listing data on the product listing pages. 
TD.productListing-heading		:: Controls the styles of the product listing heading on the product listing pages. 
TD.smallText, SPAN.smallText, P.smallText :: This controls the styles of small text. This is the text found in the copyright notice, category links in the main text area, product name and price in the new products box and several other places. 
TD.subBar					:: 
TD.tableHeading				:: Controls the style of the table headings in the shopping cart, Qty, Products, Total and the headings in the personal address book. 
TR.accountHistory-even			:: 
TR.addressBook-even			:: Controls the style in the even numbered entries in the address book. 
TR.alsoPurchased-even			:: 
TR.payment-even				:: 
TR.productListing-even			:: 
TR.productReviews-even			:: 
TR.upcomingProducts-even		:: 
TR.shippingOptions-even			:: 
TR.accountHistory-odd			:: 
TR.addressBook-odd				:: Controls the style in the odd numbered entries in the address book. 
TR.alsoPurchased-odd			:: 
TR.payment-odd				:: 
TR.productListing-odd			:: 
TR.productReviews-odd			:: 
TR.upcomingProducts-odd			:: 
TR.shippingOptions-odd			:: 
TR.footer						:: 
TR.header					:: Controls the background color of the header cell. 
TR.headerError				:: 
TR.headerInfo					:: 
TR.headerNavigation			:: 
TR.productListing-heading		:: 
TR.subBar					:: 

  Released under the GNU General Public License
*/

/* The style used for the text in all boxes */
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
/* The style used for error notices */
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: black; background: #ffb3b5; font-weight: bold; }
/* The style used for the stock level warning text shown on the shopping cart page */
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
/* The style used for the product notifications checkbox bar on the checkout success page */
.productsNotifications { background: #f2fff7; }
/* The style of the edit links shown on the checkout confirmation page */
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/* The style used for the body of the page */
BODY { 
  background: black;
  color: white;
  margin: 0px;
}

/* The style used for links */
A {
  color: white;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

/* BOF Cat/Subcat Tabs */
A.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight : bold; 
  color: blue;
}

A.tabsNavigation:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight : bold; 
  color: #1E90FF;
  text-decoration: none;
}
TD.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
/*  background: #CCCCCC;*/
  color: white;  /* Color of the not selected category text */
  font-weight : bold;
}
/* EOF Cat/Subcat Tabs */

/* The style used for forms */
FORM {
	display: inline;
}

/* The style used for header rows */
TR.header {
  background: black;
}



/* The style used for the breadcrumb navigation path */
TR.headerNavigation {
  background: #0099FF;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #708090;
  color: #FFFFFF;
  font-weight : bold;
}

/* The style used for the breadcrumb navigation path links */
A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

/* The style used for the error messages shown in the header */
TR.headerError {
  background: #ff0000;
}

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

/* The style used for the information messages shown in the header */
TR.headerInfo {
  background: lime; /*verde electric*/
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: lime; /*verde electric*/
  color: black;
  font-weight: bold;
  text-align: center;
}

/* The style used for the footer */
TR.footer {
  background: black;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #708090;
  color: black;
  font-weight: bold;
}

/* The style used for information boxes */
.infoBox {
/*  background: #708090; */
  background: grey;

}

.infoBoxContents {
  background: black;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;

}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #708090; */
  background: grey;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* The style used for listing rows */
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: black;
}

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: black;
}

/* The style used for product listings */
TABLE.productListing {
  border: 3px;
  border-style: solid;
  border-color: #708090;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #708090;
  color: #000000;
  font-weight: bold;
}
.productListing-productName {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6495ED;
}
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* The style used for the page set links of product listings */
A.pageResults {
  color: #6495ED; /* CornFlower Blue */
}

A.pageResults:hover {
  color: #ADD8E6; /* Light Blue */
  background: black;
}

/* The style used for page headings */
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #0000FF; /*Blue*/
}

/* The style used for the sub navigation bar */
TR.subBar {
  background: #708090;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: white;
}

/* The style used for the main text */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

/* The style used for the small text */
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* The style used for the account categories */
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

/* The style used for the account parameter keys and values */
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* The style used for table headings */
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/* The style used for marking new products added to the shopping cart */
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #1E90FF; /* Dodger Blue */
}

/* The style used for certain HTML form elements */
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* The style used for the user greeting */
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

/* The style used for form areas */
TABLE.formArea {
  background: #708090;
  border-color: white;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

/* The style used for the shipping and payment modules */
.moduleRow { }
.moduleRowOver { background-color: #708090; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #9AA6B1; }

/* The style used for the checkout procedure position */
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* The style used for message boxes */

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

/* The style used for form input requirement fields */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* BOF Fancier Invoice and Packingslip */
.order_history_top { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row { background-color: #C9C9C9; }
.product_infobox_heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; }
.product_infobox_data_row { background-color: #F0F1F1; }
.product_infobox_data { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
/* EOF Fancier Invoice and Packingslip */