HOT Scroller separator

HI, how can I replace the Hot scroller separator with an image, is it possible to have a small image like site log replacing the | .

that is border:

.highlights_intro {
height: 24px;
line-height: 24px;
width: 110px;
font-size: 16px;
float: left;
border-right: 1px dotted #000;
overflow: hidden;
}

you could add in template_css.css :

.highlights_intro{
border:none!important;
background-image:url(path to your image);
background-repeat:no-repeat;
background-position: right center;
}

Thanks for your reply, but I cant find the template_css.cc in the hotscroller folder, or am i missing anything

to make it easy I am attaching a pic to show u what we mean.

Well that is what I described how to do, if you tried it and it does not work you can send me link so I could check