add image to category module

Sorry, I have a new problem.
My left hand module is a list of categories. I have added an image to it. So, I needed to move the text over to make space. The problem is, it has changed all the hikashop links, and they move over 26 px when you click on them.
I have done this with the following code

.hikashop_category_name a {
color: #F040A8;
font-size: 13px;
font-weight: bold;
padding-left: 26px;

Obviously this is incorrect, but I do not know how to sort it.

I have added a Module Class Suffix ss_stock to the module
So tried

.hikashop_category_name.ss_stock a

and
.hikashop_category_namess_stock a

but neither of these worked.
the attached image shows the top right hand column image moved over 26 px when I click on it.

Sorry the site is local. Here is an image showing firebug.

OK, I will look into doing this. I dont want to take down the site as it is for now, so will have to find out how to move it to a temporary location.

my site is now live at new.allyoucanbear.com/

Please can you help me with the above problem

Thank you, but this did not help. I also had this code
.hikashop_category_name a{
color: #F040A8;
font-size: 13px;
font-weight: bold;
padding-left: 26px;
}
.hikashop_category_name a:hover, a:active, a:focus{
font-size:13px;
color:#F3D994;
font-weight:bold;
padding-left:26px;
}

I now have yours, but the problem is the same. The menu works perfectly. However, other elements are moving 26cm to the right when you click on them. For example, the images in the right hand column, and the imageson the product page as well. I cannot see what code would effect only the menu?

Many thanks

Sarah

So sorry, silly me. I had updated my local template.