﻿.lavaLampWithImage {
	position: relative; height: 24px;width: 960px;
	 /*background: url("../images/bg.gif") no-repeat top;*/
	padding: 4px 4px 4px 4px;
	margin: 3px -5px; overflow: hidden;
}
.lavaLampWithImage li {
    float: left;
    list-style: none;
}
 .lavaLampWithImage li.back {
    background: url('../images/global/menu-selector-trans.png') no-repeat right -22px;
    width: 9px; height: 22px;z-index: 8; position: absolute;
}
 .lavaLampWithImage li.back .left {
    background: url('../images/global/menu-selector-trans.png') no-repeat left top;
    height: 22px;   margin-right: 9px; /* 7px is the width of the rounded shape */
}
html>body .lavaLampWithImage li.back { background: url('../images/global/menu-selector-trans.png') no-repeat right -22px;}
html>body .lavaLampWithImage li.back .left { background: url('../images/global/menu-selector-trans.png') no-repeat left top;}


.lavaLampWithImage li a {
     display: block;
    height: 22px;     
    font: normal 13px 'Lucida Grande', Tahoma, Arial;;
    text-decoration: none;
     text-transform:capitalize;
    /*    text-transform: uppercase;*/
    color: #000;
    outline: none;
    text-align: center;
    top: 2px;

    letter-spacing: 0;
    position: relative;    z-index:999;
    overflow: hidden;
    margin: 0 6px 0 6px;    
    float: left;    
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
}
.lavaLampWithImage li a:hover {	color:#FFF;}
.lavaLampWithImage li.current a {color:#FFF;}
.lavaLampWithImage li a { margin: 0 6px 0 6px;color:#B6D5EB}
html>body .lavaLampWithImage li a { margin: 0 12px 0 12px;}
