Stumped trying to center the logo

[Chrome Orange]

ok

I've had a look around and seen a few threads on this

I'm using 1.3.1

I have a small css file for my overrides and I know that it works

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #FFFFFF;
	}

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 800px;
	vertical-align: top;
	}

#logo{
/*	float: right;*/
	text-align: center; 
	margin: 0 auto;
	}

#logoWrapper {
	text-align: center;
	margin: 0 auto;
	margin: 0em;
	padding: 0em;
	height: 200px;
	background-color: #ED1F23;
	}

the logo will move to the far right if I use

float: right;

but I can not get it to center.

Where am I going wrong

url

http://chrome-orange.co.uk/uvex/

TIA

[Kim]

Main Stylesheet:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

Comment out or remove #logo

[Chrome Orange]

Hi Kim

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

is now my line - still no joy.

even without removing #logo from the main stylesheet I can get the float: left to change by adding the #logo style to my style sheet, I just can't get it to center

[Chrome Orange]

#logo {
width: 100%;
text-align: center;
}

need that 100% to get it to centre!

[Ryk]

#logo {
float:none;
text-align:center;
}

works for me.

[zas]

hi,
I have tried all these options and it still won't centre

this is my file directoty, could this be the problem?
includes / templates / classic / css / stylesheet_new.css

or should I be changing this one?
includes / templates / template_default / css / stylesheet.css

[TechNY]

#logo {
width: 100%;
text-align: center;
}

need that 100% to get it to centre!

Worked for me!