/**********************************************************/
/******************   GENERAL  STYLES     *****************/
/**********************************************************/
html, body {
	font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    color: #3b3b3b;
	margin:0;
	padding:0;
	text-align:center;
	width: 100%;
	height: 100%;
	background:#ffffff;	
}

* {
    margin:0;
    padding:0;
}

.clear {
	clear: both;
	overflow: hidden;
	width: 0px;
	height: 0px;
}

.flash-replaced .alt {
    display:block;
    height:0;
    overflow:hidden;
    position:absolute;
    width:0;
}

a{
	text-decoration : none;
	color:#7d7d7d;
}

a:hover{
	text-decoration : none;
	color:#7d7d7d;
}

a img{
	border : none;
}

ul,ol,li,dl,dt,dd{
	line-height : normal;
	list-style : none;
	list-style-type:none ;
	list-style-position: inside;
	margin : 0;
	padding : 0;
}

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

.thecontent {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    display: block;
    width:auto;
}

.theleft {
    margin:0;
    padding:0;
    position:relative;
    float:left;
    height:auto;
    width:auto;
}

.theright {
    margin:0;
    padding:0;
    position:relative;
    float:right;
    height:auto;
    width:auto;
}

/**********************************************************/
/****************   PAGE OBJECT  STYLES     ***************/
/**********************************************************/
#wrapper {
    margin:0;
	padding:0;
	width: 100%;
	height: auto;
	text-align:left;
	position:relative;				
}

.main {
    width:700px;  
    height: auto;  
    margin:0 auto;
    padding:25px 0 0 0;    
	text-align:center;
	position:relative;	
	z-index:1;
}

html, body, #aspnetForm, div#wrapper, div#main {min-height:100%;height:auto !important;height:100%;}

#header {
    width:700px;  
    height:97px;    
    margin:0 auto;
    padding:0;    
	text-align:left;
	position:relative;
	z-index:2;	
}

#logo {
    width:700px;  
    height:97px;  
    padding:0;
    margin:0;    
	position:relative;    
}

#logo a {
    display:block;
    text-decoration:none;
    margin:0;
    padding:0;
}

#logo  img {
    width:700px;  
    height:97px;  
    padding:0;
    padding:0;    
	position:relative;    
	border:0;
}

#container {
    width:700px;  
    height: auto;  
    margin:0 auto;
    padding:0;    
	text-align:left;
	position:relative;
	z-index:2;	
	background:#ffffff;
}

/**********************************************************/
/*******************    INDEX STYLES    *******************/
/**********************************************************/

#home_content {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:700px;    
}

#box_home {
    margin:0 0 20px 0;
    padding:0;
    position:relative;   
    height:252px;   
    width:700px;    
}

#box_home .left {
    float:left;
    height:252px;   
    width:350px;
}

#box_home .right  {
    float:right;
    width:350px;
    height:252px;   
    text-align:left;
    background:#e8e8e8;
}    

.box_page {
    width:696px;
    height:auto;
    padding:2px;
    margin:0 0 20px 0;
    background:#f3f3f3;
    text-align:left;
}

.box_page .titlebar {
    width:676px;
    height:29px;
    padding:10px 0 0 20px;
    margin:0;
    background:#7d7d7d;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    color:#ffffff;
}

.copertina{
    position:absolute;
    width:127px;
    height:86px;
    right:0;
    top:-3px;
    z-index:999;
}

.box_page h3 {
    color: #ed1c24;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;  
    letter-spacing: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    text-decoration:none;
}

.box_page .body {
    width:666px;
    height:auto;
    padding:15px;
}

.box_page .body .left {
    float:left;
    width:405px;
}

.box_page .body .right  {
    float:right;
    width:255px;
}   

/**********************************************************/
/*******************    PAGES STYLES    *******************/
/**********************************************************/

#controlsbar {
    margin:0;
    position:relative;   
    min-height:120px;
    height:auto !important;
    height:120px;
    text-align:left;
}

.res_page {
    width:696px;
    height:auto;
    padding:2px;
    margin:0 0 20px 0;
    background:#cbcbcb;
    text-align:left;
}

.res_page .body {
    width:666px;
    height:auto;
    padding:15px;
    color:#3b3b3b;
    font-weight:bold;
}

#controlsbar .titlebar {
    width:330px;
    height:21px;
    padding:3px 0 0 0;
    margin:0;
    float:left;
    background:#7d7d7d;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    color:#ffffff;
    text-align:center;
}

#controlsbar .linkbar {
    width:150px;
    height:21px;
    padding:3px 0 0 0;
    margin:0;
    float:right;
    background:#7d7d7d;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    color:#ffffff;
    text-align:center;
}

#controlsbar .linkbar a{
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    color:#ffffff;
    text-decoration:underline;
    text-align:center;
}

#footerbar {
    margin:0;
    padding:10px 15px;
    position:relative;   
    height:auto;
    width:670px;
    text-align:left;    
}

#footerbar .note {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:470px;
    float:left;
    text-align:left;    
}

#footerbar .anchor {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:200px;
    float:right;
    text-align:right;    
}

#footerbar .info {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:670px;
    text-align:left;    
}

/**********************************************************/
/*******************    RESULT STYLES   *******************/
/**********************************************************/

#resultlist {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:700px;
    text-align:left; 
    background-color:#ffffff;   
}

.objects_list {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:696px;
    text-align:left;
    border-right:1px solid #c8ccd3;
    border-left:1px solid #c8ccd3;
}

.objects_list .titleheader {
    margin:0;
    padding:0;
    position:relative;   
    height:30px;
    width:696px;
    text-align:left;
    color: #7D7D7D;
	background: #e8f0f8;
	/* ADDED BY TREVO */
	border-top: 1px solid #C8CCD3;
}

.objects_list .titleheader h1{
    color: #626262;
    margin: 0 0 0 5px;
    padding: 1px 0 0 20px;
    background:url(../images/bullet.jpg) no-repeat center left;
}

.objects_list .separatorline {
    width:1px;
    height:320px;
    position:relative;
    float:left;
    background-color:#c8ccd3;
}

.objects_list .separatorrow {
    width:696px;
    height:1px;
    position:relative;
    float:left;
    background-color:#c8ccd3;
}

.resultlist_object {
    margin:0;
    padding:10px 0px 0px 0px;
    position:relative;   
    float:left;
    height:310px;
    width:173px;
    text-align:left;
    border:none;    
}

.resultlist_object .compare_object {
    display:none;
    overflow:hidden;
    height:1px;
    width:1px;
}

.resultlist_object .obj_place_cmp{
    height: 15px;
    width:163px;
    text-align:left;
    margin:0;
    padding:10px 5px;
    position:relative;
    background-color:#f6f6f6;
}

.comparison {
    float:left;
    width:20px;
    margin:2px 0 0 0;
}

.compareme {
    font-family: Helvetica, Arial, sans-serif;   
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.5em;   
    color: #555555;
    text-decoration:none;
    text-align:left;
    display:block;
    background:url(../images/bullet_azzuro.png) no-repeat center right;    
    margin:0;
    padding:0;
    float:right;
    width:140px;
}

.compareme:hover {    
    color:#555555;
}

.resultlist_object .image {
    height:95px;
    width:163px;
    text-align:center;
    margin:0;
    padding:0 5px;
    position:relative;   
}

.resultlist_object .text {
    height:127px;
    width:163px;
    text-align:left;
    margin:0;
    padding:0px 5px;
    position:relative;       
}

#comparelist .resultlist_object .text {
    height:57px;    
} 

#comparelist .resultlist_object {
    height:203px;    
} 

#resultlist.comparison_list .objects_list .separatorline {
    height:310px;    
}

#resultlist.comparison_list .resultlist_object {
    height:275px;    
}

/*
#resultlist.comparison_list .resultlist_object .text {
    height:127px;    
} */

.resultlist_alt_object {
    margin:0;
    padding:10px 0px 0px 0px;
    position:relative;   
    float:left;
    height:300px;
    width:138px;
    text-align:left;
    border:none;    
}

.resultlist_alt_object .image {
    height:95px;
    width:138px;
    text-align:center;
    margin:0;
    padding:0 5px;
    position:relative;   
}

.resultlist_alt_object .text {
    height:147px;
    width:130px;
    text-align:left;
    margin:0;
    padding:0px 5px;
    position:relative;       
}

.action_button {
    margin: 5px auto;
    padding:0 5px 0;
    text-align:left;
    color: #555555;
    font-weight: bold;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;   
    /*ADDED BY TREVO */
    min-height: 45px;
}

.action_button a,.action_button a:hover, .testo .action_button a, .testo .action_button a:hover, .testo .action_button a:link, .testo .action_button a:visited {
    font-family: Helvetica, Arial, sans-serif;   
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.5em;   
    color: #555555;
    text-decoration:none;
    text-align:left;
    display:block;
    background:url(../images/bullet_gray.png) no-repeat center right;    
    margin:0;
    padding:2px 0;
}
.action_button a:first-child {
    border-bottom:1px dashed #adadad;    
}


/**********************************************************/
/*******************   POLLICI STYLES   *******************/
/**********************************************************/
/*
#pollici_header {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:700px;
    margin-bottom:10px;
}

#pollici_intro {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:700px;
    margin-bottom:10px;
}

#pollici_content {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:700px;
    margin-bottom:10px;
}

.scelta-pollici {
    margin:0;
    padding:10px;
    position:relative;   
    height:auto;
    width:680px;
}*/
/**********************************************************/
/*******************   SCELTA STYLES   ********************/
/**********************************************************/

#scelta_intro {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    margin-bottom:10px;
}

#scelta_content {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:700px;
    margin-bottom:10px;
}

.scelta-box-A {
    width:214px;
    height:310px;
    margin:15px 0 20px 0;
    padding:0;    
	text-align:center;
	position:relative;
	float:left;
	background: url(../images/bg-situazione-a.gif) no-repeat top center;	 
}

.scelta-box-B {
    width:214px;
    height:310px;
    margin:15px 0 20px 0;
    padding:0;    
	text-align:center;
	position:relative;
	float:left;
	background: url(../images/bg-situazione-b.gif) no-repeat top center;	 
}

.scelta-box-C {
    width:214px;
    height:310px;
    margin:15px 0 20px 0;
    padding:0;    
	text-align:center;
	position:relative;
	float:left;
	background: url(../images/bg-situazione-c.gif) no-repeat top center;	 
}

.scelta-box-content {
    width:96%;
    height:100%;
    margin:0;
    padding:5px;
	text-align:center;
	position:relative;		
}

.scelta-box-content .title {
    margin:0;
    height:20px;
    padding:2px 0 0 10px;
	text-align:left;
	font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    color: #2c2c2c;   
}

.scelta-box-content .text {
    height:auto;
    margin:0;
    padding:10px 15px 0px 2px;
	text-align:left;
	font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    color: #7d7d7d;
}

.scelta-box-content img{
   border:0;
   padding:10px 0 0 0;   
}

/**********************************************************/
/*******************   COMPARE STYLES   *******************/
/**********************************************************/

#comparelist {
    margin:0;
    padding:0;
    position:relative;   
    height:auto;
    width:700px;
    text-align:left;
    background-color:#ffffff;   
}

#compare_spacer_object {
    margin:0;
    padding:0;
    position:relative;   
    float:left;
    height:165px;
    width:213px;
    text-align:left;
    border:none;    
}

/**********************************************************/
/*****************  COMPARE TABLE STYLES  *****************/
/**********************************************************/

#compare-table {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.5em;   
    color: #212121;
    margin:0;
    padding:0;
	width: 700px;
	height:auto;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #c8ccd3;
}

#compare-table th  {
    background: #ffffff;
    padding: 5px 0;
	color: #212121;
	border-left: 1px solid #c8ccd3;
	text-align:center;
	width:173px;    
}

#compare-table tbody {
	background: #ffffff;
}

#compare-table td {
	padding: 5px 0;
	color: #212121;
	border-left: 1px solid #c8ccd3;
	text-align:center;
	width:173px;
}

#compare-table td.intestazione {
	padding: 5px 0  0 10px;
	color: #212121;
	border:none;
	text-align:left;
	width:200px;
}

#compare-table tbody tr.even td {
    background-color: #F6F6F6;
}

#compare-table tbody tr.odd  td {
    background-color: #ffffff;
}

#compare-table tbody tr.even:hover td {
	/*REMOVED  BY TREVO
	color: #212121;
	background: #dbdbdb;*/
}

#compare-table tbody tr.odd:hover td {
	/*REMOVED  BY TREVOcolor: #212121;
	background: #dbdbdb;*/
}

.oce-first {
	background: #ffffff;
	width:215px;
}

/**********************************************************/
/*******************    TEXT STYLES     *******************/
/**********************************************************/
.testo {
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    color: #3b3b3b;
}

.testo h1 {
    color:#212121;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    line-height: 1.5em;
    text-decoration:none;
    padding:2px 4px;
    margin:0;
}

.testo h2 {
    color: #0182c6;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;  
    letter-spacing: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    text-decoration:none;
}

.testo h2 a:hover, .testo h2 a:active, .testo h2 a:link, .testo h2 a{
    color: #0182c6;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;  
    letter-spacing: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    text-decoration:none;
}

a.testo {
   font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    /*color: #7d7d7d;*/
	text-decoration:none;
    /* ADDED BY TREVO */
    color: #0182C6;
}

a.testo:hover, a.testo:active, a.testo:link {
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    /*color: #7d7d7d;*/
    text-decoration:none;
    /* ADDED BY TREVO */
    color: #0182C6;
}

.testo a:hover, .testo a:active, .testo a:link {
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    /*color: #7d7d7d;*/
	text-decoration:none;
    /* ADDED BY TREVO */
    color: #0182C6;	
}

.testo_red {
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    color: #ED1C24;
}

/**********************************************************/
/*******************   OTHERS STYLES    *******************/
/**********************************************************/

a.mybutton {
    background: transparent url('../images/button_submit_span.png') no-repeat scroll top right;
    display: block;
    float: left;
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.2em;
    color: #ffffff;
    height: 29px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    outline:none;
}

a.mybutton span {
    background: transparent url('../images/button_submit.png') no-repeat;
    display: block;
    line-height: 19px;
    padding: 5px 0 5px 18px;
    font-weight: bold;
    color: #ffffff;
    outline:none;
} 

a.mybutton:hover ,a.mybutton:hover span {
    font-weight: bold;
    color: #ffffff;
    outline:none;
}