Помогло прописывание !important, но как оказалось аж в 4 местах в /catalog/view/theme/default/template/product/chain.tpl:
.flex-direction-nav a {
background-image: url('catalog/view/theme/default/image/c_arrows.png') !important;
background-color: <?php echo index_value($chain_settings, 'chain_slider_arrows_background');?> !important;
background-position: <?php echo index_value($chain_settings, 'chain_slider_arrows_color_left');?> !important;
background-repeat: no-repeat;
border-color: <?php echo index_value($chain_settings, 'chain_slider_arrows_background');?>;
border-style: solid;
border-bottom-width: <?php echo index_value($chain_settings, 'chain_slider_arrows_border_top');?>px;
border-top-width: <?php echo index_value($chain_settings, 'chain_slider_arrows_border_bottom');?>px;
}
.flex-direction-nav .flex-next {
background-position: <?php echo index_value($chain_settings, 'chain_slider_arrows_color_right');?> !important;
}
Понимаю, что так - это криво, но пока не нашел как сделать по уму.