﻿body 
{
	font-family: Frutiger, Calibri, Verdana, Arial;
	font-size: 12px;
	background-color: #FFFFFF;
}
input, select, textarea
{
	font-family: Frutiger, Calibri, Arial;
	font-size: 12px;
}

/************************************************************************************************/
/* The "Continue to Step 2" button */
.continueBtn h1, .continueBtn1 h1
{
	/* 
		Keep image path the same. 
		Only change the the id number (0) to match yours and the file name (continue.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/continue.gif) no-repeat top left;
}
/************************************************************************************************//************************************************************************************************/
/* The "Continue to Step 3" button */
.continueBtn2 h1
{
	/* 
		Keep image path the same. 
		Only change the the id number (0) to match yours and the file name (continue.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/continue3.gif) no-repeat top left;
}
/************************************************************************************************/
/* The "Continue to Step 4" button */
.continueBtn3 h1
{
	/* 
		Keep image path the same. 
		Only change the the id number (0) to match yours and the file name (continue.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/continue4.gif) no-repeat top left;
}
/************************************************************************************************/
/* The "Continue to Step 5" button */
.continueBtn4 h1
{
	/* 
		Keep image path the same. 
		Only change the the id number (0) to match yours and the file name (continue.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/continue5.gif) no-repeat top left;
}
/************************************************************************************************/
/* The "Add to Cart" button. You may want to change the text on this button since nothing's truly getting
   added to the cart until the last step.  */
.addToCartBtn
{
	/* 
		Change ONLY the "background:" attribute
		Keep image path the same. 
		Only change the the id number (0) to match yours and the file name (addtocart.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/addtocart.gif) no-repeat top left;
}
/************************************************************************************************/
/* The "Add Accessories" button. This button appears if an accessory is optional  */
.addAccessoriesBtn h1
{
	/* 
		Keep image path the same. 
		Only change the the id number(0) to match yours and the file name(add_acc.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/add_acc.gif) no-repeat top left;
}
/************************************************************************************************/
/* The "Add Accessories to Continue" button. This button appears if an accessory is required  */
.addAccessoriesToContinueBtn h1
{
	/* 
		Keep image path the same. 
		Only change the the id number(0) to match yours and the file name(add_acc.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/continue.gif) no-repeat top left;
}
/************************************************************************************************/
/* The "Finish" button. This would be your add to cart button  */
.finishBtn h1
{
	/* 
		Keep image path the same. 
		Only change the the id number(0) to match yours and the file name(finish.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/finish.gif) no-repeat top left;
}
/************************************************************************************************/
/* The "Delete" button */
.deleteBtn h1
{
	/* 
		Keep image path the same. 
		Only change the the id number(0) to match yours and the file names
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/delete.gif) no-repeat top left;
}
/************************************************************************************************/
/* Step 01 Image */
.step01 h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/1.gif) no-repeat top left;
	margin: 0px;
}
/************************************************************************************************/
/* Step 02 Image */
.step02 h1
{
	/* this is for configurable systems */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/2.gif) no-repeat top left;
	margin: 0px;
}
.step02b h1
{
	/* This is for non-configurable systems */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/2b.gif) no-repeat top left;
	margin: 0px;
}
/************************************************************************************************/
/* Step 03 Image */
.step03 h1
{
	/* Configurable systems */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/3a.gif) no-repeat top left;
	margin: 0px;
}
.step03b h1
{
	/* Freejack Systems */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/3b.gif) no-repeat top left;
	margin: 0px;
}
.step03c h1
{
	/* non-configurable systems....the order summary text */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/3c.gif) no-repeat top left;
	margin: 0px;
}
/************************************************************************************************/
/* Step 04 Image */
.step04 h1
{
	/* this is for configurable systems */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/4.gif) no-repeat top left;
	margin: 0px;
}
/************************************************************************************************/
/* Step 05 Image */
.step05 h1
{
	/* this is for configurable systems */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/steps/5.gif) no-repeat top left;
	margin: 0px;
}

/************************************************************************************************/

/* Help area & image */
.helpBG
{
	/* the background color of the cell */
	background-color: #7e6a51;
}
.help h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/1/need_help1.gif) no-repeat top center;
	margin: 0px;
}


/************************************************************************************************/
/* The "Step01" buttons */
.step1SystemOn h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/on/01system.gif) no-repeat top left;
}
.step1SystemAvailable h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/available/01system.gif) no-repeat top left;
}
.step1SystemOn h1, .step1SystemAvailable h1
{
	/*
		Do not recommend changing the height/width of these nav buttons
		But you can if you need to. Keep the width and the height the same for both styles
	*/
	width: 150px;
	height: 33px;
}
/************************************************************************************************/
/* The "Step02" buttons */
.step2FixOff h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/off/02fixtures.gif) no-repeat top left;
}
.step2FixOn h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/on/02fixtures.gif) no-repeat top left;
}
.step2FixAvailable h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/available/02fixtures.gif) no-repeat top left;
}
.step2FixOff h1, .step2FixOn h1, .step2FixAvailable h1
{
	/*
		Do not recommend changing the height/width of these nav buttons
		But you can if you need to. Keep the width and the height the same for all 3 styles
	*/
	width: 154px;
	height: 33px;
}
/************************************************************************************************/
/* The "Step03" buttons
	Step 3 can be one of two options depending on the system the user chooses
*/
.step3PowerOff h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/off/03power.gif) no-repeat top left;
}
.step3PowerOn h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/on/03power.gif) no-repeat top left;
}
.step3PowerAvailable h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/available/03power.gif) no-repeat top left;
}
.step3PowerOff h1, .step3PowerOn h1, .step3PowerAvailable h1
{
	/*
		Do not recommend changing the height/width of these nav buttons
		But you can if you need to. Keep the width and the height the same for all 3 styles
	*/
	width: 154px;
	height: 33px;
}

.step3SummaryOff h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/off/03summary.gif) no-repeat top left;
}
.step3SummaryOn h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/on/03summary.gif) no-repeat top left;
}
.step3SummaryAvailable h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/available/03summary.gif) no-repeat top left;
}
.step3SummaryOff h1, .step3SummaryOn h1, .step3SummaryAvailable h1
{
	/*
		Do not recommend changing the height/width of these nav buttons
		But you can if you need to. Keep the width and the height the same for all 3 styles
	*/
	width: 177px;
	height: 33px;
}
/************************************************************************************************/
/* The "Step04" buttons
	Step 4 can be one of two options depending on the system the user chooses
*/
.step4CompleteOff h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/off/04complete.gif) no-repeat top left;
}
.step4CompleteOn h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/on/04complete.gif) no-repeat top left;
}
.step4CompleteAvailable h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/available/04complete.gif) no-repeat top left;
}
.step4CompleteOff h1, .step4CompleteOn h1, .step4CompleteAvailable h1
{
	/*
		Do not recommend changing the height/width of these nav buttons
		But you can if you need to. Keep the width and the height the same for all 3 styles
	*/
	width: 163px;
	height: 33px;
}

.step4SummaryOff h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/off/04summary.gif) no-repeat top left;
}
.step4SummaryOn h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/on/04summary.gif) no-repeat top left;
}
.step4SummaryAvailable h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/available/04summary.gif) no-repeat top left;
}
.step4SummaryOff h1, .step4SummaryOn h1, .step4SummaryAvailable h1
{
	/*
		Do not recommend changing the height/width of these nav buttons
		But you can if you need to. Keep the width and the height the same for all 3 styles
	*/
	width: 177px;
	height: 33px;
}
/************************************************************************************************/
/* The "Step05" buttons */
.step5SummaryOff h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/off/05summary.gif) no-repeat top left;
}
.step5SummaryOn h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/on/05summary.gif) no-repeat top left;
}
.step5SummaryAvailable h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/available/05summary.gif) no-repeat top left;
}
.step5SummaryOff h1, .step5SummaryOn h1, .step5SummaryAvailable h1
{
	/*
		Do not recommend changing the height/width of these nav buttons
		But you can if you need to. Keep the width and the height the same for all 3 styles
	*/
	width: 179px;
	height: 33px;
}
/************************************************************************************************/
/* The "Empty" buttons
	These images take place of the step 4 and step 5 buttons for those systems that do not have a 
	step 4 or 5
*/
.empty h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/empty.gif) no-repeat top left;
	width: 160px;
	height: 33px;
}
.empty2 h1
{
	background: url(http://images.techlighting.com/Configurator/4/custom/0/links/empty2.gif) no-repeat top left;
	width: 165px;
	height: 33px;
}
/************************************************************************************************/