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

a { font-family: Tahoma; font-weight: bold; font-size: 13px; color: #18407b; text-decoration: none }
	a:hover { color: #f47920; }
img { border: 0 }
form { margin: 0 }
input.short { width: 141px; }
p { margin: 0 }

.wrapper { width: 910px; margin: 0 auto; }
.box { background: url(/images/bg-box.gif) repeat-x #E7E7E7; border: 1px solid #d8d8d8 }
.border { border: 1px solid #ddd }
.errore { font-weight: bold; color: #d00 }

h1 { margin: 0 0 10px 0; font-family: Georgia; font-size: 27px; color: #f47920; font-weight: normal; }
h2 { margin: 0 0 10px 0; font-family: Georgia; font-size: 25px; color: #f47920; font-weight: normal; }
	h2 a { margin: 0 0 10px 0; font-family: Georgia; font-size: 25px; color: #f47920; font-weight: normal; }
		h2 a:hover { text-decoration: underline }


/* HEADER */
	#header { margin-top: 20px; height: 104px;}
		#header #logo { float: left; padding-top: 10px}
		#header #banner { float: right; padding-right: 55px}

/* MENU CMS */
	#menuCms { height: 30px; }
		#menuCms a { padding: 0 10px 0 5px; font-weight: normal; color: #333; border-right: 1px solid #333; }
			#menuCms a:hover { color: #f47920; }
		#menuCms a.selected { padding: 0 7px; font-weight: normal; color: #f47920; }
			#menuCmsSx { float: left; padding-top: 3px; }
				#cerca { display: block; float: left; margin-left: 15px }
			#menuCmsDx { float: right; padding-top: 3px;  }

/* LOGIN BAR */
	form#loginBar { display: none; padding: 15px; color: #666; background: #ffa; text-align: right }
		form#loginBar a { font-size: 10px }


/* TABS HOME */
	#tabs { background: 0; margin: 0; padding: 0; border: 0; list-style: none }
		#tabs ul.tabs { overflow: hidden; height: 60px; background: none; border: 0; padding: 0 }
			#tabs ul.tabs li { background: 0; margin: 0; padding-left: 12px; border: 0 }
				#tabs ul.tabs a { display: block; float: left; width: 171px; height: 50px; padding: 10px 0 0 0; color: #696969; font-size: 15px; text-transform: uppercase; text-align: center; background: url(/images/button-menu-off.gif) no-repeat; cursor: pointer }
					#tabs ul.tabs a:hover { color: #fff; background: url(/images/button-menu-hover.gif) no-repeat }
				#tabs .ui-tabs-selected a { color: #fff; background: url(/images/button-menu-hover.gif) no-repeat }
/* BARRANAV ALTRE */
	#barranav { overflow: hidden; height: 60px; padding: 0}
		#barranav a { display: block; float: left; margin: 0 6px; padding: 10px 0 0 0; line-height: 1.3em; width: 171px; height: 50px; color: #696969; font-size: 15px; text-transform: uppercase; text-align: center; background: url(/images/button-menu-off.gif) no-repeat}
			#barranav a:hover { color: #fff; background: url(/images/button-menu-hover.gif) no-repeat}
		#barranav a.selected { display: block; float: left; margin: 0 6px; padding-top: 10px; width: 171px; height: 60px; color: #fff; font-size: 15px; text-transform: uppercase; text-align: center; background: url(/images/button-menu-hover.gif) no-repeat}


/* BRANDING */
	#tabs .branding { overflow: hidden; width: 910px; height: 237px; margin-top: 10px; padding: 0; background: url(/images/bg-branding.gif) no-repeat }
		#tabs .branding div { padding: 0 }
			#tabs .branding div img { float: left; margin-right: 40px }
			#tabs .branding div .desc { padding: 0 20px 0 0; font-family: georgia; color: #fff; font-weight: bold; font-size: 16px }
				#tabs .branding div .desc .ttl { margin: 0 0 -20px 0; padding-top: 30px; font-size: 25px; }
				#tabs .branding div .desc li { margin-bottom: 5px }
			#tabs .branding a { color: #fff; font-size: 16px; text-decoration: underline }

/* CONTENT */
	#content { background: url(/images/bg-content.gif) no-repeat bottom center; }

	/* T-SHIRT EDITOR */

		/* EDITOR */
			#editorWrapper { float: left; width: 402px; padding: 0; background: none; border: 0 }
				#editorWrapper .ui-tabs-nav { padding: 0; background: none; border: 0; }
				#editorWrapper .ui-widget-content { border: 1px solid #aaa }
					#frontEditor { position: relative; width: 400px; height: 400px; padding: 0 !important; background: url(/images/blank-model-front.png) no-repeat }
					#rearEditor { position: relative; width: 400px; height: 400px; padding: 0 !important; background: url(/images/blank-model-rear.png) no-repeat }
						.boundaries { display: none; position: relative; width: 398px; height: 398px; border: 1px dotted #888 }

		/* OVERLAY (oggetti sovrapposte) */
			div.frontOverlay, div.rearOverlay { cursor: move }
			div.removeOverlay { position: absolute; top: 1px; left: 1px; width: 16px; height: 16px; background: url(/images/remove.png); cursor: pointer; display: none }

		/* ADD ON (scelta modelli, immagini, testo) */
			#addOnWrapper { float: right; width: 450px; height: 440px; padding: 0; background: none; border: 0 }
				#addOnWrapper .ui-tabs-nav { padding: 0; background: none; border: 0; }
				#addOnWrapper .ui-widget-content { background: #none; border: 1px solid #aaa; }
					#addOnProducts, #addOnImages, #addOnText { position: relative; width: 418px; height: 370px; padding: 15px !important; overflow: auto; }
				/* PRODOTTI */
					#addOnProducts div.elem { position: relative; float: left; height: 170px; width: 100px; margin: 8px 16px; }
						#addOnProducts div.elem img { position: absolute; display: block; bottom: 18px; left: 0; border: 2px solid #ddd; cursor: pointer }
						#addOnProducts div.elem a { position: absolute; display: block; bottom: 0; left: 0; width: 100px; color: #18407b; font-size: 11px; text-align: center; cursor: pointer }
							#addOnProducts div.elem a:hover { color: #f47920; }
				/* MOTIVI */
					div.cat { clear: both; margin: 0 0 10px 0; padding: 5px 5px 5px 30px; font-weight: bold; font-size: 15px; color: #666; background: url(/images/freccia-dx.gif) no-repeat 5px 7px #eee; cursor: pointer }
						div.cat a { float: right }
					#addOnImages div.elem { float: left; width: 100px; height: 115px; margin: 10px 15px; text-align: center; }
						#addOnImages img { display: block; margin-bottom: 5px; cursor: pointer; }
						#addOnImages a { font-size: 10px; color: #666; text-decoration: underline }
						/* THUMB DELLE IMMAGINI  */
						a.thumbTip { cursor: pointer !important }
						div.thumbTipContent img { float: left; display: block; width: 100px; height: 100px; margin: 10px; cursor: pointer; }
						.closeTip { position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; background: url(/images/remove.png); cursor: pointer; }
				/* TESTO */
					/* step */
					div.step { margin-bottom: 10px; padding: 10px; background: #ddd }
						div.step .ttl { margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #000; font-family: georgia; }
					/* font */
					#tseFont { height: 110px; padding: 10px; overflow-y: scroll; overflow-x: hidden; background: #eee }
						#tseFont div { cursor: pointer; padding: 5px; }
							#tseFont div.selected { background: #f47920 }
		/* UPLOAD */
			#upload { display: none; float: right; width: 448px; margin-top: 10px }


	/* GALLERY */
	#gallery div.cat { clear: both; margin: 30px 0 10px; padding: 5px; font-weight: bold; font-size: 15px; color: #666; background: #eee; }
	#gallery div.elem { float: left; width: 100px; height: 115px; margin: 10px 15px; text-align: center; }
		#gallery img { display: block; WIDTH: 100PX; HEIGHT: 100PX; margin-bottom: 5px; cursor: pointer; }
		#gallery a { font-size: 10px; color: #666; text-decoration: underline }


	/* CATALOGO PRODOTTI HOME */
		.prodottiHome { overflow: hidden; float: left; padding: 20px; width: 615px; height: 240px }
			.prodottiHome h2 { margin-left: 10px }
			.prodottoHome { float: left; padding: 5px 11px; width: 100px; margin-bottom: 6px; text-align: center; }
				.aligner { position: relative; height: 150px; width: 100px; margin-bottom: 3px }
					.aligner img { display: block; position: absolute; left: 0; bottom: 0 }
				.prodottoHome a { font-size: 11px }
	
	/* OFFERTE HOME */
		#offerteHome { overflow: hidden; float: right; padding: 20px; width: 200px; height: 240px; cursor: pointer }
			#offerteHome img { display: block; margin: 0 auto}

	/* SCROLLABLE ( home: catalogo prodotti e galleria immagini )*/
		div.scrollable { position: relative; overflow: hidden; width: 615px; height: 185px; }
			div.scrollable div.items { height: 20000em; position: absolute; }
				div.scrollable div.items div.page { float:left; }


	/* REGALA TSHIRT */
		#regalaTshirt { overflow: hidden; float: right; padding: 20px; width: 200px; height: 240px; cursor: pointer }
			#regalaTshirt img { display: block; margin: 0 auto}

	/* GALLERIA IMMAGINI */
		#galleriaHome { overflow: hidden; float: right; padding: 20px; width: 615px; height: 270px }
			#galleriaHome h2 { margin-left: 10px}
				#galleriaHome img { display: block; width: 100px; height: 100px; float: left; margin: 8px 8px }

	/* NEWSLETTER */
		#newsletter { overflow: hidden; float: left; padding: 20px; width: 200px; height: 270px }
			#newsletter img { display: block; margin: 0 auto}
			#newsletter a { color: #333; font-weight: normal; text-decoration: underline;}
				#newsletter a:hover { text-decoration: none;}

	/* AREA FULL */
		#areaFull { margin: 10px auto; padding: 20px }

	/* COLONNA SX */
		#colSx { float: left; margin-top: 15px; padding: 20px; width: 130px }
			#colSx .ttl { margin-bottom: 10px; font-family: Georgia; font-size: 20px; color: #f47920; }
			#colSx a.selected { color: #f47920; }
			#colSx ul { margin: 0 0 0 10px; } /* tutti */
			#colSx > ul { margin: 0 0 0 -25px; } /* FF e IE7 */
				#colSx li { margin: 0 0 5px 5px; } /* tutti */
				#colSx ul > li { margin: 0 0 5px 0 } /* FF */
				#colSx ul > li { #margin: 0 0 5px 40px } /* IE7 */


	/* CENTRALE */
		#centrale { float: right; margin-top: 15px; padding: 20px; width: 680px }

	/* BRICIOLE */
		#briciole { margin-bottom: 10px; font-size: 12px; }
			#briciole a { font-size: 12px; font-weight: normal; text-decoration: none }
			#briciole a:hover { text-decoration: underline }

	/* PAGINAZIONE */
		.paginazione { text-align: right; margin: 17px 0; font-size: 10px }
			.paging_current { margin: 0 5px; padding: 3px 8px; color: #444; font-size: 13px; background: none; border: 1px solid #444; text-decoration: none }
			.paging_links { margin: 0 5px; padding: 3px 8px; color: #aaa; font-size: 13px; background: none; border: 1px solid #aaa; text-decoration: none }
				.paging_links:hover { text-decoration: none; background: none; color: #444; font-size: 13px; border: 1px solid #444 }

	/* ELENCO CATEGORIE */
		table#elencoCat { margin-top: 5px }
			#elencoCat td { padding: 0 17px 20px; text-align: center; vertical-align: bottom }
				#elencoCat img { display: block; border: 1px solid #ddd }
				#elencoCat a { font-size: 11px; }

	/* DETTAGLIO PRODOTTO */
		#datiProdotto { float: left; width: 360px; }
			#logoMarca { float: right}
			.prezzo { font-size: 15px; font-weight: bold; color: #f47920; }
				table#colori { width: 355px; margin-top: 15px; }
					#colori .ttl { font-size: 15px; font-weight: bold; text-align: left; vertical-align: top }
					#colori td { width: 108px; padding: 5px ; text-align: center; vertical-align: top }
		#fotoDetail { float: right; width: 300px; }
			#fotoDetail #detail { margin-bottom: 5px; border: 1px solid #ddd }
				#zoom  { text-align: center;}
					#zoom  a { font-size: 12px; text-align: center; }
					#zoom  img { vertical-align: middle; margin: 0 6px }

	/* TABELLA ACQUISTA */
	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 #ccc }
			.dettTable th { padding: 3px 5px; font-weight: normal; color: #666 }
			.dettTable .redPrice { color: #c00 }
		.toCart { height: 23px; margin: 5px 0 5px 20px; padding-bottom: 3px; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer; background: #c00; border: 1px outset #fff }
		.button { height: 23px; margin: 5px 0 5px 20px; padding-bottom: 3px; color: #666; font-size: 11px; font-weight: bold; cursor: pointer; background: #ddd; border: 1px outset #ddd }
		.totale { font-weight: bold; background: #ddd }
	#personalizza { height: 61px; }
		#personalizza a { display: block; float: left; width: 204px; height: 44px; margin: 0 3px; padding-top: 17px; font-size: 11px; color: #666; text-align: center; background: url(/images/button-prod.gif) no-repeat }
			#personalizza a:hover { color: #f47920; }

	/* FORM */
	table#form { margin-top: 10px }
		#form td { width: 25%; padding: 3px 5px; vertical-align: top }
			#form .label { text-align: right }
			#form .ttl { padding-left: 85px; font-family: Georgia; font-size: 17px; }
			#form div.help { color: #888; font-size: 11px }


	/* FOOTER */
		#footer { height: 15px; padding: 15px 0; background: #d7d7d7 }
			#footer a { padding: 0 10px; color: #333; font-weight: normal; border-right: 1px solid #333}
				#footer a:hover { text-decoration: underline }