/*
File 			> foglio di stile per realizzare un layout simile a quello di Virgilio senza fare uso di tabelle.
					  Maggiori dettagli @ http://www.constile.org/clonazioni/virgilio/
Autore 		> gianluca troiani | g.troiani@constile.org | www.constile.org
Versione	> 3.9.2002.10.11
*/

/* BODY */
body { padding: 0px; margin:0px;text-align:center; background: #FFF1C5;}
hr { display: none; }
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline; color: #FF0066; 
}

/* #logo */
#logo { width:760px; margin:10px auto 0 auto; position: relative; text-align:left; font: bold 16px Verdana,sans-serif; color: #000000;}
	#logo img { margin-left: 8px; margin-right: 18px;}
#languagebar img { margin-left: 2px; margin-right: 2px;}

/* #content */
#content { width: 760px; margin:5px auto 0 auto; color: #000; background: #FFF1C5; border-top: 2px solid #FEE579; text-align:left; }

/* #leftcontent */
#leftcontent { float: left; width: 610px; color: #000; background: url(../images/BgLeftContent.jpg) repeat-y 0 0;}

/* #header */
#header { border-bottom: 2px solid #FFF1C5; color: #000; background: url(../images/BgHeader.jpg) repeat-y 0 0;  height: 32px;  }

/* #subnavbar */
#titlebar { padding: 10px 5px 5px 10px; font: bold 16px Verdana,sans-serif; color: #000; border: 0px solid #FFF; text-align: left; }

/* #main */
#main { padding:5px; border-top: 0px dotted #000;  color: #000; font: 12px verdana,sans-serif; min-height: 650px; height: auto !important; height: 650px; margin-bottom: 10px;}
	/* #informazioni */
	#informazioni {padding: 2px 2px; margin: 0px 0px 10px 0px; font: 10px verdana,sans-serif; border-top: 2px solid #FFF1C5;}	
	#informazioni .promozione { background: url(../images/promozionehome.gif) no-repeat left top; padding-left:32px;   font: 12px verdana,sans-serif;  color: #FF4500; margin-top:5px;}	
	#informazioni .promozione A {margin-left: 5px;}

	/* #ultimenotizie */
	#ultimenotizie { float: left; height: 158px; width: 152px; padding: 2px 2px; margin-left: 3px; margin-right: 20px; border: 1px solid #F90; font: 10px verdana,sans-serif; background: #FFF url(img/ic_notizie.gif) 3px 3px no-repeat; }	
		#ultimenotizie p.testa { font: bold 10px verdana, sans-serif; margin: 0 0 5px 20px; }
		#ultimenotizie li.news { font: bold 10px verdana, sans-serif; margin: 0; margin-bottom: 3px; }
		#ultimenotizie li.news A { background: #FFF; color: #900; }
	/* #strilli */
	#strilli {float: left; padding: 10px 0px 0px 0px; color: #000; font: 12px verdana,sans-serif; border-top: 2px solid #FFF1C5;}
	#strilli .content {padding:0px; width: 600px;}
	#strilli .content .colonna {float: left; width: 190px; padding:0px;}
	#strilli .content .colonna .strillo {margin-top: 5px; font-size: 10px;}
	#strilli .content .colonna .strillo big{margin-bottom: 2px; display: block; font: bold 12px Georgia,verdana,sans-serif; border-bottom: 1px dotted #000;}
	#strilli .content .colonna .strillo span{margin-bottom: 3px; display: block;}
	#strilli .content .colonna .strillo img{float: left; border: 1px solid #a9a9a9;  margin: 0px 5px 0px 0px; padding: 4px;  background-color: White; }
	#strilli .content .colonna .strillo .testo{float:right; width: 110px; border: 0px solid #000;}
	#strilli .content .separacolonne { width: 10px; float: left; }
	/* #community */
	#community {margin-top:5px; padding: 5px 10px 5px 0px; font: 13px verdana,sans-serif; border-top: 2px solid #FFF1C5;}
	/* #principale */
	#principale { margin-top: 5px; border-top: 2px solid #FFF1C5; }
		#canali {float: right; padding: 5px; border-left: 2px solid #FFF1C5; color: #000; font: 12px verdana,sans-serif; }
			#canali .content { width: 406px; }
				#canali .content .colonna { float: left; width: 195px; }
					#canali .content .colonna big{ display: block; font: bold 12px verdana,sans-serif; }
				#canali .content .colonnaintera { float: left; width: 400px; }
					#canali .content .colonnaintera big{display: block; font: bold 12px verdana,sans-serif; }
						#canali .content .colonnaintera big.linkto{margin-top: 5px;}
				#canali .content .separacolonne { width: 10px; float: left; }


				#canali .content .catalogo {float: left; width: 225px; font: 10px verdana,sans-serif; margin-bottom:10px;}
				#canali .content .catalogo big {display: block; font: bold 14px verdana,sans-serif; color: Maroon; margin-bottom:10px;}
				#canali .content .catalogo big.sconto{display: block; font: bold 12px verdana,sans-serif; padding-left:48px; font-weight: bold; background: url(../images/promozione_big.jpg) no-repeat; height: 48px; color: red;}
				#canali .content .immaginesezione {float: right; margin-bottom:10px; width: 150px;}
				
				#canali .content .sezione {width: 370px; margin-top:20px; margin-bottom:5px;}
				#canali .content .sezionecomposer {float: right; font: bold 12px verdana,sans-serif;  color: #FF9A00; text-align: right;}

				#canali .content .ListaProdotti {float: left;}
				#canali .content .buyit {float: left; margin-right:2px; width: 40px; text-align: right;}
				#canali .content .buyit A {display: block; font: 10px verdana,sans-serif;  color: #FF0066;  }
				#canali .content .buyit A.info {display: block; font: 10px verdana,sans-serif; color: Fuchsia; margin-top:2px;   }
				#canali .content .buyit A.audio {display: block; font: 10px verdana,sans-serif; color: Gray; margin-top:2px;  background: url(../images/audio.jpg) no-repeat center right; height: 16px; padding-right: 16px;   }
				#canali .content .item{width: 370px;}
				#canali .content .code{float:left; font: bold 11px verdana,sans-serif;  color: #FF0066;}
				#canali .content .prezzo{float: right;	font: bold 11px verdana,sans-serif;	color: Green; width: 50px; text-align: right;}
				#canali .content .unitprice{float: right; font: 11px verdana,sans-serif;color: blue;text-decoration: line-through; margin-right: 5px;}
				#canali .content .composer {display:block; font: bold 11px verdana,sans-serif; border-top:2px solid #FEE579;}
				#canali .content .title {display:block; font: 11px verdana,sans-serif; margin-bottom: 16px;}
					
				#canali .content .separacolonne { width: 10px; float: left; }


			#carrello .content { width: 560px; }
				#carrello .content .emptycart {font: bold 16px verdana,sans-serif; background: url(../images/emptyshoppingcart.jpg) no-repeat right; height: 128px; text-align: right; padding: 64px 128px 1px 1px;}
				#carrello .content TABLE.shoppingcart {background-image: url(../images/BgCart.jpg);  background-position: bottom left;  background-repeat: no-repeat; }
				#carrello .content TABLE.shoppingcart INPUT {}
				
				#carrello .content TH {font: bold 11px verdana,sans-serif; background:Maroon; color: #FFF1C5; padding:3px; text-align: center;}
				#carrello .content TD.item {padding: 4px; border: 1px solid Maroon;}
				#carrello .content TD.total {padding: 4px; color: Maroon;}
				#carrello .content TD.totalamount {padding: 5px; color: Red;}
				#carrello .content SELECT.ipt {margin: 2px 5px 5px 16px; width: 390px; font: 12px verdana,sans-serif;}
				
				#carrello .content .colonna { float: left; width: 100%;}
				#carrello .content .colonna big{ display: block; font: bold 12px verdana,sans-serif; }

				#carrello .content .buyit {float: left; width: 40px;  word-break: break-all; }
				#carrello .content .buyit a {display: block; font: 10px verdana,sans-serif;  color: #FF0066; margin-top: 5px; margin-right: 3px;}

				#carrello .content .remove {float: left; width: 60px;  word-break: break-all; }
				#carrello .content .remove a {display: block; font: 10px verdana,sans-serif;  color: #FF0066; margin-top: 5px; margin-right: 3px;}

				#carrello .content .description {float: left; width: 390px; font: 10px verdana,sans-serif;}
				#carrello .content .description big {display:block; font: bold 11px verdana,sans-serif;  color: #FF0066;}
				#carrello .content .copies {float: right; width: 45px; text-align: center; font: bold 11px verdana,sans-serif;  color: Black;}
				#carrello .content .price {float: right; width: 60px;  text-align: right; font: 12px verdana,sans-serif;  color: Black;}
				#carrello .content .shipping {margin: 2px 5px 5px 16px; font: bold 12px verdana,sans-serif;  color: Black;}

				#carrello .content .errore {font: 14px bold verdana,sans-serif; background-image: url(../images/stop.jpg);  background-repeat: no-repeat;  background-position: 0px 0px; min-height: 32px; height: auto !important; height: 32px; padding-left: 34px;  color: Red;  min-height: 128px; height: auto !important; height: 128px; margin-left:70px;}
				#carrello .content .separacolonne { width: 10px; float: left; }
	/* #colonna */
		#colonna {width: 165px; font: 10px verdana,sans-serif; padding-top:5px;}
			.spot {width: 150px; margin-top: 10px; font: 10px verdana,sans-serif; }
				.spot A {font-weight: bold; font-size: 12px; }

		.sezioni {font: 10px verdana,sans-serif;}
			.sezioni A {display:block;padding: 2px 2px 2px 10px; background: url(../images/sezione.gif) no-repeat 2px 8px;}
			.sezioni FONT.sconto {text-decoration: none; font: 9px; background: Green; color: White; margin-left: 3px; border: 1px outset #7FFF00; white-space: nowrap;}
			.sezioni A.new {background: url(../images/new0.gif) no-repeat 0px 2px; padding-left:36px;}
			.sezioni A IMG {margin-left:3px;}
	#toprightcorner { padding: 0px 0px 0px 0px; height: 32px;  background: #FEE579; color: #000;}

	#emailform { padding: 24px 2px 2px 2px; border-bottom: 0px solid #F30; background: #FEE579 url(../images/newsletter.jpg) no-repeat; color: #000; text-align: right; }
		#emailform form,#emailform input { margin: 0px; font: 11px verdana,sans-serif; display: inline; }
		#emailform input.log { width: 160px; margin: 5px 0px 5px 0px; display: block; }
		#emailform .enter { float: right; margin-top: 0px; padding-right: 0px; text-align: right; }
			#emailform .enter input { border: 1px outset #FC6; background: #900; text-transform: uppercase; color: #FFF; }
/* #rightbar */				
#rightbar { float: right; width: 150px; margin: 0px;}

	#rightsponsor { }
		.sponsorbox { margin-top: 10px; border: 1px solid #a9a9a9; padding: 5px; font: 10px verdana,sans-serif; background: #FFF; color: #000; }
			.sponsorbox .content { width: 138px; }	
				.sponsorbox  .content strong{ font: bold 12px verdana,sans-serif; display: block; } 
			
#footer { clear: both; color: #000; font: 10px verdana,sans-serif; text-align: left; }
	#footer .topleft { float: left; padding: 2px 3px 2px 3px; background: #333 url(img/angolo.gif) 100% 100% no-repeat; color: #FFF; }
		#footer .topleft .content { width: 604px; }
			#footer .topleft .content A { color: #FFF; font-weight: bold; }
	#footer .topright { float: right; padding: 2px 3px 2px 3px; text-align: center; background: #FEE579; color: #000; }
		#footer .topright .content { width: 144px; }
			#footer .topright .content A { text-decoration: none; font-weight: bold; }
	#footer .bottom { padding: 0px 10px; text-align: center; }

#popupcontent { width: 400px; margin:5px auto 0 auto; color: #000; text-align:left;  background: url(../images/j_calogo-japan.gif) no-repeat right top; padding-top: 106px; padding-bottom:5px;}
	#iteminfo { float: left; width: 400px; color: #000; font: 11px verdana,sans-serif;}
	#iteminfo .code{display: block; font: bold 12px verdana,sans-serif;  color: #FF0066; background: url(../images/BgLeftContent.jpg) repeat-y;  padding: 3px 1px 3px 1px; border-bottom:2px solid #FEE579;}
	#iteminfo .composer {display:block; font: bold 11px verdana,sans-serif;  margin-top: 5px;}
	#iteminfo .title {display:block; font: bold 11px verdana,sans-serif;  color: #FF0066; margin-top: 5px;}
	#iteminfo .image {display:block; margin-top: 5px; text-align: center;}
	#iteminfo .description {display:block; margin-top: 5px;}
	
	
A { color: #900; background: transparent }
.ripristino-float { clear: both; height:1px;overflow:hidden;margin:-1px; }
FONT.evidenzia {color: #011A86;  font-weight: bold; }
H2 {display:block; font: bold 14px verdana,sans-serif;}

.privacy {font: 10px verdana,sans-serif;  text-align: left;}
.FormCaption {color: Maroon;  font: bold 11px verdana,sans-serif;  text-align: right; margin-right: 5px;}
.PayButton { background: url(../images/vismaspaypal.gif) no-repeat;  padding-left: 80px;}
.NextButton {width: 160px; height: 32px; font: bold 12px verdana,sans-serif; background: #FEE579 url(../images/next.gif) no-repeat center right;  border: 1px outset; padding-right: 18px;  color: Maroon;  cursor: hand;  }
.PrevButton {width: 160px; height: 32px; font: bold 12px verdana,sans-serif; background: #FEE579 url(../images/previous.gif) no-repeat center left;  border: 1px outset; padding-left: 18px;  color: Maroon;  cursor: hand;   }
A.pdfbutton {display:block;  width: 240px; height: 24px; font: bold 12px verdana,sans-serif; background: url(../images/Acrobat.gif) no-repeat left; color: Black; padding-left: 28px; text-align: left; padding-top: 10px;}
A.pdfbutton:hover {
	text-decoration: none; color: #FF0066; 
}
A.paybutton {padding-left:60px; height: 34px;  display:block; font: bold 12px verdana,sans-serif;color: Black; text-align: center;background: #FEE579 url(../images/vismaspaypal.gif) no-repeat top left;}
A.paybutton:hover {
	text-decoration: none; color: #FF0066; 
}

A.cppaybutton {padding-left:50px; display:block; font: bold 12px verdana,sans-serif;color: Black; text-align: center;background: #FEE579 url(../images/contrassegno.gif) no-repeat top left;}
A.cppaybutton:hover {
	text-decoration: none; color: #FF0066; 
}
A.bbpaybutton {padding-left:50px; display:block; font: bold 12px verdana,sans-serif;color: Black; text-align: center;background: #FEE579 url(../images/bank_transfer.gif) no-repeat top left;}
A.bbpaybutton:hover {
	text-decoration: none; color: #FF0066; 
}
.fm-submit {
	width: 200px; border: 3px double #927501; border-top-color: #FEDA47; border-left-color: #FEDA47; padding: 0.25em; background-color: #FEE579; background-repeat: repeat-x; color: #00004C; font-size: 10px; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; cursor: hand;
}


img { border: none; }
img.iconflag {
	margin: 7px 2px 7px 2px;
}
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
.peso {
	padding-right: 15px;
	padding-top: 10px;
	background: url(../images/weight.gif) no-repeat right;
	float: right;
	height: 18px;
}
div.paginazione{
	text-align:center;
	margin-bottom: 10px;
	clear: both;
}
div.paginazione big{
	display:block;
	font: 10px verdana,sans-serif;
	text-align:left;
	margin-bottom: 5px;
}
div.paginazione a{
	font: bold 11px verdana,sans-serif;  text-align: left;
	text-align:center;
	border: 1px outset;
	margin: 2px 2px 2px 2px; 
	padding: 1px 3px 1px 3px; 
	float: left;
}
div.paginazione a.currentpage{
	border: 1px inset;
	background-color: #FFDEAD;
	
}                
#questionario
{
	background: url(../images/postit-note.png) no-repeat left top;
	font: 9px verdana,sans-serif;
	height:350px;
	width: 500px;
	padding-top:35px;
	padding-left:45px;
	line-height:1 em;
}

#questionario h6
{
	font:bold 11px verdana,sans-serif;
	display:block;
	color:#b22222;
	margin:2px 2px 4px 2px;
	width: 425px;

}
#questionario br{
	margin:0;
}

#questionario big
{
	font: 10px verdana,sans-serif;
	display:block;
	color:blue;
	margin-top:5px;
}
#questionario .content
{
	display:block;
	width: 500px;
}
#questionario textarea
{
	width: 280px;
	font: 9px verdana,sans-serif;
	line-height:1 em;
	height: 36px;
}