#menuanime {
	font-family:verdana;
	font-size:12px;
	position:relative;
	margin:0;
	width: 180px;
}

#menuanime ul {
	/* remove list style */
	list-style:none;
	padding:0;
	margin:0;	

	/* set the layer position */
	position:relative;
	z-index:5;
}

	#menuanime li {
		/* set the styles */
		background:#ccc url('/menu-anime/bg.gif') no-repeat 0 0;
		padding:5px;
		margin:2px;
		cursor:pointer;
		border:1px solid #cccccc;
	}

	#menuanime li.hover {
	/* on hover, change it to this image */
		background-image:url('/menu-anime/bg_hover.gif') !important;
	}

	#menuanime li a {
		text-decoration:none;	
		/*color:#888888;*/
	}

#menuanime .block {
	/* allow javascript to move the block */
	position:absolute;
	top:0;

	/* set the left position */
	left:145px;	

	/* display above the #menuanime */
	z-index:10;

	/* the image and the size */
	background:transparent url('/menu-anime/arrow.png') no-repeat top right;
	width:39px;
	padding:4px;
	cursor:pointer;
}

/* fast png fix for ie6 */
* html .png{
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
	}
