.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url(../images/breadcrumbImage.png) 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline; background:url(../images/breadcrumbImage.png) 100% -60px no-repeat;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url../images/breadcrumbImage.png) 100% -60px no-repeat; padding:0 17px 0 15px; outline:none;}
.breadcrumb ul li a:hover {text-decoration:underline; color:rgb(255,255,255);}
.breadcrumb ul li a.active{background:none; color:rgb(255,255,255);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url(../images/breadcrumbImage.png) 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url(../images/breadcrumbImage.png) 100% -90px no-repeat; }

#breadcrumbul div
{	
  position: absolute;
  visibility: hidden;
  list-style-type: none;
  padding: 1px;
  margin: 0px;
  border: 0px;
  font-size: 1px;
  z-index: 9999;
  margin-left: 2px;
  width: 250px;
  text-align: left;
}

#breadcrumbul div a
{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 2px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
  		background-color:#006600;
		color: #FFFFFF;
		font: 11px arial;	
		height:17px;

}

#breadcrumbul div a:hover
{
background-color:#666666;
background-image:url();
color: #ffffff;
padding: 4px 2px;
border: solid 0px #646464;
}