.droplinetabs{
overflow: hidden;
}

.droplinetabs ul{
font: bold 14px "trebuchet ms", sans-serif;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.droplinetabs a{
float: left;
color: #8c8692;
background-color: #ffffff;
margin: 0 4px 0 0;
padding: 0px 9px 0px 6px;
text-decoration: none;
letter-spacing: .5px;
border-right: 1px solid #8c8692;
}

.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: #050027;
}


.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
color: #050027;
background: url('../images/arrow.jpg') no-repeat bottom center;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #ccffff; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
font: normal 11px "trebuchet ms";
padding: 5px 10px 5px 10px;
margin: 0;
background: #ccffff; /*sub menu background color */
color: #5b778c;
border: 0px;
}

.droplinetabs ul li ul li a span{
background: #ccffff; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
color: #ffffff;
font-weight: bold;
background-color: #5b778c; /*background color of tabs onMouseover*/
background-image: none;
-webkit-border-radius: 3px;  
-moz-border-radius: 3px; 
-khtml-border-radius: 3px;  
border-radius: 3px;
}