/* Contenitori Globali E-Commerce */

/* Info Colori adatti al sito:

link:
link hover:

sfondo eCommerce:
separatore vetrina:

bordi aree:
*/


/* è il contenitore globale di tutte le aree dell'e-commerce */
#content_eCommerce{
	position:relative;
	margin-top:227px;padding-bottom:6px;
	background-color:#0E0F11;border:1px solid #666666;
	width:978px;min-height:250px;} /* 980px è la misura originale */
/* ------- */


#content_menucategorie{ /* #left_page_area */
	position:relative;float:left;width:235px;}
	#catalogo{
		position:relative;
		padding:6px 0 3px 0;border:1px solid gray;
		background-color:#F4F4F4;
		width:227px;min-height:50px;
		margin:0 1px 5px 5px;} /* Standard margin: 0 3px 5px 3px */
	#cerca_content{
		position:relative;
		width:227px;
		font:normal 12px Arial, Helvetica, sans-serif;text-align:center;
		padding:3px 0 3px 0;margin:0 1px 5px 5px;
		background-color:#F4F4F4;border:1px solid #808080;}

#content_articoli_vetrina{ /* #center_page_area */
	position:relative;float:left;
	width:570px;min-height:400px;
	vertical-align:top;text-align:left;}

#content_articoli_prodotti{ /* #center_page_area */
	position:relative;float:left;
	border:1px solid gray;background-color:#F4F4F4;
	width:563px;min-height:300px; /* 563 + 5 + 2 = 570px */
	padding-bottom:8px;margin-left:5px; 
	vertical-align:top;text-align:left;}

#content_carrello{ /* #right_page_area */
	position:relative;float:right;
	width:170px;min-height:350px;
	padding-bottom:8px; 
	vertical-align:top;text-align:left;}
	#divcarrello{
		position:relative; /* 162 + 2 border + 6 margin = 170px */
		width:162px;min-height:50px;
		background-color:#F4F4F4;
		margin:0 5px 5px 1px;border:1px solid gray} /* Standard margin: 0 3px 5px 3px */

#content_info{ /* #right_page_area */
	position:relative;float:right;
	width:170px;min-height:350px;
	padding-bottom:8px; 
	vertical-align:top;text-align:left;}
	#info{
		position:relative; /* 162 + 2 border + 6 margin = 170px */
		width:162px;min-height:50px;
		background-color:#F4F4F4;
		margin:0 5px 5px 1px;border:1px solid gray}
	h1.title_info{font-size:12px;margin:5px 3px 2px 3px;}
	#info p{font-size:11px;margin:2px 3px 5px 3px;}

/* Testi */
.selections{background-color:transparent;cursor:pointer;}
.selections:hover{background-color:#F5F0C9;color:#9A5500;}
h2.marca{
	margin:4px 0 2px 5px;
	font:normal 14px "Trebuchet MS";
	color:black;
	text-align:left;
}

h2.prezzo_lista{
	width:77px;margin:4px 0 2px 0;
	font:normal 14px "Trebuchet MS";text-align:right;
	color:black;
	/*border-left:1px solid #BABABA;*/
}
h3.titoletto{
	margin:0 4px 0px 5px;
	font:normal 11px "Trebuchet MS";
	color:#333;
	padding-bottom:4px;
	border-bottom:1px solid orange;
	text-align:left;
}
h3.dettaglio{
	margin:0 2px 0px 5px;
	font:normal 11px "Trebuchet MS";
	cursor:pointer;
	color:#333;
	text-align:left;
}
h3.dettaglio:hover{color:#F18500;}

h4{
	margin:8px 5px 10px 5px;
	font:normal 13px "Trebuchet MS";
	color:#333;
	padding-bottom:5px;
	border-bottom:1px dotted orange;
	text-align:left;
}
h5{
	margin:4px 0px 2px 0px;
	font:normal 13px "Trebuchet MS";
	color:black;text-align:left;}
h5.voce_menu{font:normal 13px Arial;margin:0 4px 0 15px}

.scheda_codice{
	border-bottom:1px dotted orange;
	font-size:9px;text-align:right;
	padding-bottom:2px;
}
.scheda_marca{font-size:14px;font-weight:bold;color:#333;text-align:right;}
.scheda_modello{
	border-bottom:1px dotted orange;
	padding-bottom:2px;text-align:right;
}
p.testo_info{
	font:normal 12px "Trebuchet MS";color:#333;
	margin-top:3px;margin-left:13px;margin-bottom:8px;}

/* Etichette */
h1.etichetta_blocco{
	position:relative;border:1px solid #808080;
	background:#F4F4F4 url("img/eCommerce/bg_etichetta_blocco.png") repeat-x top left;
	margin:0 0 1px 0;padding:3px 0 2px 6px;
	font:bold 12px Arial;color:#222;text-transform:uppercase;}

/* Link Vari */

.link_checkout{color:#333;cursor:pointer;text-decoration:underline;}
.link_checkout:hover{color:#F18500;}

.link_pagine{color:black;text-decoration:underline;}
.link_pagine:hover{color:#F18500;}

.link_areaprivata{
	font:normal 12px "Trebuchet MS";color:#333333;cursor:pointer;
	text-decoration:underline;text-transform:uppercase;}
.link_areaprivata:hover{color:#F18500;}

/*-- Decorazioni --*/

.separatore_vetrina{
	border-top:1px dotted #555;
	margin:0 3px 5px 6px;padding:0;
	height:0;
}
p.separatore_menu{
	border-top:1px dotted #666;
	margin:1px 6px 6px 16px;
	padding:0px;
}
p.separatore_elenco{
	border-top:1px dotted #666;
	margin:5px 0px 5px 0px;
	padding:0px;
}

/*-- Menu --*/

.menucat{
	font:normal 13px "Trebuchet MS";
	text-decoration:none;
	color:black;
}
.menucat:hover{color:#F18500;cursor:pointer;}
.cat_nav{
	color:black;cursor:pointer;
	text-decoration:none;text-transform:capitalize;}
.cat_nav:hover{color:#FF8D00;}

.cat_articoli{
	position:relative;
	border-bottom:1px #808080 dotted;
	text-transform:capitalize;
	cursor:pointer;
}
.cat_articoli:hover{
	background-color:#F6F6F6;
	color:#FF8D00;
}
.cat_articoli_empty{
	position:relative;
	border-bottom:1px #808080 dotted;
	text-transform:capitalize;
	cursor:default;
}

#checkout_step{position:relative;margin-top:6px;padding-top:6px;border-top:1px dotted orange;}
#checkout_step input{font:normal 10px Verdana, Geneva, sans-serif;}

/*-- Fieldset --*/

legend{
	font:bold 12px "Trebuchet MS";
	color:#545454;text-transform:uppercase;}

fieldset.articoli_bgsmall{
	padding-left:5px;padding-right:5px;padding-bottom:4px;
	border:1px solid #D0D0BF;
	text-align:left;font:normal 12px Trebuchet MS;
	background:url("img/eCommerce/bg_fieldset_piccolo.jpg") repeat-x left top;}

fieldset.articoli_bgbig{
	padding-left:5px;padding-right:5px;padding-bottom:4px;
	border:1px solid #D0D0BF;
	text-align:left;font:normal 12px Trebuchet MS;
	background:url("img/eCommerce/bg_fieldset_grande.jpg") repeat-x left top;}
.menucatnav_legend {
	font:normal 12px Trebuchet MS;color:#333;
	text-decoration:underline;text-transform:uppercase;}
.menucatnav_legend:hover{color:#F18500;}

#contatti select,#contatti input,#contatti textarea{
	font:normal 11px Trebuchet MS;
	color:#333;
	padding-left:2px;
}

/* SubCategorie */
#subcategorie{
	position:relative;}
div.subcategoria_voce{
	position:relative;float:left;
	width:48%;margin:5px 5px 0 5px;
	cursor:pointer;
	background-color:#F5F5F5;
	border-bottom:1px dotted #808080;}
div.subcategoria_voce:hover{
	color:#495C60;}

.subcategoria_title{font-weight:normal;}
.subcategoria_numprodotti{position:absolute;right:2px;color:#495C60;font-weight:bold;}

#articolipresenti{
	position:relative;margin:5px 5px 0 5px;}

/* Carrello Dettaglio */

div.carrello_dettaglio_riga{position:relative;padding:3px 0 0 0;}
div.carrello_dettaglio_riga div{border-bottom:1px dotted #CCC;height:20px;}
div.carrello_dettaglio_riga p{margin:0 3px 0 3px;font-size:11px;line-height:20px;}

div.carrello_dettaglio_freccia{position:relative;float:left;width:5px;}
div.carrello_dettaglio_codice{position:relative;float:left;width:80px;text-align:left;border-right:1px dotted #CCC}
div.carrello_dettaglio_codice:hover{color:#F18500;cursor:pointer;}
div.carrello_dettaglio_descrizione{position:relative;float:left;width:273px;text-align:left;}
div.carrello_dettaglio_descrizione:hover{color:#F18500;cursor:pointer;}
div.carrello_dettaglio_prezzoU{position:relative;float:left;width:60px;text-align:right;background-color:#F5F0C9;}
div.carrello_dettaglio_qta{position:relative;float:left;width:36px;background-color:#F5F0C9;z-index:0}
div.carrello_dettaglio_prezzoTot{position:relative;float:left;width:68px;text-align:right;background-color:#F5F0C9;}
div.carrello_dettaglio_prezzoTot_plus{position:relative;float:left;width:82px;text-align:right;background-color:#F5F0C9;}
div.carrello_dettaglio_delete{position:relative;float:right;width:13px;cursor:pointer;}

/* Totali Carrello */
#Totali{position:relative;margin:0;font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#divcarrellototale{position:relative;margin:0;padding-top:2px;clear:both;}
#divcarrellospesesped{position:relative;margin:0;clear:both;}
#divcarrellototaleconspesesped{position:relative;margin:0;clear:both;}
.euro{position:relative;float:right;width:17px;text-align:center;color:black;}
.valore{position:relative;float:right;font-weight:bold;color:black;width:60px;text-align:right;}
.label{position:relative;float:right;color:black;font-size:12px;width:95px;}


/* Ricerca */
div.Ricerca_Categoria span{font:bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;color:#F00;text-decoration:underline}
div.Ricerca_risultati_content{border:1px solid #D0D0BF;margin:2px 0 8px 8px;padding:5px 0 4px 0;background:url("img/eCommerce/bg_fieldset_piccolo.jpg") repeat-x left top;}

div.ricerca_riga{position:relative;margin:0 2px 2px 2px;}
div.ricerca_riga div{border-bottom:1px dotted #CCC;height:20px;}
div.ricerca_riga p{margin:0 3px 0 3px;font-size:11px;line-height:20px;}

div.ricerca_codice{position:relative;float:left;width:90px;text-align:left;border-right:1px dotted #CCC}
div.ricerca_codice:hover{color:#F18500;cursor:pointer;}
div.ricerca_descrizione{position:relative;float:left;width:325px;text-align:left;}
div.ricerca_descrizione:hover{color:#F18500;cursor:pointer;}
div.ricerca_prezzoU{position:relative;float:left;width:70px;text-align:right;background-color:#F5F0C9;}
div.ricerca_qta{position:relative;float:left;width:36px;background-color:#F5F0C9;z-index:0}
div.ricerca_qta select{font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;height:19px;padding:0;}
div.ricerca_carrello{position:relative;float:left;width:68px;text-align:right;background-color:#F5F0C9;}

/* Area Privata */
div.indirizzo_riga{position:relative;border-bottom:1px dotted #CCC;background-color:#F8F8F8;margin-bottom:3px;}
div.indirizzo_riga a{text-decoration:none;color:black}

/* Listato Prodotti */
.descrizione_listato_prodotti{
	float:left;width:280px;min-height:70px;
	border-right:1px dotted #CCCCCC;
	margin:4px 0 4px 8px;}
h2.marca_lista_prodotti{
	margin:0 3px 0 0;border-bottom:1px dotted #CCC;
	font:normal 14px "Trebuchet MS";text-transform:uppercase;
	color:black;text-align:left;
}
h3.dettaglio_lista_prodotti{
	margin:3px 2px 0 0;
	font:normal 12px "Trebuchet MS";
	cursor:pointer;color:#333;
	text-align:left;}
h3.dettaglio_lista_prodotti:hover{color:#F18500;}

p.descr_breve{
	margin:2px 3px 0 0;padding-top:3px;border-top:1px dotted #CCC;
	font:normal 11px "Trebuchet MS";
	cursor:default;
	color:#333;text-align:left;
}

/* Scheda Articolo */

.scheda_pulsante{
	width:230px;
	background-color:white;border:1px dotted #444;
	margin-top:2px;
	cursor:pointer;}
.scheda_pulsante:hover{background-color:#EDF2F8;border:1px solid #959595;}
.scheda_pulsante_off{
	width:230px;
	background-color:#F0F0F0;border:1px dotted #444;
	color:#888;
	margin-top:2px;
	cursor:default;}
.scheda_allegato{
	border-bottom:1px #CCC dashed;
	margin-top:3px;
	position:relative;
	cursor:default;}
.scheda_allegato:hover{background-color:#F6F6F6;border-bottom-color:orange;}

#scheda_foto{float:left;position:relative;margin-top:5px;}

#scheda_foto_area{border:1px solid #959595;cursor:pointer;min-height:180px;background-color:rgb(255, 255, 255);}
#scheda_foto_area:hover{border:1px solid #F18500;}

/*-- Correlati --*/

.correlati{
	position:relative;
	margin-left:14px;
	border-bottom:1px #FFA500 dashed;
	height:19px;
	margin-bottom:3px;
	background-color:#F8F8F8;
}
.correlati_off{
	position:relative;
	margin-left:14px;margin-bottom:3px;
	cursor:default;
	border-bottom:1px #DADACD dashed;
	color:#888888;
	height:19px;}
.correlati_link{
	margin:0px 4px 0px 0px;cursor:pointer;
	font:normal 11px "Trebuchet MS";color:#333;text-align:left;
}
.correlati_link:hover{color:#F18500;}

/*-- Login --*/
#login{
	position:absolute;
	border:0px solid fuchsia;
	top:175px;left:460px;width:230px;
	text-align:right;z-index:50;}
input.access{
	width:150px;height:13px;padding-left:2px;
	font:normal 11px Trebuchet MS;color:#FFC000;
	background-color:#666;border:1px solid #CCC;}
.login{font:normal 11px "Trebuchet MS";color:white;}

/* Alert */

h3.campivuoti{
	position:relative;background-color:#FFF;
	margin:20px 5px 20px 5px;padding:10px;
	border:1px dotted orange;
	text-align:center;font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#alert{position:absolute;width:299px;height:109px;background-image:url(img/eCommerce/alert.png);bottom:100px;right:170px;z-index:200}
#alert_sfondo{position:absolute;width:100%;height:100%;top:0;left:0;background:url(img/eCommerce/bg_alertarea.png) repeat left top;}
div.alert_close{position:absolute;width:24px;height:24px;top:-9px;right:-9px;background-image:url(img/eCommerce/alert_close.png)}
h1.alert_title{position:absolute;top:15px;left:20px;margin:0;font:normal 14px "Trebuchet MS"}
p.alert_txt{margin:43px 8px 5px 78px;font:normal 12px "Trebuchet MS"}

/*-- Immagini e Bottoni --*/

div.crop_img_listaprodotti{
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	width:100px;height:75px; /* proporzione foto di 4/3 e non 10x15 */
	border:1px solid #959595;
	margin:5px 0 5px 0;padding:0;
	cursor:pointer;
	background-color:white;
}
div.crop_img_listaprodotti:hover{border:1px solid #F18500;}
img.crop_img_listaprodotti{position:absolute;height:75px;top:0;left:0;}


/* Sostituite dal Crop Img Vetrina */
.link_img_vetrina{
	border:1px solid #959595;
	margin-top:5px;margin-bottom:5px;
	width:100px;cursor:pointer;
}
.link_img_vetrina:hover{border:1px solid #F18500;}
/* ----- */

.btn_img{border:1px solid #959595;cursor:pointer;}
.btn_img:hover{border:1px solid #F18500;}

/* Vetrina */

.area_articolo{
	position:relative;float:left;
	width:180px; /* 183 + 2 = 185px */
	border:1px solid gray;background-color:#F4F4F4;
	margin-left:7px;margin-bottom:5px;
	text-align:center;vertical-align:top;}
/* Nota 
	la misura originale del singolo box è 183px + 2px di bordo + 5px di margine sinistro, inserendo il titoletto "h1" per avere
	l'effetto rientro, è stata ridotta a 180px + 2px di bordo + 7px di margine sinistro.
*/
.stickers{
	position:absolute;z-index:100;
	width:54px;height:55px;left:11px;top:39px;
	background:url(img/eCommerce/sconto.png) no-repeat left top;}


div.crop_img_vetrina{
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	width:130px;height:97px;
	border:1px solid #959595;
	margin:0 0 0 20px;padding:0;
	cursor:pointer;
	background-color:white;
}
div.crop_img_vetrina:hover{border:1px solid #F18500;}
img.crop_img_vetrina{position:absolute;height:97px;top:0;left:0;}

/* Checkout */
#checkout{position:relative;height:42px;margin:4px 5px 4px 5px;}
#step_1{position:absolute;top:0;height:42px;left:0;width:137px;z-index:93;background-image:url(img/eCommerce/step_1.png); background-repeat:no-repeat; background-attachment:scroll;}
#step_2{position:absolute;top:0;height:42px;left:129px;width:160px;z-index:92;background-image:url(img/eCommerce/step_2.png); background-repeat:no-repeat; background-attachment:scroll;}
#step_3{position:absolute;top:0;height:42px;left:279px;width:147px;z-index:91;background-image:url(img/eCommerce/step_3.png); background-repeat:no-repeat; background-attachment:scroll;}
#step_4{position:absolute;top:0;height:42px;left:416px;width:137px;z-index:90;background-image:url(img/eCommerce/step_4.png); background-repeat:no-repeat; background-attachment:scroll;}

.step{background-position:0% 0%;}
.step:hover{background-position:0% 100%;cursor:pointer;}
.step_on{background-position:0% 100%;cursor:default;}
.step_off{background-position:0% 0%;cursor:default;}
/* Div */

.sfondo_articoli{
	background-color:transparent;
	min-height:60px;border:1px solid #E8E8E8;}
.sfondo_articoli:hover{background-color:#E9E9E9;}


/* Generiche */

.float_off{clear:both}
.left{text-align:left}
.right{text-align:right}