Differnet CSS Sheets Question

I am using 2 different css pages for my site. If one category is chosen then a different css style comes up. Which Works Fine. When I try it with a page it does nothing. Stays on the origional css. Any Ideas?



here is my code

[HTML]

{* $Id *}

{if $category_data.category_id == ‘171’}



{if "TRANSLATION_MODE"|defined || "CUSTOMIZATION_MODE"|defined}

{/if}
{if $include_dropdown}

{/if}

{hook name="index:stylesgreen"}{/hook}

{else}


{if "TRANSLATION_MODE"|defined || "CUSTOMIZATION_MODE"|defined}

{/if}
{if $include_dropdown}

{/if}

{hook name="index:styles"}{/hook}
{/if}
[/HTML]


[HTML]
{if $page.page_id == '5'}


{if "TRANSLATION_MODE"|defined || "CUSTOMIZATION_MODE"|defined}

{/if}
{if $include_dropdown}

{/if}

{hook name="index:stylesgreen"}{/hook}

{else}


{if "TRANSLATION_MODE"|defined || "CUSTOMIZATION_MODE"|defined}

{/if}
{if $include_dropdown}

{/if}

{hook name="index:styles"}{/hook}
{/if}
[/HTML]

The First Section works just fine but the pages section does not.


Thanks Everyone