/*   HORIZONTAL WITH IMAGE */
.lavaLampWithImage {
    position: relative;
    background: url("bg2.gif") repeat top;
    padding: 8px;
    margin: 0px 0;
    overflow: hidden;
}
.lavaLampWithImage li {
    float: left;
    list-style: none;
    background-image:url();
    padding:0px;
}
.lavaLampWithImage li.back {
    background: url("lava.gif") no-repeat right -30px;
    width: 9px; height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLampWithImage li.back .left {
    background: url("lava.gif") no-repeat top left;
    height: 30px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #fff;
    outline: none;
    text-align: center;
    top: 7px;
    /*text-transform: uppercase;*/
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 8px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
    text-decoration: none;
    color: #fff;
}
/*   HORIZONTAL NO IMAGE */
.lavaLampNoImage {
    position: relative;
    height: 29px;
    width: 421px;
    background-color: white;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid gray;
}
.lavaLampNoImage li {
    float: left;
    list-style: none;
    background: url();
}
.lavaLampNoImage li.back {
    border: 1px solid #000;
    background-color: #e6e8ea;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLampNoImage li a {
    font: bold 13px arial;
    text-decoration: none;
    color: #000;
    outline: none;
    text-align: center;
    top: 7px;
    /*text-transform: uppercase;*/
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 8px;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
    border: none;
}
/*   HORIZONTAL BOTTOM */
.lavaLampBottomStyle {
    position: relative;
    height: 29px;
    width: 421px;
    background-color: white;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid gray;
}
.lavaLampBottomStyle li {
    float: left;
    list-style: none;
    background-image:url();
}
.lavaLampBottomStyle li.back {
    border-bottom: 5px solid blue;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLampBottomStyle li a {
    font: bold 13px arial;
    text-decoration: none;
    color: #000;
    outline: none;
    text-align: center;
    top: 7px;
    /*text-transform: uppercase;*/
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 8px;
}
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
    border: none;
}
/*   HORIZONTAL WITH IMAGE */
.lavaLampWithImageV { position: relative; text-align: left; float: left;list-style: none; background:#F48903;}
.lavaLampWithImageV li { padding: 0 10px; position: relative; z-index: 10; height: 30px; line-height: 30px; background: url() repeat top;  }
.lavaLampWithImageV li.marker { top: 0; z-index: 1; width: 100%; position: absolute; height: 30px;padding: 0px 0; background: url("lavav.gif") no-repeat right -30px; }
.lavaLampWithImageV li.marker .left { background: url("lavav.gif") no-repeat top left;height: 30px; margin-right: 8px;/* 7px is the width of the rounded shape */}
.lavaLampWithImageV li a { color: #000;  text-decoration: none; padding: 3px; }
.lavaLampWithImageV li.current a { font-weight: bold; }
.lavaLampWithImageV li a:hover {  text-decoration: underline;}


/*   HORIZONTAL NO IMAGE */
.lavaLampNoImageV { position: relative; text-align: left; float: left;list-style: none; background:white;   border: 1px solid gray;}
.lavaLampNoImageV li { padding: 0 10px; position: relative; z-index: 10; height: 30px; line-height: 30px; background-image:url();  }
.lavaLampNoImageV li.marker { top: 0; z-index: 1; width: 99%; position: absolute; height: 23px;_height: 33px; padding: 3px 0; background-color: #e6e8ea;border: 1px solid #000;  }
.lavaLampNoImageV li a { color: #000;  text-decoration: none; padding: 3px;margin: auto 10px; }
.lavaLampNoImageV li.current a { font-weight: bold; }
.lavaLampNoImageV li a:hover {  text-decoration: underline;}

/*   HORIZONTAL BOTTOM */

.lavaLampBottomStyleV { position: relative; text-align: left; float: left;list-style: none; background:#FFFFFF;border: 1px solid gray;}
.lavaLampBottomStyleV li { padding: 0 10px; position: relative; z-index: 10; height: 30px; line-height: 30px; background-image:url();  }
.lavaLampBottomStyleV li.marker { top: 0; z-index: 1; width: 100%; position: absolute; height: 23px;_height: 33px;padding: 3px 0; background: transparent;border-bottom: 5px solid #FF8400; }
.lavaLampBottomStyleV li a { color: #000;  text-decoration: none; padding: 3px; }
.lavaLampBottomStyleV li.current a { font-weight: bold; }
.lavaLampBottomStyleV li a:hover {  text-decoration: underline;}