/* =-=-=-=-=-=-=-[NAV MAIN]-=-=-=-=-=-=-=- */
.ul_nav_products {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ul_nav_products li {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-image:url(../graphics/global/nav-products.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;

}




#prod1 {
	width: 260px;
	height: 60px;
	background-position: 0px 0px;
}
#prod1 a {
	height: 60px;
	display:block;
	text-indent:-9999px;
	outline:none medium;
	cursor: pointer;
}
#prod2 {
	width: 260px;
	height: 60px;
	background-position: 0 -60px;
}
#prod2 a {
	height: 60px;
	display:block;
	text-indent:-9999px;
	outline:none medium;
	cursor: pointer;
}
#prod3 {
	width: 260px;
	height: 100px;
	background-position: 0 -120px;
}
#prod3 a {
	height: 100px;
	display:block;
	text-indent:-9999px;
	outline:none medium;
	cursor: pointer;
}
#prod4 {
	width: 260px;
	height: 60px;
	background-position: 0 -220px;
}
#prod4 a {
	height: 60px;
	display:block;
	text-indent:-9999px;
	outline:none medium;
	cursor: pointer;
}




#prod1_current {
	width: 260px;
	height: 60px;
	background-position: -520px 0;
}
#prod2_current {
	width: 260px;
	height: 60px;
	background-position: -520px -60px;
}
#prod3_current {
	width: 260px;
	height: 100px;
	background-position: -520px -120px;
}
#prod4_current {
	width: 260px;
	height: 60px;
	background-position: -520px -220px;
}




#prod1.active, #prod1:hover {
	width: 260px;
	height: 60px;
	background-position: -260px 0;
}
#prod2.active, #prod2:hover {
	width: 260px;
	height: 60px;
	background-position: -260px -60px;
}
#prod3.active, #prod3:hover {
	width: 260px;
	height: 100px;
	background-position: -260px -120px;
}
#prod4.active, #prod4:hover {
	width: 260px;
	height: 60px;
	background-position: -260px -220px;
}