Problem with Out of Stock and In Stock

[hurray]

Hi,
When items are available on product list page, "In Stock" is written just under the thumbnail pic. When the item gets sold, it changed to "Out of Stock". However the font size and color of both these phrases are the same making it very difficult to notice.
Right now the font color is green. How can I change it to red for "Out of Stock"?

Secondly, when the item is out of stock, inside product detail page, "Add to Cart" button just disappears. If a customer lands straight to this page and does not find Add to Cart button, he would not know what's going on. So in place of add to cart button, how can I have "Out of Stock" written displayed?

Here's my site. It is in french though.
www.savdana.com

Thanks.

[hurray]

Thanks for your reply.

I am using prestashop 1.3.5.
And it seems like both the "In Stock" and "Out of Stock" texts are linked to each other. In other words, they seems to share the same color in global.css. Right now they are both set to green, and if I change it to red, it changes for both the texts.

And I still do not find how I can have "out of stock" or "sold" written on product detail page instead of having the add to cart button disappear.

[hurray]

Hi Angora,

Following are the codes. Can you please tell me where I need to change?

From product_list.tpl (this is where the color, font, font size for Out of Stock and In Stock are same)

getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" />
           {if $product.new == 1}{l s='new'}{/if}                 {if ($product.allow_oosp OR $product.quantity > 0)}{l s='Available'}{else}{l s='Out of stock'}{/if}

From product.tpl (this is where the Add to Cart button for Out of Stock item disappears. Instead I would like "Our of Stock" to be displayed)

<!-- Out of stock hook -->

quantity > 0} style="display:none;"{/if}>
               {$HOOK_PRODUCT_OOS}



quantity > $last_qties || $product->quantity == 0) || $allow_oosp} style="display:none;"{/if} >{l s='Warning: Last items in stock!'}


quantity == 0} style="display:none;"{/if} id="add_to_cart" class="buttons_bottom_block"><input type="submit" name="Submit" value="{l s='Add to cart'}" class="exclusive" /></p>

From global.css

ul#product_list li span.availability {
   color:#488C40;
   font-size:0.9em;
   text-align:right;