/* LavaLamp Specific CSS: */
#lavaLampBasicImage {
position: relative;
width: 475px;
padding: 0 5px 0 0;
margin: 0;
overflow: hidden;
height:30px;
}
#lavaLampBasicImage li {
float: left;
display:inline;
list-style: none;
}
#lavaLampBasicImage li.backLava {
background: url("images/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
#lavaLampBasicImage li.backLava .leftLava {
background: url("images/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
#lavaLampBasicImage li a, #lavaLampBasicImage li a:link {
font: bold 11px arial;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
display:inline;
height: 30px;
line-height:30px;
position: relative;
overflow: hidden;
padding: 0 8px;
}
#lavaLampBasicImage li a:hover {
color: #000;
border: none;
}

#lavaLampBasicImage li.selectedLava a, #lavaLampBasicImage li.selectedLava a:link{ color:#e5007d; display:block;}
#lavaLampBasicImage li.selectedLava a:hover{color:#000;}