/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  Released under the GNU General Public License
  
  - Contiene i commenti per ogni comando - 
  - Ultima modifica: 01/02/2009
  - Colori usati:
                  Nero: #000000
                  Rosso con-fine: #990000
                  Avorio: #ffffd0

*/

.boxText { font-family: Garamond; font-size: 12px;}
.errorBox { font-family : Garamond; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Garamond; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Garamond; font-size : 12px; color: #70d250; text-decoration: underline; }



BODY {
  background: #000000;
  background:url(http://www.con-fine.com/edizioni/images/bg.jpg) repeat 
  background: #000000;
  color: #990000;
  margin: 0px;
} /* Il colore definito in questa classe riguarda tutti i caratteri che fanno parte di testo non linkato.
Background color è il colore di background della pagina. È lo sfondo dove vengono poi disegnate le intestazioni e le colonne.
Questa classe modifica anche il bordo e il colore della finestra di visualizzazione del browser. Consente di cambiare anche il colore delle scroll bar della finestra. */

A {
  color: #990000;
  text-decoration: none;
} /* Stile e colore di tutti i link. */


A:hover {
  color: #AABBDD;
  text-decoration: underline;
} /* Stile e colore usato sui link al verificarsi dell’evento “on mouse over”. */


FORM {
   display: inline;
   } /* Lo stile usato nei form. Cambia il testo di box come la ricerca veloce.*/


TR.header {
background: #000000;
background:url(http://www.con-fine.com/edizioni/images/bg.jpg) repeat  
background: #000000;
} /* Cambia lo stile delle Table Row di tutte le table nell’header. */


TR.headerNavigation {
  background: #990000;
} /* Stile usato nella barra di navigazione (table row). */


TD.headerNavigation {
  font-family: Garamond;
  font-size: 11px;
  background: #A00000;
  color: #ffffff;
  font-weight : bold;
} /* Colore della freccia che punta in avanti nella barra di navigazione e del separatore |. Inserendo un colore di background qui si sovrascrivono le impostazioni del TR.headerNavigation.
Può essere inserito un colore per il bordo, un valore di padding che sposta solo la barra di navigazione, e un’immagine di background. */


A.headerNavigation { 
  color: #FFFFFF; 
} /* Imposta i colori del testo linkato nella barra di navigazione (per es. “Home Catalogo”) */


A.headerNavigation:hover {
  color: #ffffff;
} /* L’effetto che si ottiene con il “mouse over” sempre nella barra di navigazione. */


TR.headerError {
  background: #ff0000;
} /* Lo stile ustao per i table row dei messaggi di errore. Il default è background rosso e testo bianco. */


TD.headerError {
  font-family: Garamond;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
} /* Lo stile usato nei table data per i messaggi di errore. */

TR.headerInfo {
  background: #A00000;
} /* Lo stile usato per i messaggi informativi nell’intestazione. Cambia ad esempio il colore di background quando una nuova password è inviata all’utente che ha che ha usato la funzione di password reminder, per es. “Una nuova password è stata inviata al tuo indirizzo e-mail”. */

TD.headerInfo {
  font-family: Garamond;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
} /* Lo stile usato per i messaggi di informazione mostrati nell’header */

TR.footer {
  background: #990000;
} /* Cambia il colore di sfondo della barra del footer dove sono mostrati data e numero dei visite. */


TD.footer {
  font-family: Garamond;
  font-size: 11px;
  background: #990000;
  color: #ffffff;
  font-weight: bold;
} /* Dimensione e colore del testo nel footer. Sovrascrive le impostazioni del TR.footer. */


.infoBox {
  background: #990000;
} /* Imposta il colore del bordo intorno ai box informazioni fatta eccezione per i box “Il mio account”, “Modifica account”, “Aggiungi nuovi indirizzi”. */


.infoBoxContents {
  background: #FFFFC2;
  font-family: Garamond;
  font-size: 11px;
  color: #990000
  } /* Imposta il colore di tutto ciò che viene visualizzato all’interno dei box e inserisce un bordo colorato intorno ai box di commento. Inserendo un colore per il testo in questa classe, si modificano i colori del testo nei box del catalogo come “I più venduti”, e i box “Il mio Account” etc. visti sopra. */


.infoBoxNotice {
  background: #000000;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Garamond;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: Garamond;
  font-size: 12px;
  font-weight: bold;
  background: #A00000;
  color: #ffffff;
} /* Imposta colori e testo delle colonne laterali e del box nuovi prodotti. Se si imposta la dimensione dei font al di sopra di 10px si dovrà aumentare anche la dimensione delle icone del box in images/infobox */


TD.infoBox, SPAN.infoBox {
  font-family: Garamond;
  font-size: 12px;
  }

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;
} /* Imposta I colori delle righe pari e dispari di tutti gli elenchi. */

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
} /* Imposta un bordo nella tabella che racchiude l’elenco prodotti */


.productListing-heading {
  font-family: Garamond;
  font-size: 12px;
  background: #000000;
  color: #FFFFFF;
  font-weight: bold;
} /* Colore di sfondo dell’intestazione dell’elenco prodotti, dove sono elencati I campi “Nome prodotto, Prezzo …” come da setup nella configurazione. */


TD.productListing-data {
  font-family: Garamond;
  font-size: 12px;
} /* Modifica lo sfondo e anche il padding dei vari campi.*/

A.pageResults {
  color: #0000FF;
} /* Imposta il colore del testo del link che rimanda alle diverse pagine dell’elenco dei prodotti. */


A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
} /* Stessa funzione della classe precedente ma che si attiva all’evento “Mouse over”. */


TD.pageHeading, DIV.pageHeading {
  font-family: Garamond;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
} /* Lo stile usato nelle intestazioni delle pagine. Change the size of the text here. */


TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Garamond;
  font-size: 12px;
  color: #000000;
} /* Lo stile usato nelle barre di navigazione inferiori.*/

TD.main, P.main {
  font-family: Garamond;
  font-size: 12px;
  line-height: 1.5;
  color: #990000;
} /* Lo stile del testo di tutte le aree di testo principali, il testo delle pagine “Il mio account”, “Modifica account” etc. */

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Garamond;
  font-size: 12px;
} /* Stile del testo nel copyright sul footer della pagina, del testo “Includi sottocategorie nella ricerca avanzata e le informazioni nel fondo della pagina per i risultati, es. “Elenco da 11 a 20 di 32 prodotti”. */


TD.accountCategory {
  font-family: Garamond;
  font-size: 13px;
  color: #aabbdd;
} /* Stile usato nelle cateogorie dell’account. */

 
TD.fieldKey {
  font-family: Garamond;
  font-size: 12px;
  font-weight: bold;
} /* Testo usato nel form per la ricerca avanzata. */

TD.fieldValue {
  font-family: Garamond;
  font-size: 12px;
} /* Testo usato nel form per la ricerca avanzata. */


TD.tableHeading {
  font-family: Garamond;
  font-size: 12px;
  font-weight: bold;
} /* Stile usato nelle intestazioni per la rubrica utente e nelle recensioni prodotto. */



SPAN.newItemInCart {
  font-family: Garamond;
  font-size: 12px;
  color: #ff0000;
} /* Stile per marcare i prodotti aggiunti al carrello. */

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Garamond;
  font-size: 12px;
} /* Stile usato in alcuni elementi dei form come la dimensione del testo all’interno dei menu a tendina (es. Menu produttori). */

TEXTAREA {
  width: 100%;
  font-family: Garamond;
  font-size: 12px;
  }

SPAN.greetUser {
  font-family: Garamond;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
} /* Stile del font usato per il messaggio di benvenuto nella home page.*/

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
} /* Colore interno al box de “Il mio account”, “Modifica account” etc. Imposta anche il bordo intorno ai box. */

TD.formAreaTitle {
  font-family: Garamond;
  font-size: 12px;
  font-weight: bold;
} /* Dimensione e colore del testo nelle intestazione delle pagine "Il mio account", "Modifica account” e “Aggiungi indirizzo alla rubrica”. */

SPAN.markProductOutOfStock {
  font-family: Garamond;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
} /* Colore del testo usato per marcare I prodotti fuori stock */

SPAN.productSpecialPrice {
  font-family: Garamond;
  color: #ff0000;
} /* Lo stile usato nei prezzi per i prodotti in offerta. */

SPAN.errorText {
  font-family: Garamond;
  color: #ff0000;
} /* Stile dei messaggi di errore. */

.moduleRow { } /* Stile dei moduli di pagamento e consegna. */

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } /* Colore del Mouse over nelle pagine di selezione dei metodi di pagamento e consegna. */

.moduleRowSelected { background-color: #E9F4FC; } /*Stile del modulo selezionato nelle pagine di selezione del pagamento e consegna. */


.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #8c8c8c; } /* Stile del testo nel basso della pagina di conferma ordine. Il primo è la pagina da cui si proviene, il secondo è la pagina in cui si sta andando. ation Finished!" */

.checkoutBarCurrent { font-family: Garamond; font-size: 10px; color: #000000; } /* Stile del testo della posizione attuale nella fase di acquisto. */



/* message box */

.messageBox { font-family: Garamond; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Garamond; font-size: 11px; background-color: #99ff00; } /* Stile usato per il testo nei box messagggi */

/* input requirement */

.inputRequirement { font-family: Garamond; font-size: 10px; color: #ff0000; } /* Stile usato nei testi per I campi obbligatori da riempire nei form. Il colore dell’asterisco e del testo “Informazione obbligatoria”. */