/*
  $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: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/*
line 1 : page's background : WARNING : this is not the head of the page.
line 2 : color of the text in the page : 
line 3 : marge's size
*/
	BODY {
  	background: #1C95c3;
  	background-image: url(/catalog/images/sfondo.gif);
  	color: #000000;
  	margin: 20px;
	}
/* ------------------------------------------ */

/* 
line 1 : links color on the page. 
line 2 : choice of option for the links: here nothing 
*/
	A {
  	color: #000000;
  	text-decoration: none;
	}
/* ------------------------------------------ */

/* 
line 1 : links color when touch them with the mouse.
line 2 : choice of option : here underline 
*/
	A:hover {
  	color: #AABBDD;
  	text-decoration: underline;
	}
/* ------------------------------------------ */

	FORM {
	display: inline;
	}

/* line 1 : color of the head on the page. */
	TR.header {
  	background: #DDEEFF;
	}
/* ------------------------------------------ */

/* line 1 : color of the menu on top. */
	TR.headerNavigation {
  	background: #047EC4;
	}
/* ------------------------------------------ */

/* line 1 : family
line 2 : size 
line 3 : background color	   BE CAREFUL !!! : THE 12 LINE IS THE REAL BACKGROUND, NOT THE 6 LINE !
line 4 : color
line 5 : option */

	TD.headerNavigation {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	background: #047EC4;
  	color: #ffffff;
  	font-weight : bold;
	}
/* ---------------------------------------- */

	A.headerNavigation { 
  	color: #FFFFFF; 
	}

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

/* for the errors. */
	TR.headerError {
  	background: #ff0000;
	}

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

/* for the head */
	TR.headerInfo {
  	background: #00ff00;
	}

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

/* It's for navigation banner in the bottom part of the page where is the date. */
	TR.footer {
  	background: #047EC4;
	}

	TD.footer {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	background: #047EC4;
  	color: #ffffff;
  	font-weight: bold;
	}
/* -------------------------------------- */

/* menu on left and right.
ligne 2 : background color of "boxes" in the menus
don't touch font size, it's not necessary... */
	.infoBox {
  	background: #b6b7cb;
	}

	.infoBoxContents {
  	background: #f8f8f9;
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
	}
/* --------------------------------------- */

/* for the infobox */
	.infoBoxNotice {
  	background: #FF8E90;
	}

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

/* you modify the fisrt part. it's for the banner in the boxe's top (the title of boxes). 
change the second part like the first.
schema:
------------
menu
------------
hardware
software
freeware
------------
here, "menu" is on top...
I know, it's long, but it's finished soon. */
	TD.infoBoxHeading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	font-weight: bold;
  	background: #047EC4;
  	color: #ffffff;
	}

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

/* here for the adress book, payment... :
the first background for the new entry
the second for the old entry fo name for example in the adress book. */
	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: #f8f8f9;
	}

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

/* here, options for the banner "product's list by price or name" when you click on a category. it's not enough clear but you'll see fastly */
	TABLE.productListing {
  	border: 1px;
  	border-style: solid;
  	border-color: #b6b7cb;
  	border-spacing: 1px;
	}

	.productListing-heading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	background: #047ec4;
  	color: #FFFFFF;
  	font-weight: bold;
	}
/* --------------------------------------- */

/* here, otpion for the product's list : family, size, color, and link's options */
	TD.productListing-data {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
	}

	A.pageResults {
  	color: #0000FF;
	}

	A.pageResults:hover {
  	color: #0000FF;
  	background: #FFFF33;
	}
/* ------------------------------------ */

/* here, option for product's title in the individual presentation: size, family, option, color. */
	TD.pageHeading, DIV.pageHeading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 16px;
  	font-weight: bold;
  	color: #0E3259;
	}
/* ------------------------------------ */

	TR.subBar {
  	background: #f4f7fd;
	}

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

/* product description */
	TD.main, P.main {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
  	line-height: 1.5;
	}
/* ------------------------------------ */

/* in the bottom part of the product like "this product was added to our catalog on Saturday 04 January, 2003." or "Click to enlarge". */
	TD.smallText, SPAN.smallText, P.smallText {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
	}
/* ------------------------------------ */

/* account category */
	TD.accountCategory {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 13px;
  	color: #aabbdd;
	}
/* ------------------------------------- */

/* name of the field in "advanced search" for example. */
	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;
	}

/* for the products in the cart : "quantity, remove..." */
	TD.tableHeading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
	}
/* ----------------------------------------- */

/* new products in the cart. in the right part, in the "cart" box... */
	SPAN.newItemInCart {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	color: #ff0000;
	}
/* ------------------------------------- */

/* about the form, don't touch, it's not necessary, for sure !  the same for text area */
	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;
	}
/* -------------------------------------- */

/* on the main page, there is you name or "GUEST". Whatever, here this is for this text. */
	SPAN.greetUser {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 12px;
  	color: #f0a480;
  	font-weight: bold;
	}
/* ------------------------------------- */

/* don't touch this one */
	TABLE.formArea {
  	background: #f1f9fe;
  	border-color: #7b9ebd;
  	border-style: solid;
  	border-width: 1px;
	}

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

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

/* for special price */
	SPAN.productSpecialPrice {
  	font-family: Verdana, Arial, sans-serif;
  	color: #ff0000;
	}
/* ------------------------------------- */

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

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

.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; }

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

/* input requirement */

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