/* 

Menù accesso foglio di stile 

#01 - Elementi generici
#02 - Elementi di base
#02.1 - Elementi di base h
#02.2 - Elementi di base form
#03 - Elementi contenitivi
#04 - Elementi header superiore
#05 - Banner immagine principale
#06 - Impostazioni contenuto centrale
#07 - Css menù sx categorie
#09 - Footer
#10 - Css Ajax
#10.1 - Css Ajax Modal Window
#11 - Paginazione
#12 - Contenuto pre.centrale
#13 - Carrello
#14 - Miei ordini

*/

/****************
*
* 01 Generale
*
*****************/

* {
    margin: 0;
    padding: 0;
}


img {
    border: 0;
    padding:0;
    behavior: url('../immagini/pngbehavior.htc');
}

ul, ol {
    list-style: none;
}


/****************
*
* 02 Elementi di base
*
*****************/

body, a {
    font-family: Verdana, Sans-Serif;
    font-size: 62.5%;
    font-size: 12px;
    color: #67686C;
    line-height: 140%;
}

a {
    text-decoration: none;
    font-weight: normal;
}
a:hover {
    text-decoration: none;
}
.hidden {
    padding: 0px;
    margin: 0px; 
	height : 0px;
	width: 0px;
    display:none;
}

.thumb{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
	border: #c10c15 2px solid;
	background: #d2d2d2;
	padding: 5px;
}

.underline{
	color:#333333;
	text-decoration: line-through;
}

.clearer {
    clear: both;
}

#nascondimi{
	display:none;
}

#informazioni{
	margin:0;
	padding:0;
}

/*********************
*
* 02.1 Elementi di base h
*
*********************/

h1{
	padding-top:4px;
}

h2{
	padding:2px;
}

h3{
	padding:2px;
}

/*********************
*
* 02.2 Elementi di base form
*
*********************/

input[type="submit"], input[type="radio"]{
   background: transparent;
   border: 1;
   height:20px;
}

input {
    height: 14px;
    color: #000;
    font-size: 10px;
    background-color: #efefef;
    padding:2px;
    margin:2px;

}

fieldset{
	padding:10px;
}

label
{
	width: 12em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}


legend {
  padding: 0.2em 0.5em;
  border:22px #c10c15;
  color:#c10c15;
  font-size:90%;
  text-align:right;
  }

/****************
*
* 03 Elementi contenitivi
*
*****************/

body {
    height: 100%;
    background: url('../immagini/bgky.jpg') repeat-y top;
}

#contenitore {
    width: 780px;
}

/****************
*
* 04 Elementi header superiore
*
*****************/

div#menuSup{
	background-color: #505050;
	width:752px;
	height:20px;
	padding:2px;
}

div#menuSup a{
	color: #fff;
}


div#menuSup ul{
	list-style: none;
	float: left;
	margin: 0 0 15px 0;
}

div#menuSup li{
	float: left;
	margin: 0 2px;
}


div#menuSup ul li a:link, div#menuSup ul li a:visited {
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 11px;
	padding:2px;
	margin-right:4px;
}

div#menuSup ul a:hover, div#menuSup ul a:active {
	background-position: center left !important;
	text-decoration: none;
	color:#ce0000;
}

div#menuSup ul a:link, div#menuSup ul a:visited {
	background-position: bottom left;
}

div#menuSup ul a.current:link, div#menuSup ul a.current:visited, div#menuSup ul a.current:hover, div#menuSup ul a.current:active {
	background-position: top left !important;
	color: #000;
}

#header {
	text-align: left;   
    width:756px;
    height:250px;
    background:#19171c url('../immagini/logoNew.jpg') no-repeat bottom right;
}

#barraTran{
	width:756px;
	height:12px;
}

/****************
*
* 05 Banner
*
*****************/

.carousel .jCarouselLite {
     float: left;
     /* Needed for rendering without flicker */
     position: relative;
     visibility: hidden;
     left: -5000px;
     margin:0;
     padding:0;
}

.carousel ul {
      margin: 0;
      padding:0;
}
.carousel li img{
      margin:0;
      padding:0;
}

#informazioni .boxInfo {
     /* Needed for rendering without flicker */
     position: relative;
     visibility: hidden;
     left: -5000px;
     margin:0;
     padding:2px;
     border:1px dotted #c10c15;
}

#informazioni ul {
      margin: 0;
      padding:0;
}

#rotazioneInfo li {
	  padding:2px;
      color:#67686c;
	  font-size:14px;
	  text-align: center;
}

#informazioni li img{
      margin:0;
      padding:0;
}

            
/****************
*
* 06 Impostazioni contenuto centrale
*
*****************/

#contenutoCentrale{
	display:block;
}

#contenutoCentrale #left{
	float:left;
	margin-top:12px;
	width:529px;
	margin-left:27px;
}

#left #bannerCentrale{
	width:530px;
}

#left #titoloNews{
	width:530px;
	background: url('../immagini/bgkTitoloNews.jpg') repeat-y;
	height:38px;
	min-height:38px;
	height: auto !important;
}

#titoloNews p{
	color:#fff;
	font-size:18px;
	text-align: left;
	padding:8px;
}

#contenutoCentrale #right{
	float:right;
	margin-right:12px;
	width:200px;
	padding:0;
}

#right #contenutoDx{
	background: url('../immagini/bgk_box_dx.jpg') repeat-y;
	height:183px;
	min-height:183px;
	height: auto !important;
	color:#fff;
}

#contenutoDx a{
	color:#000;
}

#contenutoDx a:hover{
	color:#fff;
}

#contenutoDx .title{
	font-weight: bold;
	padding:2px;
	color:#fff;
}

#contenutoDx .flashnews{
	text-align: left;
	color:#fff;
	height:70px;
	vertical-align: top;
	padding:2px;
	padding-left:10px;
	width:170px;
}

#contenutoDx .flashdata{
	text-align: right;
	color:#fff;
	padding:2px;
	padding-left:10px;
	width:170px;
}

#right #headerRight{
	background: url('../immagini/header_box_dx.jpg') no-repeat bottom;
}

#right #footerRight{
	background: url('../immagini/footer_box_dx.jpg') no-repeat bottom;
}

/****************
*
* 06.1 Blocco pre-centrale - news & forum
*
*****************/

#boxPreCentrale{
	width:756px;
	background:transparent url('../immagini/bgk_riga_centrale.png') repeat-y;
	margin:0;	
	padding:0;
	display:block;

}

#testoNews{
	width:530px;
	height:40px;
	min-height:40px;
	height: auto !important;
	background:transparent url('../immagini/bgk_testoNews.png') repeat-y;
}
#testoNews p{
	color:#000;
	text-align: left;
	padding:2px;
	padding-left:10px;
	width:90%;
}
#testoNewsLink{
	color:#000;
	height:34px;
	text-align: right;
	margin-right:25px;
	font-weight:bold;
}

#testoNewsLink a{
	color:#fff;
	font-weight: bold;
	font-style: italic; 
}

#footerPreCentrale{
	width:530px;
	float:left;
	margin-left:15px;
	background:transparent url('../immagini/footer_riga_centrale.png') no-repeat bottom;
}

#forum{
	float:right;
	padding:4px;
	margin:10px 30px 0 0;
}

#forum a{
	color:#fff;
}

/****************
*
* 07 Contenuto centrale
*
*****************/

#contenitoreCentrale{
	display:inline;
	float:left;
}

#contenitoreCentraleDx{
	display: inline;
	float:right;
}

#PrimaNews{
	display:inline;
	float:left;
	margin:10px 0 0 60px;
}

#SecondaNews{
	display:inline;
	float:left;
	margin:10px 0 0 30px;
}

#titoloNewsC{
	background:transparent url('../immagini/headerNewsCentrale.png') no-repeat top;
	width:221px;
	height:36px;
}

#titoloNewsC p{
	padding-top:16px;
}

#corpoNewsC{
	background:transparent url('../immagini/bgk_NewsCentrale.png') repeat-y top;
}

#corpoNewsC p.testoNewsC{
	width:170px;
	padding:4px;
	text-align: left;
	margin-left:10px;
	height:30px;
	min-height:30px;
	height: auto !important;
}

#footerNewsC{
	background:transparent url('../immagini/footer_NewsCentrale.png') no-repeat top;
	width:221px;
	height:40px;
}

#footerNewsC a{
	color:#fff;
	padding:0 0 0 136px;
}

#banner{
	margin:10px 30px 0 0;
	width:170px;
	height:541px;
}

#logoStore{
	margin:10px 30px 0 0;
	width:170px;
	height:122px;	
}

/****************
*
* 07.1 Contenuto centrale - centro pagina
*
*****************/
#parteCentrale{
	float:left;
	margin:20px 0 0 40px;
}

#mappa{
	float:left;
	text-align: left;
	width:500px;
	margin: 30px 0 0 40px;
}

#map{
	width:400px;
	height:360px;
	margin:10px 0 10px 0;
}

#articolo{
	background-color:#b5b5b5;
	width:516px;
	height:142px;
	min-height:142px;
	height: auto !important;
}

#articolo .imgArticolo{
	float:left;
	margin:12px 0 0 20px;
}

.imgArticolo img{
   background-color: #515151;  
   padding:6px;
}

#textArticolo{
	float:left;
	margin:12px 0 0 20px;
	text-align: left;
	background-color:#515151;
	width:356px;
	height:110px;
	min-height:110px;
	height: auto !important;

}

#textArticolo p{
	padding:4px;
	color:#fff;
}

#textArticolo .testoArticolo{
	width:90%;
}

#textArticolo .titoloArticolo{
	color:#ce0000;
	font-size:14px;
	font-weight:bold;
}

#textArticolo .linkArticolo a{
	float:right;
	font-style: italic;
	font-weight: bold;
	padding-right: 10px;
	color:#fff;
}

#textArticolo .linkArticolo a:hover{
	color:#ce0000;
}

/****************
*
* 08 Footer
*
*****************/

#footer{
	margin:10px 0 0 0;
	background-color: #505050;
	width:756px;
	height:20px;
	color:#fff;
	display: block;
}
	
/****************
*
* 10 Css Ajax
*
*****************/

#tooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:2px;
	display:none;
	color:#006699;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}	

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:2px;
	display:none;
	color:#006699;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#loading {
	text-align:center;
    padding: 5px;
    display: none; /* hidden */ 
    margin: 0 auto; 
}

/****************
*
* 10.1 Css Ajax - Modal Window
*
*****************/

#pagConferma{
	width:780px;
	height:auto;
	background:#ffffff;
	color:black;
	border: #c10c15 1px solid;
	padding: 5px;
}

#pagConfermaC{
	width:auto;
	height:auto;
	background:#ffffff;
	color:black;
	border: #c10c15 1px solid;
	padding: 5px;
}

#pagConferma ul{
	margin-left:14px;
}

/****************
*
* 11 - Paginazione
*
*****************/
#paginazione{
	text-align: center;
	width:80%;
	background-color: #e9e9e9;
	margin:10px;
	border:1px dotted #333333;
}

#paginazione a {
    color: #c10c15;
    margin:2px;

}
#paginazione a:hover {
    color: #000;
}

/****************
*
* 12 - Contenuto pre.centrale
*
*****************/

#contenutoSuperiore{
	margin:0;
	display:block;
	height: 140px;
	background: url('../immagini/topSuperiore.jpg') no-repeat top right;
	width: 960px;
	float: left;
}

#contenutoSuperiore h1{
	padding:4px;
	text-align: left;
	margin-left:40px;
	padding-top:16px;
	font-size:18px;
}

#contenutoSuperiore h2{
	padding:4px;
	text-align: left;
	margin-left:250px;
	color:#c10c15;
	font-size:22px;
}

#contenutoSuperiore .subtitle{
	padding:4px;
	text-align: left;
	margin-left:260px;
	color:#67686C;
}

#contenutoSuperioreVetrina{
	margin:0;
	display:block;
	height: 140px;
	background: url('../immagini/topVetrina.jpg') no-repeat top right;
	width: 960px;
	float: left;
}

#contenutoSuperioreVetrina h1{
	padding:4px;
	text-align: left;
	margin-left:40px;
	padding-top:16px;
	font-size:18px;
}

#contenutoSuperioreVetrina h2{
	padding:4px;
	text-align: left;
	margin-left:250px;
	color:#c10c15;
	font-size:22px;
}


#contenutoSuperioreRegistrati{
	margin:0;
	display:block;
	height: 140px;
	background: url('../immagini/topRegistrati.jpg') no-repeat top right;
	width: 960px;
	float: left;
}

#contenutoSuperioreRegistrati h1{
	padding:4px;
	text-align: left;
	margin-left:40px;
	padding-top:16px;
	font-size:18px;
}

#contenutoSuperioreRegistrati h2{
	padding:4px;
	text-align: left;
	margin-left:250px;
	color:#c10c15;
	font-size:22px;
}

#login{
	text-align: left;
	padding:4px;
	margin-left:260px;
	margin-top:10px;
}

#login img{
	vertical-align:middle;
}

#welcome{
	font-size:16px;
}

#boxProdotto{
	width:680px;
	display:block;
	float:left;
}

#scheda_dx{
	float:right;
    padding: 7px;
    margin-right: 7px;

}

#scheda_dx p{
	border-bottom: 1px dotted gray;
	padding:2px;
}

#scheda_sx{
	float:left;
}

.catLine{
	border-bottom: 1px dotted #c10c15;
}

#filtraggio{
	margin:0;
	padding:4px;
	width:670px;
	background:url('../immagini/backFilter.jpg') no-repeat transparent bottom right;
	border: 1px dotted #333333;
}

#aggiuntoProdotto{
	margin:2px;
	padding:4px;
	width:80%;
	border: 1px dotted #c10c15;
}

/****************
*
* 13 - Carrello
*
*****************/

#cart{
	margin:0;
	padding:4px;
	width:670px;
	border: 1px dotted #333333;
}

#cartB{
	margin:0;
	padding:4px;
	width:670px;
	background:url('../immagini/backCart.jpg') no-repeat bottom right;
	border: 1px dotted #333333;
}

.cartheader{
	background-color: #e9e9e9;
	text-align: left;
}

.confermaheader{
	width:80%;
}

.lastRowCart{
	height:70px;
}

.lastRowCart a{
	border-bottom:1px dotted #333333;
}

.lastRowCart a:hover{
	border-bottom:1px dotted #c10c15;
}

#TotaleCarrello{
	font-size:18px;
	font-weight: bold;
	color:#c10c15;
}

/****************
*
* 14 - Miei ordini
*
*****************/

#myorders{
	margin:0;
	padding:4px;
	width:670px;
	background:url('../immagini/myorders.jpg') no-repeat bottom right;
}

#myorders #dettagliCart{
	width:600px;
}

#dettagliCart .myorders{
	color:#67686C;
}

#myorders .lastrow{
	height:90px;
}



#filtraggio td{
	float: left;
	padding-left:20px;
}

#disableFilter{
	margin:0;
	padding:0;
}

#galleria{
	text-align: center;
}

.gallery{
	border-bottom: 1px dotted gray;
	padding:2px;
	margin:2px;
}

/* Elenco marche */

#marcheDx{
	width: 100%;
	text-align:center;
}

#marcheDx ul{
	padding: 6px 0 7px 0; 
	margin: 0;
}

#marcheDx ul li{
	display: inline;
}

#marcheDx ul li a{
	color: #494949;
	padding: 6px 3px 4px 3px; 
	margin-right: 20px;
	text-decoration: none;
	border-bottom: 3px solid gray; 
}



.box{
	margin:4px;
	padding:1px;
}

#infoprod{
    height: 36px;
    margin-left: 550px;
    padding: 7px 0px;
    margin-right: 7px;

}

/* Menu ul li con frecce colorate */
#dettagliCart{
	color: #c10c15;
	width:140px;
}

#dettagliCart a{
	font-size:11px;
}

#dettagliCart a:hover {
    text-decoration: none;
}

#dettagliCart a:visited {
    text-decoration: none;
}

#dettagliCart .first{
	list-style-image: url('../immagini/arrowRed.gif');
}

#dettagliCart li{
	list-style-image: url('../immagini/arrow.gif');
}

#dettagliCart li img{
	vertical-align: middle;
}