Trouble styling active state in css

[jasjeet]

I have a an active state on me site Click Here which i am able to pick up in firebug. i have created an active state for the following tab \[code\]Relax and unwind\[/code\] which i have scripted the following way\[code\]<li {if segment_3 == "relax"} class="active"{/if}><a href="http://stackoverflow.com/questions/13712626/{path='shop/view/relax'}">relax & unwind</a></li>\[/code\]I trying to style this tab in css but it doesn't seem to work. \[code\].sub-nav-products li .active{ color: #fff; }\[/code\]