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

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: 24px; font-weight: normal; }
h2 { margin: 0 0 10px 0; font-size: 22px; font-weight: normal; }
h3 { font-family: georgia; font-size: 15px; }

.wrapper { clear: both; width: 940px; margin: 0 auto; }
.image { float: left; margin: 7px 5px 5px 0 }
.loading { display: block; margin: 0 auto; }

/* HEADER */
#header { overflow: hidden; margin-top: 0px; padding: 0px; height: 62px; border-top: 3px solid #333; border-bottom: 3px solid #333; background: url(../images/bg-header.gif) repeat-x }
	#loghi { float: left; padding-right: 10px; }
	#loginHeader { float: right; width: 300px; }
		#loginHeader form { margin-top: 3px}
		#loginHeader #utente { margin-top: 35px}
		#loginHeader a { padding-right: 10px; text-decoration: none; border-right: 1px solid #333 }
			#loginHeader a:hover { text-decoration: underline;}
		#loginHeader a.selected { text-decoration: underline;}
		#contattiHeader { margin-top: 35px; text-align: right}
		.password { margin-left: 40px}
	#header .wrapper { position: relative; }
		#ordineVeloce { display: block; position: absolute; top: 0; right: 0}

/* BARRANAV */
#barranav { overflow: hidden; height: 31px; background: url(../images/barranav_bg.gif) repeat-x; border-bottom: 2px solid #333  }
	#barranav a { overflow: hidden; display: block; float: left; width: 133px; height: 25px; padding-top: 6px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; border-right: 1px solid #333 }
		#barranav a:hover { color: #333; background: url(../images/barranav_button-selected_bg.gif) repeat-x }
	#barranav a.selected { overflow: hidden; display: block; width: 133px; height: 25px; padding-top: 6px; font-size: 12px; font-weight: bold; color: #333; text-align: center; text-transform: uppercase; text-decoration: none; background: url(../images/barranav_button-selected_bg.gif) repeat-x; border-right: 1px solid #333; }


/* CERCA + CARRELLO */
#searchCart { background: #e72229; border-bottom: 2px solid #333;}
	#cerca { float: left; padding: 5px 0 }
		#cerca span { font-size: 16px; font-weight: bold; color: #fff}
	#carrelloLink { float: right; margin: 5px 5px 0 0; padding: 4px 10px 0 10px; width: 115px; height: 20px; text-align: center; background: url(../images/carrello.gif) no-repeat; color: #fff; text-decoration: none; font-weight: bold }
	#menuIstituz { padding-top: 10px }
		#menuIstituz a { display: block; float: left; width: 90px; padding: 0 5px; text-decoration: none; font-size: 12px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; border-right: 1px solid #fff}
			#menuIstituz a:hover { text-decoration: underline; }
		#menuIstituz a.selected { text-decoration: underline; }
#bottomSearch { height: 11px; overflow: hidden;  background: url(../images/bg-search.gif) repeat-x; border-bottom: 1px solid #333; }

/* FLASH POKER */
#flashPoker { width: 800px; height: 600px  }

/* SERVIZI HOME */
#serviziHome { margin-top: 3px }
	#serviziHome a { float: left; padding-top: 11px; margin: 6px 15px 0 40px; height: 27px; width: 276px; color: #fff; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none; background: url(../images/bg-button-home.gif) no-repeat;}
		#serviziHome a:hover { background: url(../images/bg-button-home-hover.gif) no-repeat }

/* NEWS HOME */
#newsHome { position: relative; padding: 10px 20px; background: url(../images/bg-news.gif) repeat-x #eaeaea; }
	#newsHome h2 { border-bottom: 1px solid #333 }
	#newsHome #frecciaSx { position: absolute; top: 20px; left: 20px; cursor: pointer }
	#newsHome #frecciaDx { position: absolute; top: 20px; right: 20px; cursor: pointer }
	/* news scroller */
	.newsWrapper { overflow: hidden; width: 900px !important; height: 215px; }
		#scroller  { }
			#scroller li { float: left; width: 290px; height: 200px; margin-right: 20px }
				#scroller li a.ttl { display: block; height: 32px; padding-left: 36px; color: #c00; font-size: 14px; font-weight: bold; text-decoration: none; background: url(/images/icona_logo_anim.gif) no-repeat left top }
					#scroller li a.ttl:hover { text-decoration: underline }
				#scroller li img { float: left; margin: 15px 15px 5px 0 }
				#scroller li p { margin: 5px 15px 5px 0 }
			.simply-scroll-container { position: relative }
				.simply-scroll-clip { position: relative; overflow: hidden; z-index: 2; }
				.simply-scroll-list { position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; margin: 0; padding: 0; list-style: none; }
					.simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
				.simply-scroll .simply-scroll-clip { width: 900px; height: 200px;}

/* MENU SX */
#menuSx { float: left; width: 190px; margin: 22px 0 15px 10px; background: #c8c8c8;}
	#ttlmenu { margin: 0; padding: 20px 0; font-weight: bold; font-size: 14px; color: #333; text-align: center; text-transform: uppercase; background: #c8c8c8; }
		#menuSx a { display: block; width: 175px; height: 25px; padding: 10px 0 0 15px; color: #333; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/cat-bg.gif) repeat-x;}
		#menuSx a:hover {color: #fff; background: url(../images/cat-bg-selected.gif) repeat-x }
			#menuSx a.selected { display: block; width: 175px; height: 25px; padding: 10px 0 0 15px; color: #fff; font-size: 12spx; text-decoration: none; background: url(../images/cat-bg-selected.gif) repeat-x}
		#menuSx a.empty { color: #999; font-weight: normal; font-style: italic; cursor: default }
			#menuSx a.empty:hover { background: url(../images/cat-bg.gif) repeat-x; }

/* CONTENT */
#content { float: right; width: 710px; margin: 22px 0 0 10px;}
#contentFull { float: right; width: 100%; margin: 22px 0 0 0;}

/* LOGIN*/
#login { margin: 0 0 0 10px; padding: 10px 10px; background: url(../images/bg-login.gif) repeat-x; border: 1px solid #999 }
	#login table { width: 250px }
		#login table caption { padding: 20px 0 20px 0 ; font-size: 20px; font-weight: normal; }
		#login table td { vertical-align: top }
			#login table td .error { padding: 3px 0; color: #d00; font-weight: bold; text-transform: uppercase; font-size: 11px }

/* CORPO */
#corpo { clear: both; margin-bottom: 15px; padding: 20px; background: url(../images/bg-corpo.gif) repeat-x #fff; border: 1px solid #999}

/* PROMO (html da visual editor) */
.promoBanner { display: block; margin: 0 auto }
	.promo1 { margin: 20px auto; }
		.promo1 .ttlPromo { height: 25px; padding: 10px 15px; font-size: 16px; font-weight: bold; color: #fff; background: #848484}
		.promo1 .lavagnaPromo { padding: 17px; background: #fff; border-left: 15px solid #848484; border-right: 15px solid #848484; border-bottom: 15px solid #848484; }
	.promo2 { margin: 20px auto; }
		.promo2 .ttlPromo { height: 25px; padding: 10px 15px; font-size: 16px; font-weight: bold; color: #fff; background: #e72229}
		.promo2 .lavagnaPromo { padding: 17px; background: #fff; border-left: 15px solid #e72229; border-right: 15px solid #e72229; border-bottom: 15px solid #e72229; }
	.lavagnaPromo .prod { float: left;  border: 1px solid #ddd }
	.lavagnaPromo div { float: right; width: 480px;   }
	.marcaPromo { float: right; margin-bottom: 5px}
	.button { margin: 15px 4px 0 0 }

/* PERSONALIZZAZIONE PROMO (textarea in dhtml) */
div.personalizza { display: none; float: none; width: auto; margin: 20px 20px 10px 20px; padding: 15px 50px; text-align: center; background: #ffa; border: 2px dotted #884 }
	.personalizza h3 { margin: 5px 0 0 0; color: #662; font-family: georgia; font-size: 16px }
	.personalizza form { margin: 0 }
		.personalizza .desc { float: none; width: auto; margin-top: 20px; text-align: left; color: #666 }
		.personalizza textarea { width: 100%; }
		.personalizza .availChars { float: none; text-align: left; width: auto; color: #777; clear: both }
		.personalizza .submit { margin-top: 15px; }

/* 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 #999 }
	/* 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 { margin-top: -15px; padding-bottom: 2px; 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}

/* LOGO MARCHIO */
#logoMarchio  { float: right }

/* DECRIZIONE */
#descrizione { height: 80px; overflow-y: auto; margin: 15px 0 5px 0; }

/* INVIA QUESTA SCHEDA PRODOTTO */
img#send { display: block; margin: 20px 0; cursor: pointer }

/* 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 }
img.miniColorThumb { width: 40px; vertical-align: middle; margin-left: 10px }

/* 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: 30px; }
	.modulo table { width: 100%}
	.modulo td { width: 25%; padding: 5px 0; vertical-align: middle }
		.modulo td textarea { width: 100% }
	.error { margin-bottom: 5px; color: #d00; font-weight: bold; text-transform: uppercase }

/* MARKETING (download) */
#download { width: 674px; border-collapse: collapse; border: 1px solid #ddd }
	#download th { padding: 3px 5px; font-weight: normal; border: 1px solid #ddd }
		#download th.path { text-transform: uppercase; text-align: left; }
	#download td { padding: 5px 3px; border: 1px solid #ddd }
		#download td.tipo { width: 50px; text-align: center; }
		#download td.nome { white-space: nowrap; font-weight: bold }
		#download td.dimensione { width: 70px; text-align: right; }

/* MARKETING */
table#marketing { width: 100%; }
	#marketing td { width: 50%; padding: 20px; vertical-align: top; background: #e8e8e8; }
		#marketing h2 { margin-bottom: 10px; font-size: 20px; color: #f60; line-height: 1.2em; }
		#marketing a { float: right; color: #bf1c22; font-weight: bold }
			#marketing a:hover { text-decoration: none }

/* POKER STATISTICHE */
table.pokerStats { float: left; width: 140px; margin: 20px 45px 20px 0; color: #666; border-collapse: collapse; }
	.pokerStats th { padding: 4px 1px; color: #444; text-transform: uppercase; font-family: arial; font-size: 10px; background: #ddd; border: 1px solid #fff }
	.pokerStats td { width: 50%; padding: 1px 10px; text-align: right; border-collapse: collpase; border: 1px solid #ddd; }
		.pokerStats td.posizione { border-right: 0 }
		.pokerStats td.punti { padding-left: 0; border-left: 0 }
		.pokerStats td b { font-size: 12px; }
	.pokerStats tr.itsMe { background: #d00; color: #fff }

/* NEWS */
#news div { margin-bottom: 40px; float: left; width: 300px; }
	#news div a { color: #c00; font-size: 13px }
		#news div a:hover { text-decoration: none }
	#news div img { float: left; margin: 10px 10px 5px 0; }
	#news div p { margin: 10px 15px 5px 0}
	#news .newsDx { margin-left: 60px}

#dettaglioNews img { float: left; margin: 0 20px 20px 0}

/* ORDINE VELOCE */
#quickOrderEntry { margin-bottom: 25px; padding: 30px 15px 10px 15px; background: #ddd; border: 1px solid #666 }
	#quickOrderEntry h1 { margin: -30px -15px 20px -15px; padding: 2px 0 3px 10px; color: #fff; font-size: 14px; background: #5a5a4e }
	#quickOrderEntry fieldset { float: left; width: auto; padding: 0; text-align: center; border: none }
		a#quickOrderHelp { float: right; width: 16px; height: 16px; margin-right: 3px; background: url(../images/ui-icons_ffffff_256x240.png) no-repeat -48px -145px #333; cursor: pointer }
			a#quickOrderHelp:hover { background-color: #000 }
		#showAll { position: absolute; top: 23px; right: 5px; width: 16px; height: 16px; background: url(../images/ui-icons_ffffff_256x240.png) no-repeat -64px -16px #999; cursor: pointer }
		#quickOrderEntry table td { color: #666 }
			#quickOrderEntry table td a { color: #666 }
		#quickOrderEntry label, #quickOrderEntry table th { font-size: 13px; color: #333; font-weight: bold; }
		#quickOrderEntry input.txt { padding: 3px 5px; color: #333; font-size: 20px }
		#quickOrderEntry table input.txt { text-align: center }
		#quickOrderEntry #quickOrderAddToCart {  }
.showColorImg { cursor: pointer }

/* ERRORI */
.errori { padding: 20px 0; text-align: center}

/* FOOTER */
#footer { height: 55px; background: #eaeaea; border-bottom: 1px solid #333; border-top: 1px solid #333 }
	#footer img { margin: 10px 7px 0 0; vertical-align: middle }
	#footertxt p { margin-top: 10px; text-align: center; font-size: 12px; color: #999  }
	#footertxt a { color: #999; padding: 0 5px; }