@charset "ISO-8859-1";
/* CSS Document */
html * {margin:0; outline:none}
img {border:none}
h1 {font-size:21px;}
h2 {font-size:15px}
body {background-color:#989898; background-image:url(../images-MIO/sfondo.png); font-family: arial; font-size:13px; color:#333;}
#lucetop {background:url(../images-MIO/compressosu.png) center top no-repeat; overflow:hidden}
#lucebottom {background:url(../images-MIO/compressogiu.png) center bottom no-repeat; overflow:hidden}
.padded {padding-left:15px;}
.fullpadded {padding:15px}
a:link, a:visited {color:#222; text-decoration:none}
a:hover {text-decoration:underline}
#left ul {padding:0; list-style:none}
/*Bottoni e Link*/
a.continua:link, a.continua:visited {background:url(../images-MIO/more.png) no-repeat top right; line-height:24px; height:24px; display:block; font-weight:bold; text-decoration:none; color:#666; font-size:13px}
a.continua:hover {background-position:bottom right}
a.continua span {color:#222;}
/**/
#left a.continua {margin-top:15px}
#marchi a.continua {padding-left:15px; padding-right:15px; width:160px; display:block}
#container {position:relative}

/*###############TABS##############*/
#navigazione {position:absolute; top:150px; left:0; z-index:101}/*SOPRA z101*/
#navigazione ul {list-style:none; padding:0}
#prodotti {background:url(../images-MIO/leftluce.png) top left no-repeat; padding-top:24px }
#marchi {background:url(../images-MIO/leftluce2.png) top left no-repeat; padding-top:24px }
#collegamenti a:link, #collegamenti a:visited {color:#333; text-decoration:none; font-size:13px; font-family:Arial, Helvetica, sans-serif;display:block; width:170px; height:24px; margin-left:10px; line-height:24px; padding-left:5px;background:url(../images-MIO/hoverleft.png) no-repeat left top}
#collegamenti a:hover {background-position:left bottom;}
#produttori a:link, #produttori a:visited {color:#333; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;display:block; width:170px; height:21px; margin-left:10px; line-height:21px; padding-left:5px;background:url(../images-MIO/hoverleft.png) no-repeat left top; text-transform:uppercase}
#produttori a:hover {background-position:left bottom;}
.headlink {font-weight:bold; padding-left:0px}
.sublink {padding-left:3px}
/*###############*/

/*#########HEADER###########*/
#header { overflow:hidden; position:absolute; top:0; left:0; z-index:100; height:250px} /*SOTTO z100*/
/*tre*/
#tre {height:100px}
.logo {padding-top:25px}
.telefono {text-align:center; padding-top:20px}
.utente {padding-top:25px;}
.utente a {height:40px; line-height:40px; font-size:13px; text-decoration:none; color:#333;}
ul.menu {display:inline; list-style:none; float:right}
ul.menu li {display:inline}
ul.menu a {display:block; float:left}
a.account:link, a.account:visited {background:url(../images-MIO/bottone.png) no-repeat 0 0; padding-left:50px;padding-right:40px}
a.account:hover {background-position: 0px -40px}
a.aiuto:link, a.aiuto:visited {background:url(../images-MIO/bottone.png) no-repeat 0 -80px; padding-left:50px;}
a.aiuto:hover {background-position: 0px -120px;}
/**/
/*submenu*/
#submenu {height:100px;}
#cerca {background:url(../images-MIO/bg.png) repeat-x bottom left; height:50px; overflow:hidden}
#searchbar {background:url(../images-MIO/bg.png) repeat-x bottom left;height:50px; width:523px; float:left; border-left:1px solid #666666;border-right:1px solid #666666;}
form.cerca {overflow:hidden; width:513px; display:block;}
input.cerca {background:url(../images-MIO/bg.png) bottom left; border-bottom:1px solid #8d8e8f; border-left:none; border-right:none; border-top:1px solid #505050; height:27px; margin-top:10px; margin-left:10px; width:400px;font-style:italic; font-size:11px; line-height:27px; color:#999; padding-left:10px}
input.ricerca {background:url(../images-MIO/cerca.png); width:91px; display:block; height:32px; border:none; margin-top:10px; text-align:left; cursor:pointer; float:right}
#carrello {width:175px; display:block; float:left}
#carrello a {width:90px; height:50px; line-height:50px; margin:0 auto;background:url(../images-MIO/carrello.png) no-repeat center left; padding-left:45px; display:block; text-decoration:none; color:#333;}
#carrello a span {font-size:21px; color:#fff;}
#breadcrumbs {height:50px; line-height:50px}
#breadcrumbs p{margin:0; padding-left:15px}
#breadcrumbs span {color:#666}
#breadcrumbs a:link, #breadcrumbs a:visited {text-decoration:underline; background:url(../images-MIO/li.png) no-repeat left center; margin-left:5px; padding-left:13px; color:#dc2a2a} 
#breadcrumbs a:hover {text-decoration:none}
/*############*/

/*###############WRAPPER################*/
#wrapper {position:relative; z-index:100; background:url(../images-MIO/tutto.png) repeat-y; overflow:hidden; margin-top:250px}/*SOTTO z100*/
#left {padding-top:45px}
#right {position:relative}
#newsletter, #recensioni, #feedback, #bestvenduti {padding:15px; padding-top:24px; width:170px; display:block;}
#left h3 {background:#D5D5D5 url(../images-MIO/frecciagiu.png) right center no-repeat; padding:10px; font-size:15px; color:#222; text-transform:capitalize; margin-bottom:15px}/*controllare con IE6*/
#feedback ul {margin-top:15px}
#feedback li { background:url(../images-MIO/feedback.png) no-repeat left top; padding-left:25px; margin-top:15px}
#recensioni img {border:10px solid #d9d8d9; margin-bottom:9px}
.stelle {text-align:center;background:url(../images-MIO/stelle.png) no-repeat; display:block; text-indent:-9999px; width:47px; height:9px; float:right; margin-top:5px; clear:both}

.uno {background:url(../images-MIO/numeri2.png) no-repeat top left; display:block; width:26px; height:19px; float:left; text-indent:-9999px; margin-right:10px}
.due {background:url(../images-MIO/numeri2.png) no-repeat 0 -19px; display:block; width:26px; height:19px; float:left; text-indent:-9999px; margin-right:10px}
.tre {background:url(../images-MIO/numeri2.png) no-repeat 0 -38px; display:block; width:26px; height:19px; float:left; text-indent:-9999px; margin-right:10px}
.quattro {background:url(../images-MIO/numeri2.png) no-repeat 0 -57px; display:block; width:26px; height:19px; float:left; text-indent:-9999px; margin-right:10px}
.cinque {background:url(../images-MIO/numeri2.png) no-repeat 0 -76px; display:block; width:26px; height:19px; float:left; text-indent:-9999px; margin-right:10px}
#bestvenduti li {margin-top:15px}
#footer {overflow:hidden; margin-top:24px}
#footer p {line-height:18px; margin:0}
#footer ul { list-style:none; line-height:24px; padding:0; margin-top:4px; margin-bottom:4px}
#footer li {width:150px; padding-left:15px}
#footer li a:link,#footer li a:visited {background:url(../images-MIO/li.png) center left no-repeat; padding-left:15px; color:#333; text-decoration:none}
.messaggio {background:url(../images-MIO/messaggio.png) no-repeat left center; padding-left:30px; margin-bottom:3px}
#bottom {margin-top:15px}
.paypal {margin-top:8px}

#copyright p {height:30px; width:180px; background:url(../images-MIO/bg.png) top left; color:#cccccc; font-size:11px; line-height:15px; padding:10px; float:left }

/*TORNA SU*/
a.top {background:url(../images-MIO/bottone.png) no-repeat 0 -160px; padding-left:50px;height:40px; line-height:40px; font-size:13px; text-decoration:none; color:#333;display:block; cursor:pointer; float:right}
a.top:hover {background-position: 0 -200px;}
/*#######*/

/*FORM*/
/*FORM*/
form.newsletter {overflow:hidden; width:170px; display:block; margin-top:15px}

input {margin:0}
input.home { display:block; width:124px; height:24px; border-left:none; border-right:none; border-top:1px solid #B9B9B9; border-bottom:1px solid #fff; background:#D7D7D7; float:left; padding-left:5px; font-style:italic; color:#333} /*si prende 2 pixel*/
input.news {background:url(../images-MIO/newsbutton.png); width:39px; display:block; height:27px; border:none; text-indent:-9999px; cursor:pointer; float:right}
/**/
#mainnav {color:#cfcfcf; line-height:50px}
#mainnav {background:url(../images-MIO/bg.png) repeat-x top left; height:50px}
#mainnav ul {list-style:none; padding:0; font-weight:bold; display:inline}
#mainnav li {display:inline}
#mainnav a:link, #mainnav a:visited {color:#cfcfcf; text-decoration:none; margin-left:15px; margin-right:15px; height:50px; display:block; float:left}
#mainnav a:hover {color:#fff;}
#mainnav a.active:link, #mainnav a.active:visited {color:#fff;background:url(../images-MIO/luce7.png) no-repeat center top}
/**/

/*PRODOTTI*/
div.intestazione {background:url(../images-MIO/intestazione.png); height:50px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd}
div.intestazione h2 {float:left; line-height:50px; margin-left:15px; display:block; width:285px; font-size:15px}
div.intestazionesingola {background:url(../images-MIO/intestazione.png); height:50px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
div.intestazionesingola h2 {float:left; line-height:50px; margin-left:13px; display:block;width:280px}
div.intestazionesingola span {display:block; float:left; margin-top:15px; padding-left:13px; text-align:right; }
div.intestazione a:link, div.intestazione a:visited {float:left; margin-right:13px; line-height:24px; display:block; width:357px; text-align:right; margin-top:13px; padding-right:30px}
div.vetrina {overflow:hidden; padding-bottom:13px }
p.articolo span.nome {color: gray; display:block; margin:13px; line-height:13px; color:#333; text-decoration:none; border:none; font-size:11px; height:39px}
p.articolo span.nome b {display: block; margin: 3px 0 2px 0; font-size: 12px; }
p.articolo span.nome i {color: gray;}
p.articolo img {margin-left:13px; margin-right:13px; border:10px solid #ddd;}
div.prodotto {position:relative; height:226px;  width:174px; border-right: 1px solid #dddddd; float:left; border-bottom: 1px solid #dddddd;}
p.articolo {display:block; height:213px; z-index:11; position:absolute; top:0px;}
a.selezione:link, a.selezione:visited {display:block; height:250px; width:174px; z-index:13; position:absolute; top:0px; left:0; background:red; text-indent:-9999px; background:url(../images-MIO/selezionato.png) no-repeat 0 -500px}
a.selezione:hover {background-position:top left}
div.prezzo {display:block; height:91px; width:101px; position:absolute; bottom:13px; right:13px; background:url(../images-MIO/prezzo.png) no-repeat; z-index:12; color:#ffffff; }
div.prezzo p{text-align:right; margin-top:70px; margin-right:5px; font-weight:bold}
div.prezzo p span {color:#a5a5a5}
/**/

/*LINKS*/
#links {overflow:hidden; margin-bottom:13px; background:url(../images-MIO/links.png) repeat-y}
h2.testo {text-transform:uppercase}
#paragrafo {padding:15px}
#paragrafo h1 {font-size:13px}
#paragrafo p,#paragrafo h2,#paragrafo h3, #paragrafo h4 {margin-top:9px}
div.mezzo { background:url(../images-MIO/intestazione.png); height:50px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
div.mezzo h2 {float:left; width:135px; line-height:50px; margin-left:15px; display:block}
div.mezzo a:link, div.mezzo a:visited {width:156px; float:left; line-height:24px; text-align:right; margin-right:13px; background:url(../images-MIO/more.png) no-repeat top right; margin-top:13px; padding-right: 30px; font-weight:bold; text-decoration:none; color:#666;}
div.mezzo a:hover {background-position:bottom right;}
div.mezzo a span {color:#222;}

ul {padding:0}
#altro {width:350px;float:left;}
#altro ul li span {display:block; color:#333; font-weight:bold}
#altro ul {list-style:none; }
#altro li {display:block; clear:both; overflow:hidden; background:url(../images-MIO/news.png) no-repeat top right; height:60px; padding-right:40px; padding-top:15px; line-height:15px;border-bottom:1px solid #ddd; padding-left:15px; padding-bottom:15px}
#altro img {display:block; float:left; margin-right:13px; border:10px solid #ddd}

#blog {width:350px;float:left;}
#blog ul li span {display:block; color:#333;}
#blog ul {list-style:none; }
#blog li {display:block; clear:both; overflow:hidden; height:60px;  padding-top:15px; line-height:15px; background:url(../images-MIO/nuvole.png) no-repeat top left; padding-left:51px; border-bottom:1px solid #ddd; padding-bottom:15px; padding-right:15px}
#blog img {display:block; float:left; margin-right:13px; border:10px solid #ddd}
#blog ul li span {background:#ddd; display:block; width:58px; padding:3px; font-size:11px; font-weight:bold; margin-top:9px}
/**/
#categoria {padding:15px; overflow:hidden}
#categoria h1 {font-size:21px; line-height:30px}
a:link, a:visited    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:#333;
  } 
  #numero {padding-top:13px}
p.totale {font-style:italic}
#opzioni { margin-top:15px; }
#opzioni li {display:inline;}
#opzioni a { height:33px; line-height:33px; display:block; float:left; padding-left:37px; padding-right:15px; font-weight:bold}
#opzioni a:hover {text-decoration:underline}
#opzioni a.avanzata {background:url(../images-MIO/avanzata.jpg) no-repeat;}
#opzioni a.tutti {background:url(../images-MIO/mostratutti.png) no-repeat;}
#opzioni a.raggruppati {background:url(../images-MIO/raggruppati.png) no-repeat;}
 {border:10px solid #ddd;}
.titolo-prodotto {border-bottom: 1px solid #dddddd}
#nome-prodotto h1 {font-size:21px; width:450px}
h2.codice {font-size:18px; color:#666; font-weight:normal; text-transform:uppercase; margin-top:5px}
#prezzo-grande {position:absolute; top:0; right:0; background:url(../images-MIO/prezzogrande.png) no-repeat; width:183px; height:183px; display:block}
 ul {list-style:none}
#prezzo-grande p {position:absolute; right:15px; top:30px; color:#fff; font-size:21px; font-weight:bold}
#prezzo-grande p span {color:#a5a5a5}
img.foto-prodotto {border:10px solid #ddd; }
p.disclaimer {color:#666; margin-top:7px; font-size:11px; font-style:italic}
li.condividi {background:url(../images-MIO/condividi.png) no-repeat left center; height:33px; line-height:33px; padding-left:40px}
li.condividi a {font-weight:bold}
li.recensione {background:url(../images-MIO/condividi.png) no-repeat left center; height:33px; line-height:33px; padding-left:40px}
li.disponibile {background:url(../images-MIO/disponibile.png) no-repeat left center; height:33px; line-height:33px; padding-left:40px}
li.recensione a {font-weight:bold}
li.spedizione-gratis {background:url(../images-MIO/offerta.png) no-repeat; display:block; height:45px; width:135px; padding-left:65px; padding-right:20px; padding-top:7px;}
li.spedizione-gratis  span {font-weight:bold; text-transform:uppercase}
.scheda {margin-top:10px}
.scheda li {margin-bottom:7px}
li.alto {margin-bottom:10px}
a.rosso:link, a.rosso:visited {color:#E02626; text-decoration:underline}
a.rosso:hover {text-decoration:none}
a.aggiungi-carrello:link {background:url(../images-MIO/aggiungi-carrello.png) no-repeat; display:block; width:235px; height:51px; line-height:51px; text-align:center; font-weight:bold; color:#fff; padding-left:18px; margin-top:24px; padding-bottom:15px}
h2 span {font-size:13px; font-weight:normal; font-style:italic}
.dettagli {margin-top:15px; line-height:18px; font-style:italic}
.abbinamenti li{background:url(../images-MIO/li.png) no-repeat center left; padding-left:15px; line-height:21px}
.abbinamenti a:link, .abbinamenti a:visited {color:#E02626; text-decoration:underline}
.abbinamenti a:hover {text-decoration:none} 
li.seleziona {padding-top:7px; padding-bottom:14px}
/* -------------
 * Selects
 * ------------- */
 form.colore {padding-bottom:15px; padding-top:9px}
.jqTransformSelectWrapper {
	width: 118px;
	position:relative;
	height: 33px;
	background:url(../images-MIO/select-left.png) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 61px;
	line-height: 15px;
	padding: 4px 0 0 3px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 28px;
	height: 23px;
	background: url(../images-MIO/select-right.png) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 118px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #fff;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 360px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 3px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
	height:12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#E02626;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(../images-MIO/checkmark.png) no-repeat center top;
	vertical-align: middle;
	height: 17px;
	width: 17px;
	display:block;/*display: -moz-inline-block;*/
}



table {border-bottom:1px solid #ddd;}
table td {border-right:1px solid #ddd; border-top:1px solid #ddd;}
td.prod {padding-left:15px}
tr.inte {background:url(../images-MIO/intestazione.png); line-height:50px}
table img {border:10px solid #ddd; float:left; margin-top:0px; margin-right:15px}
a.tab:link, a.tab:visited {width:200px; display:block}
p.disponibile {color:#844242; margin-top:5px; margin-bottom:9px; line-height:20px}
p.scegli {float:left; line-height:21px; margin-right:15px; }
div.art {float:left; display:block; width:270px}
.disponibilesi {background:url(../images-MIO/tabledisp.png) no-repeat left center;color:#125203; margin-top:5px; display:block; padding-left:30px; line-height:20px}
input.prova {width:50px}


/*-------------PAGENAVIGATOR------------------------*/
div.pagenavigator {
	margin-top: 40px;
	padding: 5px 10px;
	padding-bottom:15px;
	overflow:hidden;
}

div.pagenavigator a,
div.pagenavigator a:visited {
	font-size: 13px;
	float: left;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin-left: 4px;
	background: #C1C2C3;
	color: white;
	text-align: center;
}

div.pagenavigator a:hover {
	background: #C1C2C3;
	color: #404040;
}

div.pagenavigator a.selected,
div.pagenavigator a.selected:visited {
	font-size: 15px;
	background: #E02626;
	color: white;
	font-weight: bold;
}

div.pagenavigator a.nextbutton,
div.pagenavigator a.nextbutton:visited,
div.pagenavigator a.prevbutton,
div.pagenavigator a.prevbutton:visited {
	background: #E5E4E6;
}



#collegamenti a.selected, #collegamenti a.selected:visited {background-position:left bottom;}