/* --------------- TAG generici */

* { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; }

BODY { background-color: Black; color: White; text-align: left; 
       text-decoration: none; margin: 4px 2px 2px 2px; }
BODY.scrollbar { scrollbar-base-color: #303030; scrollbar-arrow-color: #ffffff; }

TABLE { border: 0px; border-collapse: collapse; border-spacing: 0px; caption-side: top; }
CAPTION { font-size: 10pt; font-style: normal; font-weight: bold; color: White;
          text-align: left; background-color: transparent; }    
TD, DIV { font-style: normal; font-weight: normal; color: White;
          vertical-align: middle; text-align: left; border: 0;
          background-color: transparent; padding: 0px 0px 0px 0px; }
TD, TH { font-size: 10pt; }

A:link    {font-size:10pt; color: #FF8C00; text-decoration: none; }
A:visited {font-size:10pt; color: #FF8C00; text-decoration: none; }
A:hover   {font-size:10pt; color: #FF8C00; text-decoration: underline; }

IMG { border: 0px; }

FORM { margin: 0px 0px 0px 0px;}
BUTTON { border: 0px solid White; cursor: pointer; }

HR { border: 1px solid Silver; }

TEXTAREA { font-size: 10pt; }

/* -------------- ShinyStat */
#stat { left: 35px; top: 560px; position: absolute; z-index: 10; }

/* --------------- Tabella contenitore principale */
#tabMain { width: 780px; }

/* --------------- Tabella LOGO */
#tabLogo { width: 100%; }
TD.logo { font-weight: bold; padding: 2px 2px 2px 2px; }

/* --------------- Motore di Ricerca semplice */
.campoCerca { border: 1px solid #3C3C3C; color: Black; width: 145px; font-size:12px; }
.mainMenu { border : 1px solid white; background-color: gray; color: white; }
.cellaCerca { border : 1px solid white; background-color: gray; color: white; padding: 2px;}
.mainMenu A:link    {font-variant: small-caps; font-size:10pt; color: white; text-decoration: none; padding: 12px 3px 12px 3px;}
.mainMenu A:visited {font-variant: small-caps; font-size:10pt; color: white; text-decoration: none; padding: 12px 3px 12px 3px;}
.mainMenu A:hover   {font-variant: small-caps; font-size:10pt; color: black; text-decoration: none; padding: 12px 3px 12px 3px;}

/* --------------- Tabella info */
#tabInfo { width: 100%; }
#infoUtente { padding: 2px 2px 3px 0px; font-size: 8pt; }
#infoUtente A { font-size: 8pt; }
#infoCorpo { text-align: center; padding: 2px 2px 3px 4px; font-weight: bold; color: Red; }

/* --------------- Tabella CENTRALE con miniCarrello, Categorie e Corpo */
#tabCentrale { width: 100%; table-layout: fixed; }
/* cella miniCarrello e menuCategorie */
#cellaCarrCat { vertical-align: top; width: 108px; }
/* cella con il "CORPO" della pagina */
#cellaCorpo { vertical-align: top; padding: 0px 0px 0px 5px; }

/* --------------- Tabella mini carrello */
#tabMiniCarrello { width: 100%; }
#miniCarrelloTesta { font-weight: bold; text-align: center; background-color: Red;
                     color: Black; padding: 2px 4px 2px 4px; border: 1px solid White;
                     text-transform: uppercase; }
#miniCarrelloCorpo { vertical-align: top; text-align: center; padding: 8px 4px 8px 4px; 
                     border: 1px solid White; }
#miniCarrelloCorpo A:link    { color: White; text-decoration: none; font-weight: bold; }
#miniCarrelloCorpo A:visited { color: White; text-decoration: none; font-weight: bold; }
#miniCarrelloCorpo A:hover   { color: Red;   text-decoration: none; font-weight: bold; }

/* --------------- Tabella carrello */
#tabCarrello { width: 100%; }
/* intestazione carrello */
TD.carrelloTestaCol1, TD.carrelloTestaCol2, TD.carrelloTestaCol3 {
    border-bottom: 1px solid Black; font-weight: bold; text-align: left; /* sinistra */
	 background-color: Gray; padding: 2px 2px 3px 2px; color: black; }
TD.carrelloTestaCol4, TD.carrelloTestaCol5 { 
    border-bottom: 1px solid Black; font-weight: bold; text-align: right; /* destra */
	 background-color: Gray; padding: 2px 2px 3px 2px; color: black; }
/* ATTENZIONE: per ottenere l'elenco degli articoli su righe a colori 
   alternati i nomi delle classi che seguono devono finire per 0 e 1 */
TD.carrelloCol1Riga0, TD.carrelloCol2Riga0, TD.carrelloCol3Riga0 {
	 background-color: Silver; text-align: left; /* sinistra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Black; color: Black; }
TD.carrelloCol4Riga0, TD.carrelloCol5Riga0 {
	 background-color: Silver; text-align: right; /* destra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Black; color: Black; }
TD.carrelloCol1Riga1, TD.carrelloCol2Riga1, TD.carrelloCol3Riga1 {
	 background-color: Silver; text-align: left; /* sinistra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Black;  color: Black;}
TD.carrelloCol4Riga1, TD.carrelloCol5Riga1 {
	 background-color: Silver; text-align: right; /* destra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Black;  color: Black;}
TD.carrelloCentro1 { border-bottom: 1px solid Black; font-weight: bold; text-align: center; /* destra */
	 background-color: Gray; padding: 2px 2px 3px 2px; color: black; }
TD.carrelloCentro2 { background-color: Silver; text-align: center; /* centro */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Black; color: black; }
/* totali carrello */
TD.carrelloTotali { background-color: transparent; text-align: right; padding: 4px 2px 2px 2px; }
#tabCarrelloTotali { width: auto; }
TD.carrelloLabelImponibile, TD.carrelloTotaleImponibile, TD.carrelloLabelIVA, 
TD.carrelloTotaleIVA { background-color: transparent; text-align: right; padding: 4px 2px 2px 2px; 
                       font-weight: bold; border-bottom: 1px solid White; }
TD.carrelloLabelTotale, TD.carrelloTotaleTotale { 
   background-color: transparent; text-align: right; padding: 4px 2px 2px 2px; font-weight: bold; 
   font-size: 12pt; }
/* casella con la quantità dell'articolo */
.carrelloQtaInput { text-align: right; border: 1px solid #B0C4DE; padding-top: 1px; }
/* pulsanti carrello */
#tabPulsantiCarrello { width: auto; }
TD.pulsanteCarrello { text-align: center; padding: 4px 2px 2px 2px; }
/* cella messaggi carrello */
TD.carrelloMessaggi { background-color: transparent; padding: 4px 0px 2px 0px; }

/* --------------- Checkout */
#tabTitoloCheckout { width: 100%; border: 2px solid White; }
#tabTitoloCheckout TD { background-color: #FFD700; font-size: 12pt; font-weight: bold;
                        padding: 2px 4px 2px 4px; color: Black;}
#tabSubTitoloCheckout { width: 100%; margin: 10px 0px 12px 0px;}
.tabCheckoutRiepilogo { width: 100%; }
#titoloCheckoutVerifica { text-align: justify; color: White; font-weight:bold; font-size: 10pt;
                           padding: 8px 4px 8px 4px; border: 1px dashed Silver; }
#titoloCheckoutRiepilogo { text-align:center; color:red; font-weight:bold; font-size:12pt;
                           padding: 20px 0px 4px 0px; }
TD.checkoutRiepilogo { padding: 4px 4px 4px 4px; border-bottom: 1px solid White; font-weight: bold; }
TD.checkoutRiepilogoTot { padding: 4px 4px 4px 4px; font-weight: bold; font-size: 12pt; }
TD.checkoutElenco { padding: 2px 4px 2px 4px; }
.checkoutImportoArt { border-top: 1px solid White; margin-top: 4px; float: left; }
#formCheckout { margin: 12px 0px 4px 0px; }

/* --------------- Menu categorie */
DIV.menuCategorieTesta { font-size:8pt; background-color:red; color:white; border-bottom:1px solid white;
                         text-align:center; padding: 3px 0px 3px 0px; }
.menulist, .menulist ul { margin: 0; padding: 0; width: 108px; list-style: none; }
.menulist ul { display: none; position: absolute; top: -1px; left: 106px; }
.menulist li { position: relative; border: 1px solid White; background: #FFD700; margin-bottom: -1px; }
.menulist ul > li:last-child { margin-bottom: 1px; } /* Mozilla fix */
.menulist a { display: block; padding: 3px; color: #000; text-decoration: none; }
.menulist a:link, .menulist a:visited { color: Black; text-decoration: none; }
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus { color: Black; background-color: Black;  text-decoration: none;  }
.menulist a.highlighted { color: Black; background-color: Silver; }
.menulist a .subind { float: right; }
/* elimina dislivelli in MSIE/Win: * html per MSIE <= 6 e *+html per MSIE7 */
*+html .menulist li { float: left; height: 1%; }
*+html .menulist a { height: 1%; }
* html .menulist li { float: left; height: 1%; }
* html .menulist a { height: 1%; }
/* lista normale se javascript non attivo */
.menulist li:hover > ul { display: block; }

/* --------------- Tabella articoli e dettaglio articolo */
.tabArticoli, .tabArtDettagli { border: 1px solid White; width: 100%; }
.tabArtCorpo { width: 100%; }
TD.artNome, TD.artNomeDettagli { color: Black; font-weight: bold; text-align: left; 
                                 vertical-align: top; background-color: Silver;
                                 padding: 3px 3px 3px 3px; border: 1px solid White; }
TD.artImmagine, TD.artImmagineDettagli {
   text-align: left; vertical-align: top; padding: 3px 2px 3px 2px; width: 90px; }
TD.artDescrizione { vertical-align: top; padding: 3px 2px 3px 4px; }
.artDescrizioneDettagli { vertical-align: top; padding: 0px 0px 4px 2px; }
.artDescrizioneDettagli p { margin: 0;	padding: 0; }
.artDescrizioneDettagli ul, .artDescrizioneDettagli ol {	margin-top: 0;	margin-bottom: 0; }
TD.artFondo { padding: 2px 4px 2px 4px; border: 1px solid White; }
/* Tabella dentro a TD.artFondo */
.tabArtFondo { width: 100%; }
TD.artPrezzo {	font-size: 12pt; font-weight: bold;	padding: 0px 0px 0px 0px; color: White; }
TD.artDettAdd { text-align: right; padding: 0px 0px 0px 0px; }
TD.artDettagli, TD.artAddCart { text-align: center; padding: 0px 3px 0px 3px; }
/* tabella MiniInfo nei Dettagli dell'articolo */
.tabArtMiniInfo { width: auto; }
TD.artMiniInfoDettagli { vertical-align: top; padding: 2px 2px 2px 2px; }
TD.artLabelDettagli { text-align: right; vertical-align: middle; }
TD.artCodiceDettagli { font-size: 12pt; font-weight: bold; padding: 2px 0px 4px 4px; }
TD.artPrezzoDettagli { font-size: 12pt; font-weight: bold; padding: 2px 0px 4px 4px; color: Red; }

/* --------------- Tabella a fondo pagina */
#tabFondo { width: 100%; margin-top: 4px; }
TD.fondo { vertical-align: top; text-align: center; background-color: Gray; 
	        padding: 0px 0px 0px 0px; border: 1px solid White; }
/* link per Paginazione */
TD.fondo A:link    { color: Black; text-decoration: none; font-weight: bold; }
TD.fondo A:visited { color: Black; text-decoration: none; font-weight: bold; }
TD.fondo A:hover   { color: White; text-decoration: none; font-weight: bold; }
/* pagina corrente */
.myPagina { font-weight: bold; }

/* --------------- form login utenti */
#tabLogin { width: auto; }
#tabLogin TD { padding: 2px 2px 2px 2px; }
.campiLogin { border: 2px solid Gray; }
DIV.loginCheckout { padding: 8px 0px 2px 0px; }

/* --------------- form registrazione utenti */
#tabRegUser { width: 100%; }
#tabDatiUtente { border: 1px dashed White; width: auto; background-color: #C1FF84;  
                 border-top-style: solid; }
#tabDatiFatt {	border: 1px dashed White; width: auto; background-color: #FFD097;
               border-top-style: solid; }
#tabDatiSped {	border: 1px dashed White; width: auto; background-color: #BDBEFF;
               border-top-style: solid; }
#tabRegUser TD { padding: 2px 4px 2px 4px; }

TD.regUserLabel { text-align: right; }
TD.regUserInput { text-align: left; }
TD.checkoutData { text-align: left; font-weight: bold; }
#tabAltriDati { border: 1px dashed White; width: auto; background-color: #CCCCCC;  
                border-top-style: solid; }
#tabNote { border: 1px dashed White; width: auto; background-color: #FFC24F;  
           border-top-style: solid; }
#tabDatiUtente TD, #tabDatiFatt TD, #tabDatiSped TD, #tabAltriDati TD, #tabNote TD { color: Black; }
.enabled { border: 1px solid Black; background-color: White; } /* campo attivo */
.disabled { border: 1px solid Black; background-color: Gray; } /* campo disattivato */

/* --------------- validazione form */
.tfvHighlight { color: Red; font-weight: bold; }
.tfvNormal { color: Black; }
.inputHighlighted	{ color: Red; }
.inputNormal { color: White; }

/* --------------- elenco puntato per eventuali note */
.note { list-style: decimal outside none; }

TD.bordo_sx { background: White url(img/bordo_sx.gif); }
TD.bordo_dx { background: White url(img/bordo_dx.gif); }
TD.bordo_alto { background: White url(img/bordo_alto.gif); }
TD.bordo_basso { background: White url(img/bordo_basso.gif); }