/* CSS Document */

HTML{
	SCROLLBAR-SHADOW-COLOR: #D9D7B9;
	SCROLLBAR-3DLIGHT-COLOR: #D9D7B9;
	SCROLLBAR-ARROW-COLOR: #444444;
	SCROLLBAR-TRACK-COLOR: #D9D7B9;
	SCROLLBAR-DARKSHADOW-COLOR: #BAB582;
	SCROLLBAR-BASE-COLOR: #BAB582;
	
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 10px;
}

BODY{
	background-image:url(images/sf.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-color: #3400ce;
	text-align:center;
	color:#FFFFFF;
	margin:0;
}

#cont{
	margin: auto;
	width: 900px;
	height:auto;
	position:relative;
}

#intestazione{
	height: 200px;
	width: 880px;
	background-image:url(images/box-menu.png);
	background-position:center;
	background-repeat:no-repeat;
	position: relative;
	text-align:left;
}

#header{
	height: 50px;
	width: 860px;
	background-image:url(images/box-menu.png);
	background-position:center;
	background-repeat:no-repeat;
	position: relative;
	padding-top:24px;
	padding-left:40px;
	text-align:left;
	z-index:100px;
}
#footer{
	height: 55px;
	width: 898px;
	background-image:url(images/box-menu.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:25px;
	 position: relative;
	margin: auto;
}



#slide{
	height:180px;
	
}

a.head{
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 10px;
	color:#FF6600;
	text-decoration:none;
}

a.head:hover{
	color:#FFFFFF;
}

.menu li a.head:hover{
	background-color:#333333;
	color:#FFFFFF;
}

.menu li a.head{
	display:block;
	color:#FFFFFF;
}

.menu li{
	width: 110px;
	height:15px;
	border:#222222 1px solid;
	text-align:center;
	float:left;
	list-style-type:none;
	margin-right:1px;
}

#search{
	float:left;
	height:15px;
}
#search input{
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 9px;
	background-color:#cccccc;
	border:#000000 1px solid;
}

.ddmx {
    font: 11px tahoma;
	color:#FFFFFF;
}
#menu1{
	float:left;
	margin-right: 20px;
	color:#FFFFFF;
	
}

#menu1 .ddmx{
	list-style:none;
	list-style-type:none;
	height:30px;
}
.ddmx li .item1,
.ddmx .item1-active {
    padding: 10px 10px 10px 10px;
    /*font: 12px arial;*/
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    /*white-space: nowrap;*/
	position: relative;
	float:left;
	width:110px;
	height:20px;
	margin-left:4px;
	text-align:center;
	/*border:1px solid #CCCC66;*/
}
.ddmx .item1:hover,
.ddmx .item1-active:hover {
    padding: 10px 10px 10px 10px;
    background: #999999;
    font: 12px arial;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
	position: relative;
	float:left;
	width:110px;
	height:20px;
	margin-left:4px;
	text-align:center;
}







/*SCHEDA PRODOTTI*/

.titololinea{
   font: 30px arial;
    color: #000;
	padding-left:20px;
    font-weight: bold;
    text-decoration: none;

}
.titoloCompany{
   font: 30px arial;
    color: #999;
	padding-left:20px;
    font-weight: bold;
    text-decoration: none;

}
.prodotto{
   font: 23px arial;
    color: #FF6600;
	padding-left:20px;
    font-weight: bold;
    text-decoration: none;

}


.titolocat{
   font: 18px arial;
    color: #666666;
	padding-left:20px;
    font-weight: bold;
    text-decoration: none;

}

.txtdesc{
   font: 12px arial;
    color: #000;
	padding-left:20px;
    text-decoration: none;

}


.txtcompany{
   font: 12px arial;
    color: #000;
	padding-left:20px;
    text-decoration: none;

}













/*COPERTINA INDEX*/
#striscia-top-home{
 width:900px;
	height:56px;
	background-position:top;
	background-repeat:no-repeat;
	margin: auto;
}
.vuoto{background-image:url(images/striscia-top-home.gif)}
.vivace{background-image:url(images/titolo-vivace.gif)}
.raywell{background-image:url(images/titolo-raywell.gif)}
.ice{background-image:url(images/titolo-ice.gif)}
.biokur{background-image:url(images/titolo-biokur.gif)}
.repair{background-image:url(images/titolo-repair.gif)}
.project{background-image:url(images/titolo-project.gif)}


#striscia-bottom-home{
 width:900px;
	height:55px;
	background-image:url(images/striscia-bottom-home.gif);
	background-position:top;
	background-repeat:no-repeat;
	position: relative;
	margin: auto;
}

 
 
 #monitor-home{
 width:900px;
 height:440px;
 margin: auto;
 overflow:hidden;

}

.finish{
 background-image:url(images/box-finish.gif);
 background-position:top;
}
.tecnical{
 background-image:url(images/box-tecnical.gif);
 background-position:top;
}
.haircare{
 background-image:url(images/box-haircare.gif);
 background-position:top;
}


 #monitor-index{
 width:900px;
 height:auto;
 background-image:url(images/box-index.gif);
 background-position:top;
 margin: auto;
 overflow:hidden;

}



#colonnasinistra{
width:200px;
height: 560px;;
margin-left:15px;
margin-top:0px;
padding-top:0px;
float:left;

}

#colonnadestra{
width:600px;
height: 560px;
margin-left:0px;
margin-right:25px;
margin-top:0px;
padding-top:0px;
float:left;
padding-left:40px;

}

table{
background-image:url(images/sf-tabella.jpg);
background-position:left;
background-repeat: repeat-y;
background-color: #fff;
border:#000 1px solid;
text-align:left;
color:#000000;
margin:auto;

}
#flashcentrale{
width:800px;
height: 420px;
border:#fff 1px solid;
margin-left:0px;
margin-top:0px;
padding-top:0px;
margin:auto;
position:relative;


}



 /*PAGINE INTERNE*/
.striscia-top{
 width:900px;
	height:56px;
	background-position:center;

	background-position:top;
	background-repeat:no-repeat;

	margin: auto;
}


#striscia-bottom{
 width:900px;
	height:55px;
	background-image:url(images/striscia-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	position: relative;
	margin: auto;
}

 
 #monitor{
 width:900px;
 height:auto;
 background-image:url(images/box-prodotti.gif);
 background-position:top;

 margin: auto;
 overflow:hidden;

}
 
#colonna{

float:left;
min-height:300px;
width:430px;
height:auto;
margin-left:50px;

overflow:hidden;


}
#colonna2{
float:right;
width:370px;
height: auto;
min-height:300px;
margin-right:20px;
text-align:left;

}



#colonnamarchi{
width:700px;
height: 650px;;
float:left;

}



.indirizzo{

	   font: 12px arial;
    color: #000;
	
}










/*RICERCA*/

#search_results{
width:230px;
float:left;
min-height:350px;
height:auto;
padding-left:25px;
padding-right:10px;
padding-top:10px;
padding-bottom:20px;
text-align:left;
}

#search_results ul{
margin:0;
padding-left:5px;
}
#search_results li{
margin-bottom:5px;
list-style:none;

}

#search_results li a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #FF9900;
text-decoration:none;
display:block;
}
#search_results li strong{
color: #FFFFFF;
font-size:11px;
}
#search_results li a:hover, #search_results li strong a:hover{
background-color:#9966FF;
}

#search_products{
width:610px;
float:left;
padding-top:10px;
padding-right:25px;
padding-bottom:20px;
text-align:left;
}


A.contatto:link { font-family : Arial, verdana, Helvetica; color: #FFFFFF; text-decoration:none; font-size : 14px}
A.contatto:visited { font-family : Arial, verdana, Helvetica; color: #FFFFFF;text-decoration:none; font-size : 14px}
A.contatto:hover {  font-family : Arial, verdana, Helvetica; color : yellow;text-decoration:none; font-size : 14px}




/*SEO*/

#flashzone{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#htmlzone{
	background-image:url("http://www.globelife.com/seo/files/back-toolbar.jpg");
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	height:25px;
	z-index:50;
	border:0;
}
#htmlzone td{
	text-align:center;
	width:33%;
}
#globelife{
	position:relative;
	float:left;
	width:40%;
	margin-top:8px;
}
#text{
	position:relative;
	float:left;
	width:30%;
	margin-top:8px;
}
#links{
	position:relative;
	/*float:left;
	width:30%;
	margin-top:8px;*/
}

a{
	text-decoration:none;
	color:#666666;
}
a:hover{
	text-decoration:none;
	color:#FFCC00;
}

a.info{
    position:relative; 
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 1px;
   	z-index:24; 
   	text-decoration:none
}
a.info:hover{
	z-index:25; 
}

a.info span{
	display: none;
}

a.info:hover span{
	PADDING-top: 60px;
	PADDING-bottom: 10px;
	PADDING-left: 10px;
	PADDING-right: 10px;
   	display:block;
	position:absolute;
   	bottom:12px;
   	left:0px;
	height:300px;
   	width:500px;
  	border:1px solid #fff;
	text-align: justify;
	background:url("http://www.globelife.com/images/globelife-hair-box.jpg") no-repeat;
	background-color:#333;
	overflow-y: scroll;
}
strong{
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
	margin-top:15px;
}


/* area relativa al lexicon */
#lexicon {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	/*margin-left: 300px;*/
	top: -320px;
	background-color: #333333;
	border: 1px solid #000;
	padding: 10px;
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	overflow-y:auto;
	left:35%;
}

.pages{
	color:#333333;
}

.contact{
	font-family:Verdana;
	font-size:10px;
	color:#cccccc;
}

a.posta{
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
	background-color:#FF0000;
	padding:4px;
	margin-left:20px;
}
a.posta:hover{
	color:#000000;
	background-color:#FFFFFF;
}


#table_mappa{
	background-image:none;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

#table_mappa td{
	border-bottom:#000000 1px solid;
}

#table_mappa a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#table_mappa a:hover{
	color: #00CCFF;
	text-decoration:underline;
}