var mainColor		= prepareColor(getStyle("maincolor").color);
	var mainAlternate	= prepareColor(getStyle("mainalternate").color);
	var mainHeading 	= prepareColor(getStyle("mainheading").color);
	var mainText		= prepareColor(getStyle("maintext").color);
	var mainLink		= prepareColor(getStyle("mainlink").color);
	
	var secondaryColor		= prepareColor(getStyle("secondarycolor").color);
	var secondaryAlternate	= prepareColor(getStyle("secondaryalternate").color);
	var secondaryHeading	= prepareColor(getStyle("secondaryheading").color);
	var secondaryText		= prepareColor(getStyle("secondarytext").color);
	var secondaryLink		= prepareColor(getStyle("secondarylink").color);

	getStyle("body").backgroundColor =	secondaryColor;

	getStyle("table").backgroundColor = mainColor;
	getStyle("border").borderColor = mainColor;
	getStyle("insideborder").borderColor = mainColor;
	getStyle("line").backgroundColor = mainColor;
	getStyle("sale").backgroundColor = secondaryAlternate;
	getStyle("prodrow").backgroundColor = shadeColor(secondaryColor, 0.10);

	getStyle("subpagelist").backgroundColor = secondaryColor;
	getStyle("subpagelist").borderColor = mainColor;

	getStyle("text").color = secondaryText;
	getStyle("heading").color = mainHeading;
	getStyle("textmain").color = mainText;
	getStyle("saletext").color = secondaryText;
	getStyle("textsale").color = secondaryAlternate;
	getStyle("textcolor").color = mainAlternate;
	getStyle("sechead").color = secondaryHeading;
	getStyle("mainhead").color = mainHeading;
	getStyle("borderlinkelements").borderColor = secondaryLink;

	getStyleBySelector("a:link").color = secondaryLink;
	getStyleBySelector("a:active").color = secondaryLink;
	getStyleBySelector("a:visited").color = secondaryLink;
	getStyleBySelector("a:hover").color = shadeColor(secondaryLink, 0.5);

	getStyleBySelector(".subpagelist a:link").color = secondaryLink;
	getStyleBySelector(".subpagelist a:active").color = secondaryLink;
	getStyleBySelector(".subpagelist a:visited").color = secondaryLink;
	getStyleBySelector(".subpagelist a:hover").color = shadeColor(secondaryLink, 0.5);

	getStyleBySelector(".linkelements a:link").color = secondaryLink;
	getStyleBySelector(".linkelements a:active").color = secondaryLink;
	getStyleBySelector(".linkelements a:visited").color = secondaryLink;
	getStyleBySelector(".linkelements a:hover").color = shadeColor(secondaryLink, 0.5);

	getStyleBySelector(".mainlinkelements a:link").color = mainLink;
	getStyleBySelector(".mainlinkelements a:active").color = mainLink;
	getStyleBySelector(".mainlinkelements a:visited").color = mainLink;
	getStyleBySelector(".mainlinkelements a:hover").color = shadeColor(mainLink, 0.5);

	
	function drawPageName(inText, inExtra)
	{  
		attributes =  "background.fill.color=" + secondaryColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + secondaryHeading;
		attributes += "&stage.color=" + secondaryColor;
		attributes += "&icon.dropshadow.color=" + shadeColor (secondaryColor, 0.50);
	
		drawImage("/images/site/t88/en/image/pagename.img", attributes, inExtra);
	}

	function drawNumber(inText, inExtra, inBackground, inLabel)
	{  
		attributes =  "background.fill.color=" + inBackground;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + inLabel;
		attributes += "&stage.color=" + inBackground;
	
		drawImage("/images/site/t88/en/image/number.img", attributes, inExtra);
	}  
	
	function drawLabel(inText)
	{  
		attributes =  "background.fill.color=" + mainColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + mainText;
		attributes += "&stage.color=" + mainColor;

		drawImage("/images/site/t88/en/image/label.img", attributes);
	}
	function drawRightColImage()
	{  
		attributes =  "background.fill.color=" + mainColor;
		attributes += "&dots.fill.color=" + secondaryColor;
		attributes += "&icon.dropshadow.color=" + secondaryColor;
		attributes += "&icon2.dropshadow.color=" + secondaryColor;
		attributes += "&stage.color=" + mainColor;

		drawImage("/images/site/t88/en/image/rightcolimage.img", attributes);
	}
	function drawLeftColImage()
	{  
		attributes =  "background.fill.color=" + mainColor;
		attributes += "&dots.fill.color=" + secondaryColor;
		attributes += "&icon.dropshadow.color=" + secondaryColor;
		attributes += "&icon2.dropshadow.color=" + secondaryColor;
		attributes += "&stage.color=" + mainColor;

		drawImage("/images/site/t88/en/image/leftcolimage.img", attributes);
	}		 

	function drawOptionButtons(inText, inExtra, inIcon, inFontName, inFontSize)
	{
		attributes = "label.text=" + inText;
		attributes += "&icon.text=" + inIcon;
		attributes += "&icon.font=" + inFontName;
		attributes += "&icon.font.size=" + inFontSize;
		attributes += "&label.fill.color=" + mainText;
		attributes += "&stage.color=" + mainColor;		  
		attributes += "&icon.fill.color=" + secondaryColor;
		attributes += "&dots.fill.color=" + secondaryColor;

		drawImage("/images/site/t88/en/image/optbuttons.img", attributes, inExtra);
	}

	function drawBigInputButtons(inText, inName, inExtra)
	{
		attributes =  "stroke.fill.color=" + secondaryAlternate;
		attributes += "&button.fill.color=" + mainColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + mainHeading;
		attributes += "&stage.color=" + secondaryColor;

		drawInputImage("/images/site/t88/en/image/bigbuttons.img", attributes, inName, inExtra);
	}

	function drawBigButtons(inText, inExtra, inExtraAttributes)
	{  
		attributes =  "stroke.fill.color=" + secondaryAlternate;
		attributes += "&button.fill.color=" + mainColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + mainHeading;
		attributes += "&stage.color=" + secondaryColor;
		attributes += "&label.opacity=" + inExtraAttributes;

		drawImage("/images/site/t88/en/image/bigbuttons.img", attributes, inExtra);
	}

	function drawSmallButtons(inText, inExtra, inExtraAttributes)
	{  
		attributes =  "stroke.fill.color=" + secondaryAlternate;
		attributes += "&button.fill.color=" + mainColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + mainHeading;
		attributes += "&stage.color=" + secondaryColor;
		attributes += "&label.opacity=" + inExtraAttributes;

		drawImage("/images/site/t88/en/image/smallbuttons.img", attributes, inExtra);
	}

	function drawSmallInputButtons(inText, inName, inExtra, inExtraAttributes)
	{
		attributes =  "stroke.fill.color=" + secondaryAlternate;
		attributes += "&button.fill.color=" + mainColor;
		attributes += "&label.text=" + inText;
		attributes += "&label.fill.color=" + mainHeading;
		attributes += "&stage.color=" + secondaryColor;
		attributes += "&label.opacity=" + inExtraAttributes;

		drawInputImage("/images/site/t88/en/image/smallbuttons.img", attributes, inName, inExtra);
	}

	function drawGoButtons(inText, inName, inExtra)
	{
		attributes =  "button.fill.color=" + mainColor;
		attributes += "&label.fill.color=" + mainText;
		attributes += "&label.text=" + inText;
		attributes += "&stroke.fill.color=" + secondaryColor;
		attributes += "&stage.color=" + mainColor;

		drawInputImage("/images/site/t88/en/image/gobuttons.img", attributes, inName, inExtra);
	}

	function drawNavButtons()
	{
		attributes = "stage.color=" + mainColor;
		attributes += "&label.fill.color=" + mainHeading;
		attributes += "&label.fill.color.over=" + mainLink;
		attributes += "&label.fill.color.selected=" + mainLink;
		attributes += "&label.fill.color.selectedover=" + mainHeading;	   

		drawTabs("vertical", 0, 0, "VSPACE=5 BORDER=0", attributes, "/images/site/t88/en/image/btn.img");
	}
	
	function drawHeaderBorderBox (cellAlign)
	{
		attributes = "stage.color=" + mainColor;
		attributes += "&border.stroke.color=" +  shadeColor (secondaryColor, 0.15);
		attributes += "&border.fill.color=" + secondaryColor;
		attributes += "&border.dropshadow.color=" + shadeColor (mainColor, 0.75);

		drawBorderStart("740", attributes, "/images/site/t88/en/image/headerborder.img", cellAlign);
	}