body { margin: 0; font-family: Arial; font-size: 12px; color: 333; background: url(/images/bg-body.gif) repeat-x #eee }

img { border: 0 }
a { color: #333; text-decoration: underline }
	a:hover { color: #c00 }
form { margin: 0 }
	.txt { vertical-align: middle; font-size: 12px; font-family: arial }
p { margin-top: 0 }

h1 { margin: 0 0 10px 0; font-size: 20px; font-weight: normal; }
h2 { margin: 0 0 10px 0; font-size: 17px; font-weight: normal; }
	
.wrapper { clear: both; width: 940px; margin: 0 auto; }
.image { float: left; margin: 7px 5px 5px 0 }
.loading { display: block; margin: 0 auto; }

.ttlArea { margin: 0 0 10px 0; font-family: georgia; font-size: 22px; color: #999; }

/* ********************************************************************************
									FORM
******************************************************************************** */
/* selettori (generici) */
label { font-weight: bold; margin-right: 5px }
input[type=text], input[type=password], select, textarea { clear: both; padding: 5px; color: #555; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #fff !important; background: #444 }
input[type=submit] { padding: 5px 10px; color: #fff; background: #004B84; border: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer }
	input[type=submit]:hover { color: #fff  !important; background: #2080B3;}
input[type=button] { padding: 5px 10px; color: #fff; background: #004B84; border: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer }
	input[type=button]:hover { color: #fff  !important; background: #2080B3;}


/* HEADER */
#header { height: 93px; margin-bottom: 10px; background: url(/images/bg-header.gif) repeat-x; border-bottom: 1px solid #d0d0d0 }
	#header .wrapper { height: 93px; background: url(/images/bg-header-img.gif) no-repeat right center }
	#logo { margin-top: 27px }
	#headerDx { float: right; margin-top: 0px; font-weight: bold }
		#headerDx img { vertical-align: middle; margin-left: 20px }
	#headerDx #login { padding: 5px 0 10px 10px; margin-bottom: 12px; }
		#headerDx #login div { float: left }
		#headerDx #login input[type=text], input[type=password] { margin-right: 10px; width: 100px;  }
	#headerDx a.logOut { display: block; float: right; width60px; padding: 5px 10px; text-transform: uppercase; text-decoration: none; color: #fff; background: #CC0000; border: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		
		
	/* integrazioni */
	#logoIntegrazione { float: left; margin: 17px 20px 0 0; height: 55px; }
	#contattiHeader { float: left; overflow: hidden; width: 400px; height: 53px; margin-top: 19px; color: #666; font-family: verdana; font-size: 10px; }
		
/* COL SX */	
#colSx { float: left; width: 200px;  }
	form#cerca { margin-bottom: 10px }
	#cerca  input[type=text] { width: 153px }		
	@-moz-document url-prefix() { #cerca  input[type=text] { width: 150px } }	
	#menuSx { padding: 15px; font-family: georgia; font-size: 11px; background: url(/images/bg-content.gif) repeat-x #fff; border: 1px solid #d0d0d0 }
		#menuSx a.cat { display: block; padding: 8px 0 8px 15px; color: #555; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(/images/frecce.gif) no-repeat left 15px; border-top: 1px dotted #aaa }
			#menuSx a.cat:hover { color: #d00; background: url(/images/frecce-over.gif) no-repeat left 15px }
			#menuSx a.cat.selected { color: #d00; background: url(/images/frecce-over.gif) no-repeat left 15px }
			#menuSx a.empty { color: #999; font-style: italic; font-weight: normal; cursor: default; background: none }
				#menuSx a.empty:hover {  }
			
/* CONTENT */
#content { float: right; width: 710px; margin: 12px 0 0 10px;}
	
	/* CORPO */
	#corpo { clear: both; margin-bottom: 15px; padding: 5px; background: url(/images/bg-body.gif) repeat-x; border: 1px solid #d0d0d0 }
	
	/* BRICIOLE*/
	#briciole { padding: 9px 15px; margin: 3px 0 18px 0; background: white; border: 1px solid #ddd }
					
	/* FILTRI */
	#filtri { clear: both; padding: 15px 10px; background: url(/images/bg-filtri.gif) repeat-x #fff; border: 1px solid #d0d0d0 }
		/* tutti i filtri eccetto il submit */
		#filtri div { float: left; width: 580px; padding-right: 20px }
			#filtri span.labelFiltri { margin-left: 7px; color: #555; text-transform: lowercase; font-weight: bold }
			#filtri div.row { padding: 10px 0; border-top: 1px dotted #ddd; }
				#filtri span.ttlFiltri { margin-left: 7px; font-size: 14px; color: #bbb; font-weight: bold }
		#aggiorna {}
		/* trigger */
		#filtersToggle { padding-bottom: 7px; text-align: right; }
			#filtersToggle a { text-decoration: underline }
				#filtersToggle a:hover { text-align: right; text-decoration: none }

	/* ELENCO CATEGORIE */
	table#elencoCat { width: 100%;}
		#elencoCat td { width: 20%; padding-bottom: 20px; text-align: center}	
			#elencoCat img { display: block; margin: 5px auto; border: 1px solid #ddd}	
			#elencoCat a { text-transform: uppercase; color: #c00; text-decoration: none;}	
				#elencoCat a:hover { text-decoration: underline;}	

	/* ELENCO PRODOTTI */
	table#elencoProd { width: 100%;  }
		#elencoProd td { width: 20%; padding-bottom: 20px; text-align: center; vertical-align: bottom }	
			.imgWrapper { width: 100px; margin: 0 auto; }
				.thumb { border: 1px solid #ddd }
				.starWrapper { position: relative; }
					.star { position: absolute; z-index: 2; top: -30px; right: -16px }
			#elencoProd p { margin: 5px; }
			
	/* PAGINAZIONE */
	.paginazione { float: right; margin: 10px 5px 10px 10px }
		.numeri { padding: 0 5px; }
		.numeri a { padding: 0 10px; border-right: 1px solid #333 }
			.numeri a:hover { text-decoration: none;  color: #e1001a }
			.numeri a.selected { text-decoration: none; color:#999 }
			
	/* FOTO PRODOTTO */
	#fotoDetail { float: right; margin: 5px 0 10px 10px; }
		#fotoDetail #detail { margin-bottom: 5px; border: 1px solid #ddd }
		#fotoDetail #zoom  { text-align: center }
			#fotoDetail #zoom a { cursor: pointer }
			#fotoDetail #zoom img { margin: 0 5px; vertical-align: middle }

	/* LOGO MARCHIO */
	#logoMarchio  { float: right }
	
	/* DECRIZIONE */
	#descrizione { height: 80px; overflow-y: auto; margin: 15px 0 5px 0; }
	
	/* COLORI */
	#coloriWrapper { overflow: auto; height: 303px; }
	table#colori { width: 355px; }
		#colori caption { }
		#colori td { width: 108px; padding: 5px ; text-align: center; vertical-align: top }
			#colori td img { border: 1px solid #ccc }
		
	/* DETTAGLIO: PREZZO e QUANTITA */
	table.dettTable { width: 100%; margin-bottom: 5px; border-collapse: collapse; }
		.dettTable caption { text-align: left; padding: 3px 5px; font-size: 10px; text-transform: uppercase; color: #fff; font-weight: bold; background: #666; }
		.dettTable th, .dettTable td  { padding: 5px; border: 1px solid #ddd }
			.dettTable th { padding: 3px 5px; font-weight: normal; color: #888 }
			.dettTable .redPrice { color: #c00 }
		.toCart { height: 23px; padding-bottom: 3px; color: #fff; font-size: 11px; font-weight: bold; background: #c00; border: 1px outset #fff }
	#prezzi { }
	#disponibilita table { }
	img.dollaro { vertical-align: top; margin-right: 3px }
			
	/* CARTSUMMARY */
	#cartSummary { width: 100%; margin: 20px 0 }
		#cartSummary td { padding: 5px; text-align: right}
		#cartSummary .ttl { padding: 5px; text-align: left}
			#cartSummary th { padding: 5px; text-align: right}
	/* CART PRINT */
	table.cartPrint { width: 100%; margin-bottom: 5px; background: white; border-collapse: collapse; }
		.cartPrint caption { text-align: left; padding: 3px 5px; font-size: 10px; text-transform: uppercase; color: #fff; font-weight: bold; background: #666; }
		.cartPrint tfoot { font-weight: bold; font-size: 120% }
		.cartPrint th, .cartPrint td  { padding: 5px; border: 1px solid #ddd }
			.cartPrint th { padding: 3px 5px; font-weight: normal; color: #888 }
			.cartPrint .redPrice { color: #c00 }
			.cartPrint .size { text-align: center; }
	
	/* I miei ordini */
	table#ordini { width: 96%; margin: 0 auto 20px auto; border-collapse: collapse; border: 1px solid #ddd }
		#ordini th { padding: 7px; text-align: left; background: #ddd; color: #666; border: 1px solid #ddd }
		#ordini td { padding: 7px; text-align: left; color: #666; border: 1px solid #ddd }
			#ordini td.data { width: 70px }
	
	/* CONTATTI */
	form.modulo { margin: 20px; padding: 30px; background: #eee }
		.modulo td { padding: 3px 0; vertical-align: middle }
			.modulo td.data { padding-left: 10px }
			.modulo td textarea { width: 100% }
		.error { margin-bottom: 5px; color: #d00; font-weight: bold; text-transform: uppercase }