﻿
/*_______________________________________________ MASTER ___*/

body 
{
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: Black; padding:0px; margin:0px;
	background-image:url(../immagini/sfondo-pagina.jpg); background-repeat:repeat-y; background-color:White; background-position:center;
}

h1,h2,h3,p { font-size:1em; padding:0px; margin:0px; }

A { text-decoration:none; color:#FF8A00; }

table.contenitore { width: 100%;}

.contenitore_esterno { width: 900px; vertical-align: top; text-align: center;}

table.menu_front { width: 900px; vertical-align: top; text-align: left;}
td.testata { padding-left: 51px; padding-bottom: 10px; width:577px; }
TD.lingua { padding-left:50px; vertical-align:top; padding-top:60px; }
.bandiera { margin-right:5px; }

Div.menu_home { text-align:left; padding-left:20px;}
table.menu { border-right: solid 1px #FF8A00; }
td.voceMenu { border-left: solid 1px #FF8A00; padding-left: 8px; padding-right: 8px;}
.voceMenu a { color: #FF8A00;}
div.voceMenu { padding-left: 8px; padding-right: 8px;}
div.voceMenu_francese { padding-left: 6px; padding-right: 6px;}
div.voceMenu_tedesco { padding-left: 6px; padding-right: 6px;}

#CorpoFront { }

#Footer { width: 898px;  margin-top: 59px; margin-bottom: 20px; color: White; text-align:center; margin-left:1px; }

table.indirizzo {height: 22px; background-color: #FF8A00; width:100%; margin-left:auto; margin-right:auto; }
td.indirizzo_sx { padding-left: 74px; text-align: left;}
td.indirizzo_dx { padding-right: 54px; text-align: right; }

#Bodi { width: 900px; text-align: center; margin-bottom: 20px;}

/*_______________________________________________ DEFAULT ___*/

table.contenuto_home { width: 900px; vertical-align: top; text-align: left; margin-top: 50px; }
td.home_sx { width: 556px; vertical-align: top; text-align: left; padding-left: 74px; line-height: 21px; padding-right:10px; }
td.home_dx { width: 260px; vertical-align: top; }

.dlProdottiHomeItem { width:150px; padding-right:20px; padding-bottom:10px; line-height: 14px;  }
TABLE.immagineHome { height:150px; width:150px; margin-bottom:5px; }
TABLE.immagineHome IMG { border:none; }
DIV.nomeProdottoHome { font-weight:bold; }
SPAN.scontoHome { color:Red; font-weight:bold; }
SPAN.prezzoBarratoHome { text-decoration:line-through; }

div.eventi_home { margin-top: 59px; width: 506px; height:165px;}
div.eventi_data { padding-top: 40px; margin-left: 30px;}
div.eventi_titolo { margin-top: 10px; margin-left: 30px;}

div.bordo_animazione { margin-right: 4px;}

div.newsletter 
{ 
    margin:20px auto 20px auto; padding:22px 0px 0px 12px; width:145px; height:39px; letter-spacing:1px;
    background-image:url(../immagini/newsletter.jpg); background-repeat:no-repeat; 
}
DIV.rivenditori { width:100%; text-align:center; line-height:16px; }

div.bassotto { width: 259px; vertical-align: top; text-align: center; margin-top:45px;}
div.indirizzo_info { width: 259px; vertical-align: top; text-align: center; }

/*_______________________________________________ EVENTI ___*/

table.contenitore_eventi { margin-left: 74px; }
td.eventi {width: 450px; text-align: left;}
td.img { }

.dlEventiItem { padding-bottom: 10px; padding-top: 10px; border-bottom: solid 1px #EEEEEE; text-align: left;}
.dlEventi { border-top: solid 1px #EEEEEE; margin-top: 50px; }

/*_______________________________________________ EVENTO ___*/

td.evento_sx { width: 200px; text-align: left; vertical-align:top; padding-left: 74px; padding-top: 10px;}
td.evento_dx { width: 278px; text-align: left; vertical-align: top; padding-left: 20px; padding-top: 20px; }
td.evento_animazione { width: 328px; vertical-align: top; text-align: right; }

div.data_evento { margin-bottom: 10px;}
div.titolo_evento { margin-bottom: 10px;}

img.eventi { border: none;}

div.bassotto_eventi { margin-top: 55px; margin-left: 98px;}

div.indirizzo_info_eventi { width: 278px; text-align:center; vertical-align: top;}
a.indirizzo_mail { color: #FF8A00;}

div.contenitore_evento { }

table.contenitore_eventi1 { margin-left: 0px; margin-top: 10px; }

.dlEventi1 { margin-top: 0px;}

div.bordo_animazione_evento { margin-right: 2px;}

div.pannello { margin-bottom: 20px;}

span.piu { z-index:10; position:relative; top:14px; left:184px; padding:2px 4px 2px 4px; color:White; background-color:#FF8A00; }
span.piu a { color: White;}

/*_______________________________________________ FOTOGALLERY ___*/

div.galleria { width: 900px; overflow:hidden; padding-left: 20px; margin-top:50px; }

div.dlPhotogalleryItemDiv { background-image: url(../immagini/diapositiva.jpg); width:164px; height:139px; 
                            padding-top:25px; margin-right:8px;}

TD.photogallery { width:164px; height:105px; text-align:center; vertical-align:middle;  }
TD.photogallery img { border: none;}

div.piu { padding-left: 120px; padding-top: 5px;}

.dlPhotogallery { margin-bottom: 15px;}
.dlPhotogalleryItem { padding-bottom: 10px;}

.paginePnl { width: 100%; color: Black; }
.pag { color: Black; padding-left: 5px; padding-right:10px;}
table.pagine  { margin-left:auto; margin-right:auto; }
.dlPagine { margin-left: 5px; margin-right: 5px;}
.indietro_click { margin-right: 5px;}

/*_______________________________________________ Dove Siamo ___*/

TABLE.dove_siamo { margin-top:50px; }

/*_______________________________________________ Prodotti ___*/

TD.ecommerceSx { vertical-align:top; padding-top:40px; padding-left:20px; text-align:left; width:664px; }

/* Dischi */

.dlCategorieItem { padding-right:10px; }
.dlCategorieSeparator { padding-right:7px; }

.NoProdotti { margin-top:30px; }
.dlDischi { margin-top:17px; }
.dlDischiItem { width:150px; padding-right:15px; padding-bottom:50px; line-height: 14px; }
TD.prodottoListaSx { width:127px; padding-right:5px; }
TD.prodottoListaDx { vertical-align:top; padding-right:5px; padding-top:3px; }

TABLE.pagineProdotti { margin-top:10px; }

TD.ecommerceDx { vertical-align:top; width:216px; padding-top:50px; text-align:left; }

/* Login */

DIV.login { margin-bottom:20px; }
DIV.loginPanel { padding-left:20px; padding-right:20px; width:151px; background-image: url(../immagini/centro.jpg); background-repeat:repeat-y; }
DIV.loginLabel { margin-left:5px; margin-bottom:3px; }
.loginTextBox { margin-bottom:5px; height:15px; border:solid 1px #999; width:147px; font-size:11px; text-indent:1px; }
.loginButton, .logoutButton 
{ 
    background-image: url(../immagini/pulsante.jpg); background-repeat:no-repeat; text-align:center; 
    padding-right:5px; padding-top:2px; width:65px; height:18px; margin-top:5px;
}
.loginButton { margin-left:95px;}
.logoutButton { margin-left:5px; margin-bottom:5px; }
A.login { color:White; }
DIV.loginLink { padding-bottom:5px; }
.erroreLogin { border:solid 1px Red; color:Red; padding:5px; margin-bottom:5px; }

/* Cerca */

DIV.cercaLabel { margin-left:15px; margin-bottom:3px; }
DIV.cercaTextBoxPanel { margin-left:10px; }
.cercaTextBox { margin-bottom:5px; height:14px; border:solid 1px #999; width:155px; font-size:11px; text-indent:1px; }
DIV.cercaButton, DIV.cercaButton_7, DIV.cercaButton_6 { background-color:#FF8A00; height:18px; }
DIV.cercaButton_7, DIV.cercaButton_6 { margin-top:1px; }
DIV.cercaTextBoxPanel A { color:White; }

DIV.legendaProdotti { border:solid 1px #999; margin:20px 10px 10px 10px; padding:5px; width:159px; text-align:center; }

DIV.bassottoProdotti { width:191px; text-align:center; margin-top:45px; }
DIV.indirizzo_infoProdotti { width:191px; text-align:center; }

/* Libri */

TD.libroListaSx { width:97px; padding-right:5px; }
TD.libroListaDx { vertical-align:top; padding-right:5px; padding-top:3px; padding-bottom:3px; }

/*_______________________________________________ Prodotto ___*/

TABLE.prodotto { margin-bottom:10px; }
TD.prodottoSx { vertical-align:bottom; padding-bottom:35px; }

TD.prodottoDx { vertical-align:bottom; padding-left:20px; padding-right:20px; }
TABLE.schedaProdotto { margin-top:10px; width:100%; }
TABLE.schedaProdotto TD { padding-top:5px; }
TD.schedaProdottoSx { vertical-align:top; width:110px; }
TD.schedaProdottoDx { vertical-align:top; font-weight:bold; }
SPAN.scontoProdotto { color:Red; }

.prodottoCarrello
{ 
    background-image: url(../immagini/pulsante-acquista.jpg); background-repeat:no-repeat; text-align:center;
    padding-right:5px; padding-top:2px; width:84px; height:18px;
}
A.login { color:White; }

DIV.descrizioneProdotto { line-height:14px; }

DIV.tornaProdotto { font-weight:bold; margin-top:40px; width:100%; text-align:center; }

/*_______________________________________________ Carrello ___*/

.comxaliteCarrello { border-bottom:solid 1px #999; margin:20px 10px 0px 0px; width:654px;}
.comxaliteCarrelloRow { border-top:solid 1px #999; }
.comxaliteCarrelloRow TD { padding:5px 8px 5px 8px; border-top:solid 1px #999; }
.comxaliteCarrelloHeader TH { padding-bottom:5px; }
.qtaCarrelloHeader { text-align:center; }
.quantitaCarrello { text-align:center; width:30px; }
.comxaliteTextBoxCorto { width:20px; border:solid 1px #999; font-size:11px; text-indent:1px; }
.prezzoCarrelloHeader { text-align:right; padding-right:8px; }
.prezzoCarrello, .totaleCarrello { text-align:right; width:70px; }
.eliminaCarrello { text-align:center; width:30px; }

DIV.carrelloTotaleFinale { margin:20px 0px 20px 0px; }
DIV.carrelloPulsante { border:solid 1px #FF8A00; margin-right:10px; padding:5px; text-align:center; }

/*_______________________________________________ Utente non registrato ___*/

DIV.testo { padding-top:20px;}
TABLE.utentenonregistrato TD { border:solid 1px #FF8A00; padding:10px; width:200px; }

/*_______________________________________________ Registrazione ___*/

.comxalitePannelloErrori { border:solid 1px red; padding:10px; line-height:16px; margin-bottom:10px; width:400px; }
TD.comxaliteRegistrazione { width:200px; }
.comxaliteClausole { margin-top:10px; margin-bottom:10px; }
DIV.registrazioneBottoni { margin-top:20px; }

/*_______________________________________________ Conferma Acquisto ___*/

H1.comxaliteTitolo { margin-bottom:5px; }

.confermaGridView { border-bottom:solid 1px #999; margin:20px 10px 0px 0px; width:654px;}
.confermaGridViewRow { border-top:solid 1px #999; }
.confermaGridViewRow TD { padding:5px 8px 5px 8px; border-top:solid 1px #999; }
.confermaGridViewHeader TH { padding-bottom:5px; }
.confermaGridViewPrezzoHeader { text-align:right; padding-right:8px; }
.confermaGridViewPrezzo, .confermaGridViewTotale { text-align:right; width:70px; }
.confermaGridViewQuantitaHeader { text-align:center; }
.confermaGridViewQuantita { text-align:center; width:80px; }

.comxaliteTotali { margin-top:10px; margin-bottom:20px; }
.comxaliteTotaliDx { text-align:right; padding-left:10px; }

.comxaliteModalitaPagamento { margin-top:20px; margin-bottom:20px; }
.comxaliteContratto { height:300px; overflow:auto; width:600px; margin-bottom:10px; margin-top:15px; }
.confermaConcludi { margin-top:20px; }

/*_______________________________________________ Riepilogo Ordini ___*/

DIV.comxaliteRiepilogoOrdini { border:solid 1px #999; padding:10px; margin-bottom:10px; }
DIV.datiOrdineRiepilogo { line-height:16px; }
.ordineGridView { border-bottom:solid 1px #999; margin:20px 10px 10px 0px; width:554px;}

/*_______________________________________________ Legenda ___*/

TABLE.legenda { margin-top:30px; }
TABLE.legenda TD { vertical-align:top; text-align:left; }
TD.legendaSx, TD.legendaDx { padding-right:20px; }
DIV.titoloLegenda { border:solid 1px Black; width:305px; background-color:Black; color:White; font-weight:bold; padding:5px 0px 5px 3px; }
TABLE.condizioni, TABLE.formati, TABLE.sigle  
{ border-left:solid 1px Black; border-bottom:solid 1px Black; width:310px; background-color:#c0e8b1; margin-bottom:20px; }
TABLE.condizioni TD, TABLE.formati TD, TABLE.sigle TD { border-right:solid 1px Black; border-top:solid 1px Black; padding:3px; }

TD.formatiSx, TD.condizioniSx, TD.sigleSx { font-weight:bold; }
TD.formatiSx { width:40px; }

/*_______________________________________________ Newsletter ___*/


TABLE.newsletter { margin-top:10px; margin-bottom:10px; }
TABLE.newsletter TD.sx { width:70px; }


/*___________________________ Lightbox ____________________ */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px; 
	}

#imageContainer IMG { border:1px solid White; }

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	padding-bottom:5px;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
/*_______________________________________________ LIBRI&MUSICA ___*/

div.disco { width: 259; text-align: center; padding-left: 60px; margin-top: 30px;}

div.lista { width: 259; text-align: center; padding-left: 60px; margin-top: 20px; font-size: 12px;}
div.lista a { color: #FF8A00;}

/*_______________________________________________ LISTA ___*/

table.album { width: 900px; vertical-align: top; text-align: left; padding-left: 74px;}

.gridView { width:750px; margin-top:10px; margin-bottom:10px; }
TD.gridViewImageButton { width:3%; text-align:center; vertical-align:middle;}
TR.gridViewRow { background-color:#EAEAEA; vertical-align:top; color:Black;}
TR.gridViewAltRow { background-color:White; vertical-align:top; color:Black;}
TR.gridViewHeader, TR.gridViewSetupPager { background-color:#FF8A00; font-weight:bold; color:White; text-align:left;}
TR.gridViewPager { background-color:White; font-weight:bold; color: Black; text-align:left;}
TR.gridViewPager td { padding-top: 10px;}
TR.gridViewPager A { color:#FF8A00; text-decoration:none; }
.gridViewTextBox { width:60px; text-indent:2px; font-size:11px; }


div.elenco { margin-top: 10px; padding-left: 622px;}
div.elenco a { color: #FF8A00; }
div.disco_piccolo { margin-bottom: 10px; padding-left: 662px;}

/*_______________________________________________ CONTATTI ___*/

TABLE.contatti TD.sx { width:130px; }
P.contattiIstruzioni { margin-bottom:10px; }
.contattiTextBox { width:150px; font-size:11px; font-family:Verdana; text-indent:1px; margin-bottom:5px; border: solid 1px #969696; }
.contattiTextArea { width:290px; height:150px; margin-top:5px; margin-bottom:15px; font-size:11px; font-family:Verdana; border: solid 1px #969696; }

.pannelloErrori
{ 
    margin:15px 0px 15px 30px; padding: 10px; border: solid 1px #FF8A00; background-color:#EEEEEE; 
    width:250px; font-size:11px; line-height:20px; text-align: left;
}

td.contattiSxSetup { vertical-align: top;}

div.inizio_contatti { margin-bottom: 20px;}

div.bordo_animazione_contatti { margin-right: 3px;}

/*_______________________________________________  DOVE SIAMO ___*/

table.dove_siamo { width: 898px; text-align: left; vertical-align: top; margin-left: 2px;}
td.dove_siamo_sx { width: 563px;}
td.dove_siamo_dx { width: 295px; padding-left: 40px;}

div.dovesiamoTesto { margin-top: 10px;}

img.img_google { border: none;}

/*_______________________________________________ GOOGLEMAP ___*/

#mappa { margin-left: 30px;}

/*_______________________________________________ LIBRO OSPITI ___*/

.dlLibroOspitiItem { border-bottom: solid 1px #969696; padding-left: 1px; padding-right: 1px; }
.dlLibroOspiti { border-top: solid 1px #969696;}

div.form_commento { margin-top: 10px; margin-left: 74px; text-align: left;}

.dlPagine A { color: #FF8A00;}

.minore_indietro { color: #FF8A00;}

table.pagine { margin-top: 15px; margin-bottom: 20px;}

.commento_dispari { background-color: #EEEEEE; padding-top: 5px; padding-bottom: 5px; margin-right: 1px;}
.commento_pari { background-color: White; padding-top: 5px; padding-bottom: 5px; margin-right: 1px;}

td.dx { vertical-align: top;}
td.sx { vertical-align: top;}

table.contenitore_commento { margin-left: 72px; }
td.nome_data {width: 200px; text-align: left; vertical-align: top;}
td.commento {width: 550px; text-align: left; vertical-align: top; padding-left: 10px;}

div.campi_obbligatori { margin-bottom: 10px;}

/*_______________________________________________ LA LIBRERIA ___*/

div.titolo_libreria { margin-top: 15px;}

/*_______________________________________________ ERRORPAGE ___*/

div.errore { margin-left: 30px;}


/* ========================================================= */

/*_______________________________________________ SETUP/MASTER ___*/

table.menuSetup { border-left: solid 1px #FF8A00; border-right: solid 1px #FF8A00; margin-left: 30px;
                  text-align: left; padding-left: 10px;}
td.voceMenuSetup { border-left: solid 1px #FF8A00; text-align: left; padding-left: 10px; padding-right: 10px;}
.voceMenuSetup a { color: #FF8A00;}
div.voceMenuSetup { padding-left: 10px; padding-right: 10px;}

#Corpo { width: 870px; vertical-align: top; text-align: left; margin-top: 30px; padding-left: 30px; }

/* GridView */

.gridViewSetup { width:500px; margin-top:10px; margin-bottom:10px; }
TD.gridViewSetupImageButton { width:3%; text-align:center; vertical-align:middle;}
TR.gridViewSetupRow { background-color:#EAEAEA; vertical-align:top; color:Black;}
TR.gridViewSetupAltRow { background-color:White; vertical-align:top; color:Black;}
TR.gridViewSetupHeader, TR.gridViewSetupPager { background-color:#FF8A00; font-weight:bold; color:White; text-align:left;}
TR.gridViewSetupPager A { color:White; text-decoration:underline; }
.gridViewSetupTextBox { width:60px; text-indent:2px; font-size:11px; }

.pannelloErroriSetup 
{ 
    margin-top: 15px; padding: 10px; border: solid 1px #FF8A00; background-color:#EEEEEE; 
    width:250px; font-size:11px; line-height:20px; margin-bottom: 20px;
}


/*_______________________________________________ SETUP/DEFAULT ___*/

.titoloSetup { font-size: 15px; }

div.titolo_setup { margin-top: 20px; margin-bottom: 20px;}

.tbLoginSetup { margin-bottom: 15px; margin-top: 10px;}

/*_______________________________________________ SETUP/EVENTI ___*/

a.link { color: #FF8A00;}

/*_______________________________________________ SETUP/EVENTO ___*/

div.voceSetup { margin-top: 20px;}

td.sinistraSetup { padding-top: 20px;}

div.helpSetup { margin-top: 20px;}

table.calendario { margin-top: 10px;}

div.label { margin-bottom: 10px;}

div.torna { margin-bottom: 20px;}

table.invia { margin-bottom: 20px;}

.textBoxitaliano { width:285px; height:15px;}
.textBoxMultilineitaliano { width:285px; height:100px; }
.textBoxitaliano, .textBoxMultilineitaliano {border:solid 1px #BCBDC0; text-indent:2px; font-size:12px; background-color:#FFFFFF;  }
/*_______________________________________________ SETUP/FOTOGALLERY ___*/

div.inserisciSetup { margin-top: 10px; margin-bottom: 20px;}

/*_______________________________________________ SETUP/COMMENTO ___*/

td.commentoSxSetup { width: 90px; vertical-align: top; text-align: left;}
td.commentoDxSetup { width: 730px; vertical-align: top; text-align: left;}
