Breadcrumb Nav 100%

[gjh42]

#productMainImage.centredContentback a img {
margin:0auto;
text-align:center;
padding: 1em 0 0 0;}

If this an exact copy of what you have, there are a couple of errors in it.

#productMainImage.centeredContent.back a img { <--you need the exact spelling, and another dot for the .back class.
(Actually, those classes are basically irrelevant to the rule - the id is generally sufficient.)
margin:0 auto;
text-align:center;
padding: 1em 0 0 0;}

[wotnow]

Ok sorry have removed down for maintenance. Thanks

[gjh42]

The .back class applied to the main image makes it float left. To counter this, change your rule

#productMainImage.centredContentback a img {
	margin:0auto;
	text-align:center;
	padding: 1em 0 0 0;}

to

#productMainImage {
	float: none;
	margin:0 auto;
	text-align:center;
	padding: 1em 0 0 0;}

[dgent]

Also is it possible to add products without an image .. so that the no picture available is not there either. I know you are thinking why would you want to but I have client who wants exactly that.

Thanks again

Easy -

In your product description add this at the end..

<style type="text/css">

#productMainImage {display: none}

</style>

Now this will remove the pic for any individual product page you like. If you want to simply remove all product images, just put the above in your stylesheet.

Obviously with adding these things to your product description you can can turn off anything you like for individual products - such as price - or add to cart button, anything. You can turn a product into an information page within a category.

[gjh42]

You might also try setting Configuration > Images > Image Required to false. This will let absent images silently be ignored.
Set Product Image - No Image Status to 0.