a {
text-decoration:none; 
}

 a span{
	display:none;
}

a.tip:hover{
	position:relative;
}

 a.tip:hover span{
	display: block;
	width: 94px;
	padding:2px;
	background: #819af9;
	color:#fff;
	font-size:10px;
	border: 1px solid #ccc;
	z-index: 1;
	position: absolute;
	top: 1.5em;
	text-align:left;
}

a.tipM:hover{
	position:relative;
}

a.tipM:hover span{
	display: block;
	width: 114px;
	padding:2px;
	background: #03b01b;
	color:#fff;
	font-size:10px;
	border: 1px solid #ccc;
	z-index: 1;
	position: absolute;
	top: 1.5em;
	text-align:left;
}

/*------MAIN------*/

.colorblu{
color:#0F98C9;
}

html, body {
height:100%;
background: #808080;
margin:0px;
padding:0px; 
font: 12 Verdana,Arial,Helvetica,sans-serif; 
font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

#container{ 
background-image: url(cssimages/bg_container.gif);
background-position: top center;
float:left;
width:100%;
margin:auto;
margin-bottom:-52px;
min-height:100%;
height:auto !important; /*per gli altri browser*/
height:100%; /*per IE 6*/
}

#top { 
background-image: url(cssimages/bg_top.gif);
background-repeat: repeat-x;
text-align:center;
padding:0px;
width: 100%;
height:167px;
}

#top.buy{ 
background-image: url(cssimages/bg_top_buy.gif);
}

#top.product{ 
background-image: url(cssimages/bg_top_product.gif);
}

#top.facebook{ 
background-image: url(cssimages/bg_top_product.gif);
}

#top.support{ 
background-image: url(cssimages/bg_top_support.gif);
}

#top.gallery{ 
background-image: url(cssimages/bg_top_gallery.gif);
}

#top.jobs{ 
background-image: url(cssimages/bg_top_jobs.gif);
}

#top.customers{ 
background-image: url(cssimages/bg_top_customers.gif);
}

#top.dealers{ 
background-image: url(cssimages/bg_top_dealers.gif);
}

#top.company{ 
background-image: url(cssimages/bg_top_company.gif);
}

#header { 
background-image: url(cssimages/bg_header.gif);
background-repeat: no-repeat; 
backgorund-position: top center;
margin:auto;
padding:0;
width: 796px;
height:162px;
border-right: 2px solid #FFFFFF; 
border-left: 2px solid #FFFFFF;
position:relative;
}

#middle { 
text-align:center;
padding:0;
height:auto;
width: 100%;
float:left;
padding-bottom:62px;

}

#main { 
margin:auto;
padding:0px;
width: 800px;

}

#content {
float:left;
width:540px;
margin: 0;
text-align:left;
line-height:16px;
background: #ffffff url(cssimages/bg_content.gif) center right repeat-y;	
}


p.slot {
margin-bottom:24px;
margin-top:24px;
overflow:hidden;
}

#contentbody {
padding:0 20px 0px 20px;
}


#side { 
float:right;
margin: 20px 20px 0px 0px;
width: 220px;
}


#bottom{ 
background-image: url(cssimages/bg_bottom.gif);
background-repeat: repeat-x;
text-align:center;
padding:0px;
width: 100%;
height:52px;
float:left;
}

#footer{ 
background-image: url(cssimages/bg_footer.gif);
background-repeat: repeat-x;
padding:0px;
margin:auto;
width: 796px;
height:52px;
border-right: 2px solid #FFFFFF; 
border-left: 2px solid #FFFFFF;
font: 11 Arial,Helvetica,sans-serif;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
}


/*---------------------*/
/*------HEADER------*/

/*------menu------*/

#homelink{
position:absolute;
top:0px;
left:0px;
width: 310px; 
height: 60px; 
background-color: transparent; 
}

#header ul{
font: 10 Arial,Tahoma,sans-serif; 
font-size:10px;
font-family:Arial,Tahoma,sans-serif;
margin:0;
padding:0;
list-style:none;
line-height:19px;
padding:60px 0 20px 0;
float:left;
}
	   
#header ul li{
float: left;
margin-top:2px;
border-right: 2px solid #FFFFFF; 
}
	
#header li a{
display:block; 
padding: 4px 16px 11px 16px ;
text-decoration: none;
color:#000000;
}
	  
#header li .product{ 
background-image: url(cssimages/product.jpg) ;
}

#header li .facebook{ 
background-image: url(cssimages/product.jpg) ;
}

#header li .support{ 
background-image: url(cssimages/support.jpg) ;
}

#header li .gallery{ 
background-image: url(cssimages/gallery.jpg) ;
}
		 		 
#header li .buy{ 
background-image: url(cssimages/buy.jpg) ;
}
		 
#header li .jobs{ 
background-image: url(cssimages/jobs.jpg) ;
}

#header li .customers{ 
background-image: url(cssimages/customers.jpg) ;
}
		 
#header li .dealers{ 
background-image: url(cssimages/dealers.jpg) ;
}
		 
#header li .company{ 
background-image: url(cssimages/company.jpg) ;
}

#header li .tutorials{
background-image: url(cssimages/tutorials.jpg) ;
padding: 0px 16px 10px;  
}

#header li a.map{
width: 34px;
height:19px;
background-image: url(cssimages/map.jpg);
background-repeat: no-repeat;
}

#header li a.contact{
width: 50px;
height:19px;
background-image: url(cssimages/contact.jpg);
background-repeat: no-repeat;
border-right:0;
}

#header li a.facebook{

background-image: url(cssimages/product.jpg);
background-repeat: no-repeat;
border-right:0;
padding: 0px 16px 10px;  
}

#header li.noborder{
border-right:0;
}


#header li a:hover{
background-image: url(cssimages/hover.jpg);
color: #FF4500
}


#header li a.map:hover{
background-image: url(cssimages/map.jpg);
}

#header li a.contact:hover{
background-image: url(cssimages/contact.jpg);
}


/*------other------*/

#title{
height:30px;
clear: both;
display:block;
text-align:left;
padding-left:20px;
width:100%;
color:#444444;
font: bold 22 Arial,Helvetica,sans-serif; 
font-weight: bold;
font-size: 22px;
font-family: Arial,Helvetica,sans-serif;

float:left;


}


/*------SUBMENU------*/

#navcontainer ul{
	padding: 0;
	margin: 0;	
	color: White;
	float: left;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
line-height:12px;
}

#navcontainer.prod ul{
	background-color: #f5048b;
}

#navcontainer.down ul{
	background-color: #00b800;
}

#navcontainer.store ul{
	background-color: #00a4ed;
}

#navcontainer ul li { 
	display: inline; 
margin:0;
border-right: 2px solid #FFFFFF; 
}



#navcontainer ul li a{
	padding: 0.2em 1em;
	color: White;
	text-decoration: none;
	float: left;
}

#navcontainer ul li a#current{
	background-color: #b4b4b4;
}

#navcontainer ul li a.bravo{
	background-color: #eacf18;
	color: #000;
}


#navcontainer ul li a#current:hover{
	color: #777777;
}


#navcontainer ul li a.down{
	background-color: #00b800;
}

#navcontainer ul li a.store{
	background-color: #00a4ed;
}

#navcontainer ul li a.download{
	background-color: #eacf18;
	color: #000;
}

#navcontainer ul li a.sup{
	background-color: #FF2B44;
}

#navcontainer ul li a:hover{
	background-color: #F5F5F5;
	color: #777;
}



/*------------------*/
/*------MAIN------*/

#subtitle{
clear: both;
display:block;
text-align:left;
color:#444444;
font-size:18px;
font: 18 Arial,Helvetica,sans-serif; 
margin-top: 8px;
margin-bottom: 32px;

}


#path {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;	
	text-decoration: none; 
	color: #acacac;
	}

#path a{
	color: #acacac;
	text-decoration : none;
	}


#path a:hover {
	text-decoration : underline;
}


#content img{
	border:0; 
}


#content p a{
	font-weight: bold;
	color: #0f98c9;
	text-decoration : none;
	}


#content p a:hover {
	text-decoration : underline;
}



#content b{ 
	font-weight: bold;
}

#content p{
	margin-top: 6px;
	margin-bottom: 12px;
	line-height: 140%;
}

#content p.slot{
	
	/* height: 86px; */
	margin-top: 24px; 
	margin-bottom: 24px;
	overflow:hidden;
	}

#content p.clear{
	clear:both;
	}

#content p.center{
	text-align: center;
}


.fullHomePage {
	 width: 90%;
	float: left;
	/* clear:both; */
}

.full {
	width: 100%;	
	clear:both;
}

.half {
	display:inline;	
	float: left;
	width: 50%; 
}

.third {	
	float: left;
	width: 33%; 
}


img.left{
	float: left; 
	margin-right: 12px;
}

img.right{
	float: right;
	margin-left: 12px;
}

img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


h1{
	font-size: 12px; 
	background-color: #b4b4b4; 
	color: #ffffff; 
	font-weight: bold;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 6px;
	margin-bottom: 12px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align:center;
	text-shadow: 0px 1px 1px #555555;
}

h1 a{
color: #fbcb22;
}

.tipsection{
	font-size: 10px; 
	background-color: #ececec; 
	 color: #606692; 
	/* color: #d27e08; */
	font-weight: bold;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 6px;
	margin-bottom: 10px;
	border: 1px solid #d4d4d4;
	/* border-right: 1px solid #7f7f7f; 
	border-left: 1px solid #7f7f7f; */
	text-align:center  ;
	text-shadow: 0px 0px 0px #555555;
	/* text-shadow: 0px 1px 1px #555555; */
}

#content  a:hover h1.tipsection{	
	background-color: #e2e2e2; 
}

#content a:hover h1{	
	background-color: #cccccc; 
}

.note{
	position:relative;
	display:block;
	font-size: 9px; 
	color: #999999; 
	font-weight: bold;
	line-height: 120%;
}


.item{
	display:block;
	line-height: 24px;
	padding-left:10px;
}

.description{
	display:block;
	font-size: 9px; 
	color: #999999; 
	font-weight: bold;
	line-height: 120%;
	padding-left:10px;
}


.list ul{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list li{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right:20px;
	margin-left:4px;
	padding-left:18px;	
	background-image: url(cssimages/dot.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;
}

.list li.new{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right:20px;
	margin-left:4px;
	padding-left:18px;	
	background-image: url(cssimages/new.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}




.testogreen {
color:#0091C5;
font-family:verdana;
font-size:8pt;
font-weight:bold;
text-decoration:none;
}

hr{
border: 0;
border-top: 1px dotted #d4d4d4;
height: 1px;
width: 100%;
margin: auto;
style:dashed;
}

/*------GO------*/

.gotext{		
	padding:4px;
	padding-left:22px;	
	position:relative;
	margin-left: 20px;
	margin-right: 20px; 
	margin-bottom: 14px;
	margin-top: 14px;
	width: auto;
	border: solid 1px #d4d4d4;
	line-height:16px;
	background: #f2f2f2 url(cssimages/bg_go.gif) center left repeat-y;
	zoom:1;
	
}



.gotext a{
	color: #000; 
	text-decoration: none;	 	
}

.gotext a:hover{	
	border-bottom: 1px solid #b4b4b4;	 		
}


.gotextsmall{		
	font-size: 10px;
	line-height:14px;
	padding:4px;
	padding-left:22px;	
	position:relative;
	margin-left: 20px;
	margin-right: 20px; 
	margin-bottom: 6px;
	margin-top: 0px;
	width: auto;
	border: solid 1px #d4d4d4;
	background: #f2f2f2 url(cssimages/bg_go.gif) center left repeat-y;
	zoom:1;
}

#side .gotextsmall{		
	font-size: 10px;
	line-height:14px;
	padding:4px;
	padding-left:22px;	
	position:relative;
	margin: 0px 0px 6px;
	width: auto;
	border: solid 1px #d4d4d4;
	background: #f2f2f2 url(cssimages/go_prod.gif) center left repeat-y;
	zoom:1;
}


.gotextsmall a{
	color: #000; 
	text-decoration: none;	 	
}

.gotextsmall a:hover{	
	border-bottom: 1px solid #b4b4b4;	 		
}

.prodgo{		
	background: #f2f2f2 url(cssimages/go_prod.gif) center left repeat-y;	
}

.buygo{		
	background: #f2f2f2 url(cssimages/go_buy.gif) center left repeat-y;
	
}

.supgo{		
	background: #f2f2f2 url(cssimages/go_sup.gif) center left repeat-y;	
}

.gallerygo{		
	background: #f2f2f2 url(cssimages/go_gallery.gif) center left repeat-y;	
}

.custgo{		
	background: #f2f2f2 url(cssimages/go_cust.gif) center left repeat-y;	
}

.compgo{		
	background: #f2f2f2 url(cssimages/go_comp.gif) center left repeat-y;	
}

.jobgo{		
	background: #f2f2f2 url(cssimages/go_job.gif) center left repeat-y;	

}


.dealgo{		
	background: #f2f2f2 url(cssimages/go_deal.gif) center left repeat-y;	

}


/*------TABLES------*/

table.supgotable{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin:0;
}

table.supgotable a.tablesup:hover{
	border-bottom: 0px;
}

table.chart{

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin:0;

}


table.chart tr{
background-color:#f5f5f5; 

}

table.chart tr.head{
background-color:#b4b4b4; 
font-weight:bold;
color:#fff;
text-align:center;
font-size:10px;
	
}

table.chart tr.empty{
background-color:#fff; 
}


table.chart td.sp{
background-color:#00acdd; 
width:14px;
}

table.chart td.sppro{
background-color:#0095d4; 
width:14px;
}

table.chart td{
padding:2px;
}

table.chart td.empty{
padding:0px;
}



table.config{

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	margin:0;
}


table.config td.colhead{
background-color:#dddddd; 
font-weight:bold;
color:#000;
text-align:center;
	
}

table.config td.rowhead{
background-color:#f5f5f5; 
font-weight:bold;
color:#000;
text-align:left;

}

table.config td{
border: solid 1px #d4d4d4; 
}

table.config td.on{
	background-color:#0095d4;
	background-image: url(cssimages/on.gif);
}

table.config td.onexception{
	background-color:#00acdd;
	background-image: url(cssimages/onexception.gif);
	text-align: center; 
}

table .VideoTutTitle{
	color: #444444;
    font: 16px Arial,Helvetica,sans-serif;
	text-align: left;
	font-weight:bold;
}

/*----------------------*/
/*------SIDE------*/

#side img{
	border:0;
}

#side b{ 
	font-weight: bold;
}

#side p{
	margin-top: 12px;
	margin-bottom: 6px;
	line-height: 140%;
}

#side p.center{
	text-align: center;
}

#side .gotext{		
	margin: 10px 0px 20px 0px;
	border: 0px;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.pdfgo{		
	background: #f2f2f2 url(cssimages/go_pdf.gif) center left repeat-y;	
}


.sidetop {
background-image: url("cssimages/sidetop.gif");
height:20px;
width: 220px;
float:right;

}

.sidebody {
width: 220px;
color: #000;
background-color:#FFFFFF;
float:right;
clear:both;
background: #ffffff url(cssimages/bg_content.gif) center right repeat-y;	
}

.sidecontent {
padding-right:20px;
padding-left:20px;
text-align:left;
margin-bottom:20px;
min-height:15px;
}


.sidebottom {
float:right;
clear:both;
display:block;
height:20px;
width: 220px;
background-image: url("cssimages/sidebottom.gif");
background-repeat: no-repeat;
}



.sidetopsearch {
/* background-image: url("cssimages/sidetopsearch.gif"); */
height:20px;
width: 220px;
float:right;

}

.sidebodysearch {
width: 220px;
color: #000;
background-image: url("cssimages/bg_sidebodysearch.gif");
float:right;
clear:both;

}

.sidecontentsearch {
padding-right:12px;
padding-left:12px; 
text-align:center;
margin-top:10px;
}

.sidecontentsearch input[type = "text"]{
width:100%;
}

.sidebottomsearch {
float:right;
clear:both;
display:block;
height:20px;
width: 220px;
background-image: url("cssimages/sidebottomsearch.gif");
background-repeat: no-repeat;
}


#cse-search-box{
padding:0 !important;
margin:0 !important;
border:0 !important;
}



/*----------------------*/
/*------FOOTER------*/

#footer ul{
margin:0;
padding:0;
list-style:none;
}
	   
#footer li{
float: left;
position:relative;
display:block; 
padding: 7px  ;
color:#333333; 
}

#footer li a{
text-decoration: none;
color:#000000;
}

#footer li a:hover{
color: #FF0000;
}


.footernote{
position:relative;
top:5px;
left:7px;
text-align:left;
clear:both;
color: #FFFFFF;
}

/*--------------------------*/
/*------HOME PAGE------*/


.tithome{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 28px; 
	color: #b4b4b4; 
	text-align: center; 
	font-weight: normal;
	margin-top:8px;

}
.fb-like{
	margin-left: auto; 
	margin-right: auto;
}
.tithome a{
	color: #f5048b; 
	text-decoration:none;
}

.tithome a:hover{
	text-decoration: underline;
}
.opentoonz{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 38px; 
	color: #006370; 
	text-align: center; 
	font-weight: normal;
	margin-top:8px;

}

.opentoonz a{
	color: #006370; 
	text-decoration:none;
}

.opentoonz a:hover{
	text-decoration: underline;
}
.phantom{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 36px; 
	color: #006370; 
	text-align: center; 
	font-weight: normal;
	margin-top:8px;

}

.phantom a{
	color: #FFD300; 
	text-decoration:none;
}

.phantom a:hover{
	text-decoration: underline;
}
.subtithome{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #999; 
	font-weight: bold;
	margin-top:14px;
	text-align:center;
}


