Module Class Suffix for custom module

This is my site under construction: www.red-computers.com/NEW-WEB/

I want to put badge HOT on rght module named "Želite li najnižu cijenu u gradu?"

I puted this code in my template css:
div.ja-moduletable_badge,
div.moduletable_badge {
padding: 10px;
border: solid 1px #ebebeb;
-moz-border-radius: 7px 7px 7px 7px;
}

/* Badge Module ---*/
.badge {
height: 46px;
position: absolute;
right: -1px;
top: -1px;
width: 45px;
background-image: url(../images/icons/icon-badge.png);
background-repeat: no-repeat;
}

.badge-hot .badge {
background-position: 0 0;
}
.badge-new .badge {
background-position: 0 -46px;
}
.badge-pick .badge {
background-position: 0 -92px;
}
.badge-top .badge {
background-position: 0 -138px;
}

I also try to call badge by suffix class : " _badge badge-top" but I failed...

Please can you help me...anyyy idea..am rly desperate

p.s. All waht it does as you can see is..."it pusshed my right modele out of borders".. any idea?

If you want that .badge class to hit that module position suffix should be:

" badge" <- note the first blank character.

So this would produce:

...class="moduletable badge"...

if you want both div.moduletable_badge and badge to hit it then suffix should be like this:

"_badge badge"

so it would produce:

...class="moduletable_badge badge"...

I understand that part.... but look how it looks on my web then:
www.red-computers.com/NEW-WEB/

(right modele is moved out of website). Any idea... am rly desperate...

That is not our template, ask on the forum of company that made your template.


When I viewed the source I saw this:
<div class=" badge badge-hot">

so class "moduletable" doesn't even exist on your site.