Arrows for categories with sub-categories

[gjh42]

That is controlled for your template by

stylesheet.css (line 433)

#categoriesContent a {
background: url("../images/sidelink1.jpg") no-repeat scroll 0 0 transparent;
color: #696969;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 23px;
margin: 0;
padding-left: 22px;
padding-top: 5px;
text-align: left;
text-decoration: none;
width: 211px;
}

You would want to make rules for top and subcategories that distinguish the background to use.

[madabouttoys]

Thank you for the reply,

Do I need to just paste the code you have mentioned in the sheet? Will the code then only show the arrow next to the master category e.g Indoor or Outdoor etc

[gjh42]

No, that is the code you currently have in your stylesheet. You will need to duplicate and modify that into more specific rules referencing the .category-top or .category-subs and .category-products classes.
Remove the

background: url("../images/sidelink1.jpg") no-repeat scroll 0 0 transparent;

from the rule above, and add it to a new rule below that one:

#categoriesContent a.category-top {
background: url("../images/sidelink1.jpg") no-repeat;
}