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

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

BODY { color: Black; text-align: left; text-decoration: none; margin: 0; padding: 0;
       background: #bcebff url(img/background.jpg) repeat-x;  }
BODY.scrollbar { scrollbar-face-color: #1E90FF; scrollbar-3dlight-color: Gray;
	              scrollbar-arrow-color: White; scrollbar-track-color: Silver;
	              scrollbar-shadow-color: White; scrollbar-darkshadow-color: Black;
	              scrollbar-highlight-color: Black; scrollbar-base-color: Black; }

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

H3 { font-size: 12pt; font-weight: bold; margin:0; padding:0; }

TD.descrizioneHP P { margin: 0; padding: 0; }
TD.descrizioneHP LI { list-style-position: inside; }
/* P { margin: 4px 0 2px 0; padding: 0 0 0 0; text-align: justify; text-indent: 5px; } */

A:link    { color: Blue; text-decoration: none; }
A:visited { color: Blue; text-decoration: none; }
A:hover   { color: Blue; text-decoration: underline; }

IMG { border: 0px; }

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

HR { border: 1px solid #1E90FF; }

TEXTAREA { font-size: 10pt; }

/* --------------- Tabella contenitore principale */
#tabMain { width: 976px;  background: transparent; }

/* --------------- Tabella LOGO */
#tabLogo { width: auto; }
TD.logo, TH.logo { font-weight: bold; background-color: black; color: white; text-align: center; }

/* --------------- Tabella menu navigazione principale */
#bg_menubar { background: url(img/sfondo_menu.gif) repeat-x left; }
/* #tabMainMenu { width: 100%; }
.mainMenu { font-weight: bold; text-align: center; width: 120px; float: left;
            background: url(img/background_pulsante_menu.gif) no-repeat left; }
.mainMenu A   { width: 120px; display: block; padding: 6px 0 5px 0; font-size: 16px; }
.mainMenu A:link    { color: Black; text-decoration: none; font-weight: bold; }
.mainMenu A:visited { color: Black; text-decoration: none; font-weight: bold; }
.mainMenu A:hover   { color: White; text-decoration: none; font-weight: bold; } */
/* --------------- Menu categorie */
.menulist, .menulist ul { margin: 0; padding: 0; list-style: none; }
.menulist ul { display: none; position: absolute; top: 1.0em; margin-top: 8px; left: 0px;
               width: 107px; }
.menulist ul ul { top: -1px; margin-top: 0; left: 107px; }
.menulist li { float: left; display: block; position: relative; background: url(img/pulsante_menu.gif) no-repeat left;
               width: 107px; text-align: center; }
.menulist ul li { float: none; margin-right: 0; margin-bottom: 0px; }
.menulist ul>li:last-child { margin-bottom: 1px; } /* Mozilla fix */
.menulist a { background: transparent; display: block; padding: 3px; color: Black; 
              text-decoration: none; font-weight: bold; font-size: 8pt; }
.menulist a:link, .menulist a:visited  { color: Black; text-decoration: none; font-size: 9pt;
                                         background: transparent; }
.menulist a.highlighted:hover, .menulist a:hover, .menulist a:focus { color: black; font-size: 9pt;
          background: transparent url(img/sfondo_menu_over.gif) repeat-x left; text-decoration: none; }
.menulist ul a:link, .menulist ul a:visited { color: white; background-color: #008ab8; border-top: 1px solid silver;     }
.menulist ul a:hover, .menulist ul a:focus { background: aqua; color: black; }                 
.menulist a.highlighted { color: Black; background: transparent url(img/sfondo_menu_over.gif) repeat-x left; }
.menulist a .subind { display: none; }
.menulist ul a .subind { display: block; float: right; }
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float: left; }
.menulist ul a { float: none; }
/* \*/
.menulist a { float: none; }
/* */
*+html .menulist ul li { float: left; height: 1%; }
*+html .menulist ul a { height: 1%; }
* html .menulist ul li { float: left; height: 1%; }
* html .menulist ul a { height: 1%; }

/* --------------- Motore di Ricerca semplice */
#cellaCerca { font-weight: bold; text-align: right; background-color: transparent;
              padding: 2px 2px 2px 6px; }
#cellaCerca FORM { margin: 0px 0px 0px 0px; }
#campoCerca { padding: 1px 1px 1px 1px; border: 1px solid Black; }
#cellaCerca A:link    { color: White; text-decoration: none; font-weight: bold; }
#cellaCerca A:visited { color: White; text-decoration: none; font-weight: bold; }
#cellaCerca A:hover   { color: Black; text-decoration: none; font-weight: bold; }

/* --------------- Tabella info */
#tabInfo { width: 100%; }
#infoCorpo { text-align: center; padding: 2px 3px 2px 3px; font-weight: bold; color: Red; }

/* --------------- bordi laterali con ombra */
.ombrasx { width: 8px; background: url(img/logo-new2_08.jpg) repeat-y left;  }
.ombradx { width: 8px; background: url(img/logo-new2_10.jpg) repeat-y left;  }

/* --------------- Tabella top */
#tabTop { width: 694px; background: url(img/logo-new2_06.jpg) no-repeat left; height: 30px; }
#infoUtente { padding-left: 3px; font-weight: bold; }

/* --------------- Tabella CENTRALE con miniCarrello, Categorie e Corpo */
#tabCentrale { width: 960px; margin-left: 0px; table-layout: fixed; background: url(img/centrino_sfondo.jpg) repeat-y top; }
/* cella miniCarrello e menuCategorie */
#cellaCarrCat { vertical-align: top; width: 165px; padding-left: 5px;}
/* 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: transparent;
                     color: Black; text-transform: uppercase; padding: 2px 2px 2px 2px; }
#miniCarrelloCorpo { vertical-align: middle; text-align: left; padding: 2px 6px 2px 4px;
                     border-right: 1px solid Black; }
#miniCarrelloCorpo A:link    { color: Black; text-decoration: none; font-weight: bold; }
#miniCarrelloCorpo A:visited { color: Black; 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: #B0C4DE; padding: 2px 2px 3px 2px; }
TD.carrelloTestaCol4, TD.carrelloTestaCol5 { 
    border-bottom: 1px solid Black; font-weight: bold; text-align: right; /* destra */
	 background-color: #B0C4DE; padding: 2px 2px 3px 2px; }
/* 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: #FFDEAD; text-align: left; /* sinistra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Gray; }
TD.carrelloCol4Riga0, TD.carrelloCol5Riga0 {
	 background-color: #FFDEAD; text-align: right; /* destra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Gray; }
TD.carrelloCol1Riga1, TD.carrelloCol2Riga1, TD.carrelloCol3Riga1 {
	 background-color: #F0E68C; text-align: left; /* sinistra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Gray; }
TD.carrelloCol4Riga1, TD.carrelloCol5Riga1 {
	 background-color: #F0E68C; text-align: right; /* destra */
	 padding: 2px 2px 2px 2px; border-bottom: 1px solid Gray; }
/* 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 Black; }
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 */
#checkoutTitolo { float: left; }
#checkoutImporto { margin-right: 4; text-align: right; font-size: 12pt; color: Red; }
#tabSubTitoloCheckout { width: 100%; margin: 10px 0px 12px 0px;}
.tabCheckoutRiepilogo { width: 100%; }
#titoloCheckoutVerifica { text-align: justify; color: Black; font-weight:bold; font-size: 10pt;
                           padding: 8px 4px 8px 4px; border: 1px dashed #FF8C00; }
#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 Black; 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 Black; margin-top: 4px; float: left; }
#formCheckout { margin: 12px 0px 4px 0px; }

/* --------------- Tabella articoli e dettaglio articolo */
.tabArticoli, .tabArtDettagli { width: 100%; }
.tabArtCorpo { width: 100%; }
TD.artNome, TD.artNomeDettagli { font-weight: bold; text-align: left; vertical-align: top;
                                 padding: 2px 1px 4px 0px; border-bottom: 1px solid #0066CC; }
TD.artImmagine, TD.artImmagineDettagli { text-align: center; vertical-align: top; 
                                         padding: 4px 0px 0px 0px; width: 120px; }
TD.artDescrizione { vertical-align: top; padding: 4px 0px 0px 4px; width: 100%; }
DIV.artDescrizioneDettagli { vertical-align: top; padding: 0px 0px 4px 2px; }
DIV.artDescrizioneDettagli p { margin: 0;	padding: 0; }
DIV.artDescrizioneDettagli ul, ol {	margin-top: 0;	margin-bottom: 0; }
TD.artFondo { padding: 5px 4px 0px 4px; }
/* Tabella dentro a TD.artFondo */
.tabArtFondo { width: 100%; }
TD.artPrezzo {	font-size: 12pt; font-weight: bold;	padding: 0px 6px 4px 0px; color: Red;
               text-align: right; vertical-align: top; border-bottom: 1px solid #0066CC; }
TD.artDettAdd { text-align: right; padding: 0px 0px 0px 0px; }
TD.artDettagli, TD.artAddCart { text-align: center; padding: 0px 3px 2px 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; }
/* --------------- cornici tabelle */
TD.bordo_sx { background: transparent url(img/c4.gif); }
TD.bordo_dx { background: transparent url(img/c6.gif); }
TD.bordo_alto { background: transparent url(img/c2.gif); }
TD.bordo_basso { background: transparent url(img/c8.gif); }
TD.bordo_sx_u { background: transparent url(img/cu4.gif); }
TD.bordo_dx_u { background: transparent url(img/cu6.gif); }
TD.bordo_alto_u { background: transparent url(img/cu2.gif); }
TD.bordo_basso_u { background: transparent url(img/cu8.gif); }
TD.bordo_sx_n { background: transparent url(img/cn4.gif); }
TD.bordo_dx_n { background: transparent url(img/cn6.gif); }
TD.bordo_alto_n { background: transparent url(img/cn2.gif); }
TD.bordo_basso_n { background: transparent url(img/cn8.gif); }

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

/* --------------- info a fondo pagina */
#info_fondo { text-align: center; font-size: 8pt; padding: 5px 0 5px 0;}

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

/* --------------- form registrazione utenti */
#tabRegUser { width: auto; }
#tabDatiUtente { border: 1px dashed Black; width: auto; background-color: #C1FF84;  
                 border-top-style: solid; }
#tabDatiFatt {	border: 1px dashed Black; width: auto; background-color: #FFD097;
               border-top-style: solid; }
#tabDatiSped {	border: 1px dashed Black; width: auto; background-color: #BDBEFF;
               border-top-style: solid; }
#tabRegUser TD { padding: 2px 4px 2px 2px; }
TD.regUserLabel { text-align: right; }
TD.regUserInput { text-align: left; }
TD.checkoutData { text-align: left; font-weight: bold; }
#tabAltriDati { border: 1px dashed Black; width: auto; background-color: #CCCCCC;  
                border-top-style: solid; }
#tabNote { border: 1px dashed Black; width: auto; background-color: #FFC24F;  
           border-top-style: solid; }
.enabled { border: 1px solid Black; background-color: White; } /* campo attivo */
.disabled { border: 1px solid Black; background-color: #DCDCDC; } /* campo disattivato */

/* --------------- validazione form */
.tfvHighlight { color: Red; font-weight: bold; }
.tfvNormal { color: black; }
.tfvNormalWhite { color: white; }
.inputHighlighted	{ color: Red; }
.inputNormal { color: black; }

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

/* --------------Prodotti */
.prod { padding: 5px 3px 5px 3px; text-align: center; width: 150px; height: 160px; font-size: 8pt; }

/* --------------- riquadro pubblicità */
.inserzioni { border-left: 1px solid #999999; height: 30px; border-right: 1px solid #999999;
              margin-top: 0 ! important; /* Firefox e Opera */  margin-top: 1px; /* MSIE */ }
.inserzioni { background: url(img/graybar.gif) no-repeat left; }
.inserzioni DIV { color: Black; font-size: 12pt; font-weight: bold; padding-top: 5px; text-align: center; }
.inscontent { border: 1px solid #999999; border-top: 0px solid; text-align: center; padding: 4px 0 4px; }

/* --------------- tooltip (pubblicità) */
#dhtmltooltip { position: absolute; width: 150px; border: 2px solid black; padding: 2px; background-color: lightyellow;
					 visibility: hidden; z-index: 100;
                filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); /* ombra (solo MSIE) */ }

/* --------------- pagine */
.graybar_freccia, .graybar_cerchio, .graybar_croce, .graybar_quadrato, .graybar_user {
  border-left: 1px solid #999999; height: 30px; border-right: 1px solid #999999;
  margin-top: 0 ! important; /* Firefox e Opera */  margin-top: 1px; /* MSIE */ }
.graybar_freccia { background: url(img/graybar_freccia.gif) no-repeat left; }
.graybar_cerchio { background: url(img/graybar_cerchio.gif) no-repeat left; }
.graybar_croce { background: url(img/graybar_croce.gif) no-repeat left; }
.graybar_quadrato { background: url(img/graybar_quadrato.gif) no-repeat left; }
.graybar_user { background: url(img/graybar_user.gif) no-repeat left; }
.graybar_freccia DIV, .graybar_cerchio DIV, .graybar_croce DIV, .graybar_quadrato DIV, .graybar_user DIV {
  color: Black; font-size: 12pt; font-weight: bold; padding-left: 18px; padding-top: 5px; }
.pagecontent { border: 1px solid #999999; border-top: 0px solid; }
.pagecontent DIV { padding: 5px 5px 5px 5px; }
.pagecontent DIV P { margin: 0; padding: 0; }