How to properly style hika and remove inline style

The view overriding in hikashop is great, however.. how should you properly customise the CSS?

I have tried setting "Front-end CSS File" to none in the configuration but it seems to have no effect.
There is also a whole lot of css added to the <head> which I would want to move to an external sheet in order to minimise and compress before launch.

There are also a few places where styles are added inline to elements in the view's code ....
eg category/listing_list.php calculates a width for the li's for some reason?

You can override the front end CSS file via the configuration indeed.
You don't need to set it to none. Directly change the code in it and save the file and the configuration and that will use a custom CSS with your modifications.

The CSS added to the head is added based on the options of your modules and menus. For example, if you set a blue background color, it will add the corresponding CSS for that menu/module.
It has to be dynamic.
If you don't want it and want to have your own CSS, you can go in the table hikashop_config via phpmyadmin and add a new entry with the namekey no_css_header and the value 1

For the inline CSS to calculate width, that depends on the number of columns that you configure in the menu/module. If you remove it, it won't be able to display the categories on several columns with the list display.

Thanks for your reply.
Setting the no_css_header seems perfect for after everything is configured and ready to launch.

As for the frontend_default.css, rather than editing the file that may be updated, how do I add my own styles?
none,default,mine

Edit it. That will create a CSS override file. Exactly what you want.