/* CSS Document */

/*VISUALIZZAZIONE DELLA GALLERY*/
#gallery_lp{
  width:800px;
  color:#3c8ebf;
  font-size:12px;
}

#gallery_lp a img{
  border:1px solid #555555;
  margin-right:6px;
}

#gallery_lp a img:hover{
  border:1px solid #cccccc;
  margin-right:6px;
}

#image_lp {
  width:798px;
  height:250px;
  border:1px solid #555555;
  margin-bottom:6px;
}

#image_lp .text{
  float:right;
  text-align:right;
  padding:0px 7px 0px 7px;
  color:#ffffff;
  font-size:38px;
  margin-top:197px;
}


/*VISUALIZZAZIONE ELENCO ARTICOLI*/
#itemlist_container{
width:798px;
/*overflow: auto;*/
border-right:1px solid #eeeeee;
border-left:1px solid #eeeeee;
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
/*personalizzazione della scrollbar*/
scrollbar-face-color:#eeeeee;
scrollbar-highlight-color:#eeeeee;
scrollbar-3dlight-color:#bbbbbb;
scrollbar-darkshadow-color:#cccccc;
scrollbar-shadow-color:#dddddd;
scrollbar-arrow-color:#bbbbbb;
scrollbar-track-color:#e4e4e4;
margin-bottom:5px;
}

.itemlist_align_bottom{
clear:both;
}

#itemlist_container .item{
width:110px;
height:125px;
text-align:center;
margin:0px 0px 1px 1px;
float:left;
}


/*VISUALIZZAZIONE DETTAGLIO ARTICOLO*/
#article{
margin: 0 auto;
text-align:center;
border:2px solid #eeeeee;
width:796px;
background-color:#f7f7f7;
color:#000000;
font-size:13px;
margin-bottom:5px;
}

#article .title{
background-color: #bbbbbb;
color:#ffffff;
font-size:18px;
font-weight:bold;
padding: 2px;
border:1px solid #efefef;
margin-bottom:5px;
}

#article .title a{
color:#2e406b;
}

br.small{
line-height:5px;
}

.section{
margin-left: auto;
margin-right: auto;
text-align:center;
border:1px solid #efefef;
width:786px;
}

.section .stitle{
background-color: #dddddd;
color:#3e647e;
font-size:14px;
font-weight:bold;
padding: 2px;
border:1px solid #eeeeee;
width:780px;
}

.section .content{
padding: 2px;
background-color:#ffffff;
text-align:left; 
font-size:12px;
}

.section .text_small{
font-size:11px;
}

.section .image_container{
background-color:#ffffff;
float:left;
text-align:left;
padding:6px;
width:400px;
}

.section .installation{
text-align:right;
padding:6px;
float:right;
width:330px;
}

.section .image_aligner{
clear:both;
width:795px;
height:1px;
margin-top:3px;
margin-bottom:2px;
}

.accessories{
clear:both;
padding:5px;
text-align:center;
}

.accessories_block{
float:left;
text-align:center;
padding:5px;
}

.accessories_img{
max-width:240px;
border:1px solid #dddddd;
padding:2px;
}

.characteristics_img{
margin:10px 3px 10px 3px;
float:left;
}

.characteristics_ip{
font-family:Arial;
font-size:40px;
font-weight:bold;
cursor:default;
float:right;
}

.characteristics_aligner{
clear:both;
}

#code_curves_content img{
margin:5px;
height:200px;
border:1px solid #dddddd;
}

#code_curves_content a img{
height:36px;
margin:0px;
}

#code_curves_content a{
margin:5px;
}

.version_table{
text-align:center;
margin:0 auto;
width:780px;
}

.version_table table{
font-size:11px;
}

.version_table table tr td.row_title{
text-align:center; 
border:1px solid #dddddd;
background-color:#ececec;
height:20px;
}

.version_table table tr td.row_content{
text-align:left; 
border:1px solid #f5f5f5;
padding:2px;
}

.version_table table tr td.row_content:hover{
text-align:left; 
border:1px solid #e5e5e5;
background-color:#f2f2f2;
cursor: hand;
}

.version_table table tr td img{
margin-right:2px;
float:left;
cursor: hand;
}

.version_table table tr td .description{
margin-top:2px;
float:left;
cursor: hand;
}

.section .code_generator{
border-bottom:1px dashed #cccccc;
background-color:#ffffff;
text-align:left;
margin-bottom:3px;
padding:2px;
}

.section .code_generator .help{
font-size:11px;
}

.section .code_generator input.art_gen1{
font-size:12px; 
color:#2e406b;
background-color:#ffffff;
border:1px solid #ffffff;
border-bottom:1px solid #000000;
}

.section .code_generator input.art_gen2{
font-size:12px; 
color:#2e406b;
background-color:#ffffff;
border:1px solid #ffffff;
}