/*
ELENCO DI HEADER PER LE PAGINE PRODOTTI
Ogni header degli elenchi prodotti (siano accordion o meno) hanno un'immagine con il nome del
prodotto scritto con il font giusto.
Gli header si distinguono tramite id e lo stile comune viene settato per primo.
*/


/* classi degli elementi attivi dell'accordion - NON CANCELLARE */
.toggler {
    display: block;
    height: 30px;
	width: 1000px;
	margin: 5px 20px 0 20px;
/* facciamo sparire il testo */
	max-height: 30px;
	overflow: hidden;
	line-height: 1000px;
}
.element {
	width: 1000px;
	border: none;
	margin: 0;
	margin-bottom: 10px;
}

/* Classe degli elementi interni alle sezioni dell'accordion: immagine del prodotto e paragrafo esplicativo
   Queste regole servono solo ad impaginarli come si deve, niente pił, niente meno!   
*/
.element .productimgage {
  float: left;
  margin: 5px;
}

.element p {
  width: 380px;
  margin: 5px 40px 5px 10px;
  float: right; 
}
/* floating hack per mozilla, altrimenti viene un casino con i due elementi flottanti */
.element:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}