Template overiding frontend_Custom

Hi,

I am trying to reduce the size of the quantity box as it goes almost right across the screen. I have changed the width in the hikashop frontend css but it only changes it for the checkout quantity box and not the quantity box on the product page. I have used firefox firebug and can see its getting its settings from the template.css file. Now im new to css and all this, so im not sure how I can override the settings, can someone point me in the right direction. The code below is from the template.css file that is overriding the frontend css. I can change the width to what I want but it then upsets everything else!

Hope someone can help

Dave

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
color: #14303D !important;
font-family: Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
padding: 8px 0;
width: 100%;

ok i solved it - I had done many searches but found the solution here eventually. !important to the width.

Thanks

Please mark solved

Dave