/*****************************************************************************
It is adviced to place the sIFR JavaScript calls in this file, keeping it
separate from the `sifr.js` file. That way, you can easily swap the `sifr.js`
file for a new version, while keeping the configuration.

You must load this file *after* loading `sifr.js`.

That said, you're of course free to merge the JavaScript files. Just make sure
the copyright statement in `sifr.js` is kept intact.
*****************************************************************************/

var didot = { src: '/javascript/sifr/didot.swf' };

// Now you can set some configuration settings.
// See also <http://wiki.novemberborn.net/sifr3/JavaScript+Configuration>.
// One setting you probably want to use is `sIFR.useStyleCheck`. Before you do that,
// read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad>.

sIFR.useStyleCheck = true;

// Next, activate sIFR:
sIFR.activate(didot);

// Now we can do the replacements.

sIFR.replace(didot, {
	selector: 'li.clarinsHeaderFont',
	css: {
		'.sIFR-root': {
			'background-color': '#C10435',
			'color': '#FFFFFF',
			'font-size': '16px',
			'text-align': 'center'
		},
		'a': {
			'color': '#FFFFFF',
			'text-decoration': 'none'
		},
		'a:hover': {
			'color': '#000000'
		}
	}
});

sIFR.replace(didot, {
	selector: '.clarinsCatFont',
	css: {
		'.sIFR-root': {
			'background-color': '#C10435',
			'color': '#FFFFFF',
			'font-size': '16px',
			'text-align': 'left',
			'margin-left': '10'
		},
		'a': {
			'color': '#FFFFFF',
			'text-decoration': 'none'
		},
		'a:hover': {
			'color': '#000000'
		}
	}
});

sIFR.replace(didot, {
	selector: 'h4#clarins_nav_heading',
	css: {
		'.sIFR-root': {
			'background-color': '#FFFFFF',
			'color': '#C10435',
			'font-size': '18px',
			'text-align': 'right'
		}
	}
});