Border específico, cómo?

[kiM-]

bueno, mi pregunta es bastante simple, quisiera saber como (en esta web, por ejemplo: http://www.warnerchannel.com/series/supernatural/) hacen los bordes, o las barras que estan en vertical justo después de cada palabra en el menú de arriba, en Inicio, Series.. Es decir, sé hacerla, pero no con ese color oscuro que tiene como un sombreado...

Saludos y gracias!

[alexk]

por que no miras el codigo de fuente HTML/CSS?
es un div con una imagen de fondo

Código HTML:

<div class="mainmenuitemSep imgheaderbottommenumap"></div>
 

Código CSS:

.imgheaderbottommenumap {
    background-image: url("../../layouts/series/supernatural/img/mapa_footer_supernatural.png");
}
 
.mainmenuitemSep {
    background-position: -545px -157px;
    float: left;
    height: 28px;
    list-style: none outside none;
    width: 2px;
}