body { margin: 0 0 15px 0; line-height: 1.3em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #555; background: url(../images/bg_body.jpg) repeat-x top center #ebe9da; }

.barrato { text-decoration: line-through }

img { border: 0 }
a { color: #555; font-weight: bold; text-decoration: underline }
	a:hover {  }
	a.button { height: 20px; padding: 0 6px; font-size: 11px; background: #889; text-decoration: none; color: #fff; font-weight: bold; border: 1px solid #889 }
h1, h2, h3, h4, h5, h6 { line-height: normal }
form { margin: 0 }
	input.button { height: 18px; padding: 0 6px; background: #889; font-size: 11px; color: #fff; font-weight: bold; border: 1px solid #889 }
	input.txt { margin: 1px 0; padding: 0 2px; border: 1px solid #ccc }
h1 { margin: 0 0 20px 0; font-size: 16px; }
h3 { margin: 0 0 20px 0; background: #ffd; text-align: center; font-size: 14px; padding: 15px; border: 1px solid #ee8; }
table.form { }
	table.form td { }
		table.form td.label { padding-right: 5px }
		table.form td.data { padding-right: 20px }
		table.form td.label2 { padding-right: 5px }
		table.form td.data2 {  }
	table.form input.button { height: 18px; padding: 0 6px; background: #889; font-size: 11px; color: #fff; font-weight: bold; border: 1px solid #889 }
	table.form input.txt { width: 220px; margin: 1px 0; padding: 0 2px; border: 1px solid #ccc }
	table.form textarea { width: 99%; margin: 1px 0; padding: 0 2px; border: 1px solid #ccc }
	table.form .errore { font-weight: bold; text-transform: uppercase; font-size: 10px; color: #d00 }
fieldset { border: 0 }
	fieldset .error { font-weight: bold; text-transform: uppercase; font-size: 13px; color: #d00 }

#container { position: relative; width: 920px; margin: 5px auto 0 auto; padding: 0 10px 10px 10px; background: url(../images/bg_body.jpg) repeat-x top center #ebe9da; }
#popupContainer { position: relative; width: 620px; margin: 5px auto 0 auto; padding: 0 10px 10px 10px; background: url(../images/bg_body.jpg) repeat-x top center #ebe9da; }


/* HEADER - SEARCH */
#header { }
	#logo { float: left; margin: 5px }
	#diveroli { float: left; margin: 25px 0 0 25px }
	#medusa { float: left; margin: 25px 0 0 10px }
	#cartolaio { float: left; margin: 10px 0 0 40px }
	#poolover { float: left; margin: 8px 0 0 10px }
	#login { float: right; text-align: right; }
		#login a { color: #889; font-weight: normal; font-size: 10px }
	#menuHeaderSx , #menuHeaderDx { float: right; padding: 8px 0; font-size: 11px; text-align: left;  }
		#menuHeaderSx a, #menuHeaderDx a { font-weight: normal; text-decoration: none }
	#menuHeaderSx { width: 160px; }
	#menuHeaderDx { }
#search { clear: both; margin: 5px 0 0 0; padding: 3px 10px; color: #666; background: #e6e6e6 }
/* auth customer (cambio utente per agenti) */
#authcustomer { width: 100%; margin-top: 10px; font-size: 10px; color: #000; background: #ff6; }
	#authcustomer td { padding: 5px 10px }


/* BARRA DI NAVIGAZIONE */
#barranav { clear: both; margin: 10px 0 15px 0 }
	#barranav img { text-align: center; margin-right: 3.4px }


/* COLONNA DI SX */
#colSx { float: left; width: 250px; }

	/* area generica */
	.area { margin: 3px 0 28px 0; padding: 10px 0; background: #fff; border: 2px solid #7a7a89; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
		.areaContent { padding: 0 15px }
			.titoloArea { margin: 0 13px 5px 13px; padding-bottom: 6px; text-align: center; font-weight: bold; border-bottom: 1px dotted #7a7a89 }

	/* area del carrello */
	#carrelloArea table { width: 100%; font-size: 11px }
		#carrelloArea table .sx { padding-right: 10px }
		#carrelloArea table .dx { text-align: right }
		#carrelloArea table .sxTotale { font-weight: bold; text-align: right; padding-right: 10px; border-top: 1px dotted #555 }
		#carrelloArea table .dxTotale { font-weight: bold; text-align: right; border-top: 1px dotted #555 }

	/* area del menuSx */
	#menuSx {  }
		#menuSx a { line-height: 1.7em; font-size: 11px; text-decoration: none }
			#menuSx a:hover { text-decoration: underline }

	/* menu sottocategorie */
		/* classi generiche condivise (senza colore) */
		#subCat_A01, #subCat_B01, #subCat_C01, #subCat_D01, #subCat_E01, #subCat_F01, #subCat_Q01 {
			line-height: 1em; font-family: Verdana; background: #fff; border-width: 2px; border-style: solid;
		}
			#subCat_A01 a, #subCat_B01 a, #subCat_C01 a, #subCat_D01 a, #subCat_E01 a, #subCat_F01 a, #subCat_Q01 a {
				display: block; padding: 2px 13px; font-size: 11px; text-transform: lowercase; text-decoration: none; 
			}
				#subCat_A01 a:hover, #subCat_B01 a:hover, #subCat_C01 a:hover, #subCat_D01 a:hover, #subCat_E01 a:hover, #subCat_F01 a:hover, #subCat_Q01 a:hover {
					color: #fff; 
				}
			#subCat_A01 a.selected, #subCat_B01 a.selected, #subCat_C01 a.selected, #subCat_D01 a.selected, #subCat_E01 a.selected, #subCat_F01 a.selected, #subCat_Q01 a.selected {
				display: block; padding: 2px 13px; font-size: 11px; text-transform: lowercase; text-decoration: none; color: #fff; 
			}
		/* classi specifiche per cambio colore (ogni riga un colore) */
		#subCat_A01, #subCat_A01 .titoloArea { color: #0ac; border-color: #0ac } #subCat_A01 a { color: #0ac } #subCat_A01 a:hover { background-color: #0ac } #subCat_A01 a.selected { background-color: #0ac }
		#subCat_B01, #subCat_B01 .titoloArea { color: #e50; border-color: #e50 } #subCat_B01 a { color: #e50 } #subCat_B01 a:hover { background-color: #e50 } #subCat_B01 a.selected { background-color: #e50 }
		#subCat_C01, #subCat_C01 .titoloArea { color: #92c; border-color: #92c } #subCat_C01 a { color: #92c } #subCat_C01 a:hover { background-color: #92c } #subCat_C01 a.selected { background-color: #92c }
		#subCat_D01, #subCat_D01 .titoloArea { color: #c00; border-color: #c00 } #subCat_D01 a { color: #c00 } #subCat_D01 a:hover { background-color: #c00 } #subCat_D01 a.selected { background-color: #c00 }
		#subCat_E01, #subCat_E01 .titoloArea { color: #190; border-color: #190 } #subCat_E01 a { color: #190 } #subCat_E01 a:hover { background-color: #190 } #subCat_E01 a.selected { background-color: #190 }
		#subCat_F01, #subCat_F01 .titoloArea { color: #44b; border-color: #44b } #subCat_F01 a { color: #44b } #subCat_F01 a:hover { background-color: #44b } #subCat_F01 a.selected { background-color: #44b }
		#subCat_Q01, #subCat_Q01 .titoloArea { color: #ba1; border-color: #ba1 } #subCat_Q01 a { color: #ba1 } #subCat_Q01 a:hover { background-color: #ba1 } #subCat_Q01 a.selected { background-color: #ba1 }


/* COLONNA CENTRALE */
#colCentro { float: right; width: 650px; padding-bottom: 15px }
	#areeCategorie img { float: left; margin-left: 5px }
	a.sottoCat { display: block; float: left; width: 130px; height: 155px; margin: 0 14px 14px 0; padding: 10px; text-align: center; text-transform: lowercase; text-decoration: none; border: 1px solid #fff; background: #fff }
		a.sottoCat:hover { border: 1px solid #ccc }
		a.sottoCat img { display: block; width: 110px; height: 110px; margin: 0 auto 5px auto }


/* BRICIOLE */
#path { margin-bottom: 5px; padding-bottom: 5px; font-size: 11px; border-bottom: 1px solid #999 } 
	#path a { color: #888; font-weight: normal; } 


/* LISTA PRODOTTI */
#pager { float: right }
	#pager a { padding: 1px 9px; font-size: 11px; background: #99a; text-decoration: none; color: #fff; font-size: 13px; font-weight: bold; }
		#pager a:hover { color: #444; background: #ccc; }
#recordsPerPage { font-size: 10px; font-weight: normal; text-align: right; margin: 8px 0 10px 0 }
	#recordsPerPage select { vertical-align: middle }
#productList { width: 100%; margin-bottom: 7px; border-collapse: collapse }
	#productList th { padding: 3px 10px; text-align: left; font-weight: normal; }
	#productList td { padding: 3px 10px; border: 1px solid #dad7bc }
		#productList .codice { }
		#productList .foto {}
		#productList .nome { font-weight: bold }
			#productList .barcode { margin-top: 0px; font-size: 11px; font-weight: normal }
		#productList .prezzo {}
		#productList .qta {}
			#productList .qta input { text-align: center }	
		#productList .dispo {}
			.dispo1, .dispo2, .dispo3, .dispo4 { width: 45px; padding: 3px; font-size: 11px; text-align: center; color: #fff;  }
			.dispo1 { background: red }
			.dispo2 { background: purple; }
			.dispo3 { background: orange }
			.dispo4 { background: green }


/* CARRELLO */
#carrello { width: 100%; margin: 0 auto 20px auto; border-collapse: collapse }
	#carrello td, #carrello th { padding: 20px 10px; vertical-align: middle; border: 1px solid #bbb; }
	#carrello th { padding: 4px; background: #ddd; }
	#carrello span.code { font-size: 10px; }
	#carrello th.totale { padding: 10px; text-align: right; color: #000; vertical-align: top; font-size: 110%; }


/* LOGIN */
div.login { width: 230px; margin: 10px auto 50px auto; padding: 10px 20px; }
	div.login div.ttl { margin-bottom: 10px; padding-bottom: 5px; font-weight: bold; border-bottom: 1px dashed #666 }
	div.login span { display: block; float: left; width: 90px; margin-top: 8px; text-align: left; }
	div.login input.text { margin-top: 6px; width: 130px }


/* STORICO ORDINI, archivio fatture + altre liste */
.lista { width: 100%; margin-bottom: 7px; border-collapse: collapse }
	.lista tr.public { background: #cfc; }
		.lista th { padding: 3px 10px; vertical-align: bottom; font-weight: normal; }
		.lista td { padding: 3px 10px; vertical-align: top; border: 1px solid #ccc }


/* FOOTER */
#footer { margin: 15px 0; padding-top: 5px; font-size: 11px; border-top: 1px solid #999 }

/* simple css-based tooltip */
.tooltip {
	background-color:#fff;
	border:1px solid #000;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#000;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}