http://www.trevalli.cooperlat.it/demo/img/default.asp/************* reset styles */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}pre{font-size:1em;}fieldset,img,abbr,acronym{border:0;}

body{
background: #FFF url(background.jpg) no-repeat right top;
color:#333;
font: 62.5% "Trebuchet MS",Arial,Verdana,sans-serif;
}

.txtSize1 {	font-size: 1.1em;}

a {
color:#00783f;
}
p{
padding: 10px 0;
}
p,li{
line-height:1.3em;
}
h1,h2,h3,h4{
padding: 0 0 5px 0;
font-family: Georgia,"Times New Roman",serif;
color:#00783f;
font-weight:normal;
}
h1{
font-size:2.6em;
}
h2{
font-size:2.2em;
}
h3{
font-size:1.62em;
}
h4{
font-size:1.5em;
}

.catalog {color: #ff8a00}

.clear{
clear:both;
}
.nobg{
background:none !important;
}
.resetRightSide{
border-right:0 !important;
margin-right:0 !important;
padding-right:0 !important;
}
.hidden{
position:absolute;top:-9999px;left:-9999px;
}
ul.menu,
ul.menu ul{
margin:0;
padding:0;
list-style:none;
}


.vetrina {
	width: 205px;
	height: 100px;
	text-align: center;
	background: url(bg_vetrina.gif) no-repeat;
}

#mainBox{
/*padding-left:30px; e' stato spostato nei rispettivi "Box" perche' con il png fix non funzionava piu' */
background: transparent url("onda_verde.png") 0 0 no-repeat;
font-size:1.2em;
width:1000px;
}

#head{
padding-left:20px;
height: auto !important;
height: 105px;
min-height: 105px;

background: transparent url("brands/head/brands.png") 255px 30px no-repeat;
position:relative;
}
	#logo{
	float:left;
	}
	#brands{
	margin:45px 0 0 50px;
	float:left;
	}


/********* menu */

#head a {
color:#555;
text-decoration:none;
}
	#head a:hover,
	#head a:focus,
	#head a:active,
	#head a.current  /*definire la classe generata dal cms*/{
	color:#00783f;
	}

#serviceMenu {
clear:left;
}
	#uteLinks,
	#langs{
	float:right;
	}

	#serviceMenu li{
	float:left;
	}
		#serviceMenu li a{
		display:block;
		float:left;
		margin-right:15px;
		background-repeat: no-repeat;
		}
			#serviceMenu li.home a { /* http://www.kryogenix.org/code/browser/lir/ */
			padding-top: 18px;
			height: 0px;
			width:13px;
			overflow: hidden;
			background-image: url("home_ico.png");
			}
			#serviceMenu li.sitemap a {
			padding-top: 18px;
			height: 0px;
			width:17px;
			overflow: hidden;
			background-image: url("sitemap_ico.png");
			}
			#serviceMenu li.intranet a {
			padding-left:20px;
			background-image: url("intranet_ico.png");
			text-transform:uppercase;
			font-weight:bold;
			}
			#langs a{
			padding-top: 18px;
			margin-right:10px !important;
			height: 0px;
			width:17px;
			overflow: hidden;
			background: transparent url("lang_it.png") 0 3px no-repeat;
			}
			#langs li.en a {
			background: transparent url("lang_en.png") 0 3px no-repeat;
			}

#mainMenu {
clear:both;
float:left;

/*width:100%;*/
padding-left:10px;
width:970px;
height: auto !important;
height: 46px;
min-height: 46px;

background: transparent url("menu_main_background.png") center center no-repeat;
}
	#mainMenu li{
	padding: 16px 0 13px 0;
	float:left;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	}
	/*
	#mainMenu > li:first-child {
	padding-left:10px;
	}
	*/
	#mainMenu li a{
	padding:0 10px;
	border-right:1px solid #CCC;
	display:block;
	}
	#mainMenu li.quicksearch{
	padding-top:14px;
	padding-left:20px;
	width:220px;
	background: transparent url("search_ico.png") 10px center no-repeat;
	}
		#mainMenu li.quicksearch form{
		display:inline;
		}
		#mainMenu li.quicksearch input.text{
		width:98px;
		border:1px solid #E3E2E2;
		}
		#mainMenu li.quicksearch input.submit{
		padding-left:10px;
		border:0;
		background-color:transparent;
		text-transform:uppercase;
		font-weight:bold;
		font-size:0.9em;
		color:#555
		}


#content{
clear:left;
padding:10px 0 0 30px;
}

	#hiContent{
	float:left;
	padding-bottom:10px;
	}

		#mainPicBox{
		float:left;
		margin:0 10px 0 -10px;
		width:	735px;
		height:	320px;
		background: transparent url("mainpic_background.png") top left no-repeat;
		}
			#mainPicBox img{
			margin:20px 0 0 20px;
			}

		#newsBox{
		float:left;
		margin-top:5px;

		width:224px
		}
			#newsBox li{
			padding: 5px 0 8px 0;
			background: transparent url("line_blend.png") left bottom no-repeat;
			}
			#newsBox li a{
			color:#333;
			}
				#newsBox li span{
				display:block;
				font-weight:bold;
				font-style:italic;
				}
			p.readMore a{
			font-weight:bold;
			}

	#mainContent{
	padding-top:10px;
	}
		#mainContent .col{
		float:left;
		margin-right: 20px;
		}
			#mainContent .single{
			padding-top: 10px;
			width:225px;
			height: auto !important;
			height: 150px;
			min-height: 150px;

			background: transparent url("col_single_background.png") center top no-repeat;
			}
			#mainContent .col.single > *{ /* all first level children */
			margin-left:10px;
			margin-right:10px;
			}
			#mainContent .col.single p{
			padding:0;
			}

			#mainContent .double{
			width:470px;
			}
					#mainContent .double ul{
					list-style: disc inside !important;
					margin: 5px;
					}
					#mainContent .double li{
					list-style: disc inside !important;
					}
				#mainContent .double h2{
				padding-bottom:0;
				font: 1.5em "Trebuchet MS",Arial,Verdana,sans-serif;
				color: #333;
				}
				#mainContent .double h4{
				padding-bottom:0;
				font: 1.3em "Trebuchet MS",Arial,Verdana,sans-serif;
				color: #333;
				font-weight: bold;
				}
				#mainContent .double p{
				padding-top:0;
				}

			#mainContent .triple{
			width:715px;
			}

	.secondaryMenu li{
	padding:3px 0;
	}
	.secondaryMenu li.nolink{
	text-transform:uppercase;
	font-weight:bold;
	color:#666;
	}
		.secondaryMenu a{
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		color:#666;
		}
			.secondaryMenu a:hover,
			.secondaryMenu a:focus,
			.secondaryMenu a:active,
			.secondaryMenu a.current{
			color:#000;
			}

	.secondarySubMenu li{
	padding:2px 10px;
	}
		.secondarySubMenu a{
		text-transform: none;
		text-decoration:none;
		font-weight: normal;
		color:#666;
		}
			.secondarySubMenu a:hover,
			.secondarySubMenu a:focus,
			.secondarySubMenu a:active,
			.secondarySubMenu a.current{
			color:#000;
			}







	.brand{
	padding-top: 100px;
	height: 0px;
	width:200px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
	}

/*********** FAQ */

dl {
margin: 10px 0 15px 0 ;
}
	dt {
	padding-left:20px;
	background: url("more.png") left center no-repeat;
	text-decoration:underline;
	}
		dt a{
		color: #333333;
		}
		dt.current {
		background-color: #FFF;
		background-image: url("less.png");
		color:#00783f;
		font-weight:bold;
		}
	dd {
	padding: 15px 10px 15px 40px;
	margin-bottom: 15px;
	display: none;
	background: #FFF !important;
	}
		dd.current{
		background: #FFF;
		}




/*********** Products/brands list */
	#productsBox{
	width: 690px;
	padding:10px;
	float:left;
	background:#FFF;
	}

		#productsBox h2, h2.legenda{
			clear:left;
			font: 1.5em "Trebuchet MS",Arial,Verdana,sans-serif;
			padding-left:25px;
			margin: 0px 0px 3px 0px;
			color: #333;
			background: url("more.png") center right no-repeat;
			text-transform: lowercase;
		}
		h2.legenda { font: 1em "Trebuchet MS",Arial,Verdana,sans-serif; padding-left: 5px; height: 1em; }
		#productsBox h2.latte, h2.latte {  background-color: #cbf1ff }
		#productsBox h2.yogurt, h2.yogurt { background-color: #e3fffc }
		#productsBox h2.dessert, h2.dessert { background-color: #e3ffe7}
		#productsBox h2.gelato, h2.gelato { background-color: #e3ffe7}
		#productsBox h2.vegetale, h2.vegetale { background-color: #fffdda }
		#productsBox h2.panna, h2.panna { background-color: #ffe9d0 }
		#productsBox h2.burro, h2.burro { background-color: #ffe9d0 }
		#productsBox h2.formaggi, h2.formaggi { background-color: #ffdee6 }




			#productsBox h2 a{
				color: #333;
			}
				#productsBox h2 a.less{
				background-image:url("less.png");
				}

			.productsListBox{
			float:left;
			display: none;
			margin: 0;
			padding: 0;
			background: #FFF !important;
			}
				.copri{
					padding:20px 0;
					float:left;
				}

			.productsListBox ul{
			margin:0;padding:0;list-style:none;
			}
				.productsListBox ul li{
				margin-right:18px;
				width:97px;
				float:left;

				height: auto !important;
				height: 200px;
				min-height: 200px;
				}
				.productsListBox ul li *{
				margin:0;
				padding:0;
				}
				.productsListBox ul li h3{
				font:  bold 1em "Trebuchet MS",Arial,Verdana,sans-serif;
				text-transform:uppercase;
				}
				.productsListBox ul li p a{
				color:#333;
				}
				.productsListBox ul li a.imgBox{
				display:block;
				text-align:center;
				}


/********** foot */

	#foot{
	margin-top:60px;
	padding:0 0 40px 30px;
	float:left;
	}
		#certifications li{
		margin-right:10px;
		float:left;
		}
		#copyLinks{
		width:815px;
		float:left;
		}
			#copyLinks a{
			color:#333;
			}
		#copyLinks li{
		margin-right:10px;
		float:left;
		font-weight:bold;
		text-transform:uppercase;
		}
		address{
		font-size:0.9em;
		margin-top:8px;
		float:left;
		}


/********* brands */

.productsListBox .treValli h3 a,.treValli h1 span,.treValli caption{color:#106843}
.productsListBox .latteCigno h3 a,.latteCigno h1 span,.latteCigno caption{color:#0677bd}
.productsListBox .hopla h3 a,.hopla h1 span,.hopla caption{color:#e20b7b}
.productsListBox .hoplapiu h3 a,.hoplapiu h1 span,.hoplapiu caption{color:#e20b7b}
.productsListBox .abit h3 a,.abit h1 span,.abit caption{color:#e41e26}
.productsListBox .colavev h3 a,.colavev h1 span,.colavev caption{color:#1461ab}
.productsListBox .deltalat h3 a,.deltalat h1 span,.deltalat caption{color:#00a950}
.productsListBox .frescoMarche h3 a,.frescoMarche h1 span,.frescoMarche caption{color:#01448a}
.productsListBox .lattePrimavera h3 a,.lattePrimavera h1 span,.lattePrimavera caption{color:#dc002e}
.productsListBox .sibilla h3 a,.sibilla h1 span,.sibilla caption{color:#e30101}
.productsListBox .valmetauro h3 a,.valmetauro h1 span,.valmetauro caption{color:#ff6600}
.productsListBox .biancalieve h3 a,.biancalieve h1 span,.biancalieve caption{color:#0677bd}

.treValli #head{background-image: url("brands/head/brands_trevalli.png");}
.treValli h1.brand,.treValli p.brand{background-image: url("brands/medium/trevalli_logo.png");}
.latteCigno #head{background-image: url("brands/head/brands_lattecigno.png");}
.latteCigno h1.brand,.latteCigno p.brand{background-image: url("brands/medium/lattecigno_logo.png");}
.hopla #head{background-image: url("brands/head/brands_hopla.png");}
.hopla h1.brand,.hopla p.brand{background-image: url("brands/medium/hopla_logo.png");}
.hoplapiu #head{background-image: url("brands/head/brands_hopla.png");}
.hoplapiu h1.brand,.hoplapiu p.brand{background-image: url("brands/medium/hoplapiu_logo.png");}
.abit #head{background-image: url("brands/head/brands_abit.png");}
.abit h1.brand,.abit p.brand{background-image: url("brands/medium/abit_logo.png");}
.colavev #head{background-image: url("brands/head/brands_colavev.png");}
.colavev h1.brand,.colavev p.brand{background-image: url("brands/medium/colavev_logo.png");}
.deltalat #head{background-image: url("brands/head/brands_deltalat.png");}
.deltalat h1.brand,.deltalat p.brand{background-image: url("brands/medium/deltalat_logo.png");}
.frescoMarche #head{background-image: url("brands/head/brands_frescomarche.png");}
.frescoMarche h1.brand,.frescoMarche p.brand{background-image: url("brands/medium/frescomarche_logo.png");}
.lattePrimavera #head{background-image: url("brands/head/brands_latteprimavera.png");}
.lattePrimavera h1.brand,.lattePrimavera p.brand{background-image: url("brands/medium/latteprimavera_logo.png");}
.sibilla #head{background-image: url("brands/head/brands_sibilla.png");}
.sibilla h1.brand,.sibilla p.brand{background-image: url("brands/medium/sibilla_logo.png");}
.valmetauro #head{background-image: url("brands/head/brands_valmetauro.png");}
.valmetauro h1.brand,.valmetauro p.brand{background-image: url("brands/medium/valmetauro_logo.png");}
.biancalieve #head{background-image: url("brands/head/brands_hopla.png");}
.biancalieve h1.brand,.biancalieve p.brand{background-image: url("brands/medium/biancalieve_logo.png");}



/* Tabella rassegna stampa */

#tableRasStampa td{
	border-bottom: 1px solid #858585;
	padding: 2px 8px 10px 0;
	vertical-align: top;
}

/* Tabella JOB */

#tbl_job td{
	padding: 2px;
	vertical-align: top;
}



/* Tabella località */

#tableLoc th{
	color:#00783f;
	font-weight:bold;
	padding: 10px 8px 10px 0;
}
#tableLoc td{
	border-bottom: 1px solid #858585;
	padding: 2px 8px 2px 0;
	vertical-align: top;
}



/* Tabelle x Catalogo */
/*Ricerca*/
.tbl_catalogo td{
	padding: 2px 10px 2px 0;
	vertical-align: top;
}

	.tbl_catalogo input.text{
		width: 200px;
		border:1px solid #c0c0c0;
	}
	.tbl_catalogo select{
		width: 200px;
		border:1px solid #c0c0c0;
		font-size: 8pt;
	}

/*Risultato*/
.tbl_catlist {
	width: 90%;
}
.tbl_catlist th{
	padding: 2px 10px 2px 0;
	vertical-align: top;
}
.tbl_catlist td{
	padding: 2px 7px 2px 0;
	border-bottom: 1px solid #c0c0c0;
	vertical-align: top;
}

.tbl_catlist h4 {
	font-size:1.4em;
}


/*Logo*/
.tbl_catlogo {
	width: 130px;
	float: left;
	margin:  0 15px 20px 0;
}
.tbl_catlogo th{
	padding: 3px;
	vertical-align: top;
	font-weight: bold;
}
.tbl_catlogo td{
	padding: 3px;
	vertical-align:  middle;
}
.tbl_catlogo td.bordo {
	border-bottom: 1px solid #c0c0c0;
}