/****** CLASSES ******/
.appImg { border: 1px solid black; }
.appLink { font-size:8pt; color: #666; }
.mainBody { width:830px; background-color:#FFF; }


/* Login Page
/**********************************/
.createAccount h1 { background: url(http://images.techlighting.com/Configurator/4/create_account_header.gif) no-repeat top left; width: 137px; height: 22px; margin: 0; }
.loginImg h1 { background: url(http://images.techlighting.com/Configurator/4/login_header.gif) no-repeat top left; width: 176px; height: 22px; margin: 0; }
.guestLoginImg h1 { background: url(http://images.techlighting.com/Configurator/4/login_as_guest_header.gif) no-repeat top left; width: 250px; height: 22px; margin: 0; }

.createAccount h1 span, .loginImg h1 span, .guestLoginImg h1 span { display: none; }
/**********************************/

.autocomplete_completionListElement 
{  
    visibility : hidden;
    margin : 0px!important;
    background-color : inherit;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';
    overflow : auto;
    height : 125px;
    text-align : left; 
    list-style-type : none;
    font-family : Verdana;
    font-size : 8pt;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
    background-color : window;
    color : windowtext;
    padding : 1px;
}

.black
{
	color: Black;
}
.black12
{
	color: Black;
	font-size: 12px;
}
.black13
{
	color: Black;
	font-size: 13px;
	font-weight: bold;
}
.black14
{
	color: Black;
	font-size: 14px;
	font-weight: bold;
}
.black14_nobold
{
	color: Black;
	font-size: 14px;
}

.cart
{
	background-color: #FFF;
	padding: 5px;
	font-size: 10px;
	color: #666;
}
.cartHeader
{
	background-color: #AFB073;
}
.cartItems
{
	font-weight: normal;
	color: #000;
}

.currentOrder
{
	position: absolute;
}

.delMsg
{
	font-weight: bold;
	font-size: 10pt;
	color: red;
	text-align: center;
	/*border: 1px solid black;*/
	padding: 5px;
	/*background-color: Yellow;*/
	width: 208px;
}

.errMsg
{
	color: #FFF;
	font-size: 12px;
	background-color: #C00;
}

.fixtureDesc
{
	font-size: 10pt;
}
.fixtureDesc a
{
	color: #00F;
	font-weight: bold;
}
.fixtureDesc strong h1
{
	font-size: 11pt;
	margin: 0px;
	margin-bottom: 10px;
}

.fixturesList
{
	font-size: 8pt;
	margin-bottom: 5px;
}
.fixturesList th
{
	background-color: #7e6a51;
	color: #FFF;
	line-height: 7pt;
}

.floatingTab
{
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 20px;
}

.floatingOrderInfo
{
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 21;
	border: 5px solid #CCC;
	background-color: #FFF;
	padding: 5px;
	Filter: Alpha(Opacity:98);
	width: 275px;
	height: 350px;
	font-size: 10pt;
	z-index: 100;
	overflow-x: hidden;
	overflow-y: scroll;
}

.footer
{
	font-size: 11px;
}

.footer_links
{
	color: #000000;
	background-color: #E1E1E2;
	width: 200px;
	height: 20px;
	vertical-align: middle;
}

.footer_links a
{
	color: #000000;
	text-decoration: none;
}

.gray14
{
	color: #737373;
	font-size: 14px;
}

.helpBox
{
	border: 1px solid #000000;
	background-color: #E4B56E;
	color: #FFFFFF;
	font-size: 12px;
	width: 155px;
	padding: 6px;
}

.highlightRow
{
	background-color:Yellow;
}

.highlightRowCell
{
	background-color:Gray;
}

.imageBox
{
	position: absolute;
	clip: rect(0px 265px 330px 0px);
	top: -330px;
	left: 0px;
	background-color: #FFF;
	cursor: move;
}
.link
{
	color: #BC6C04;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color:#333;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:271px;
	color:#FFF;
}

.modalHelpPopup
{
	background-color:#FFF;
	padding:10px;
	width:265px;
}

.modalRowOver
{
	background-color: #EEE;
} 

.popMsg
{
	color: #FFF;
	font-size: 12px;
	background-color: #BC6C04;
}

.step
{
	font-weight: bold;
	font-size: 14px;
    line-height: 25px;
}

.stepTxt
{
	color: #808284;
}

.stepAdd
{
	font-weight: bold;
	font-size: 14px;
	color: #808284;
}

.stepAdd a
{
	font-weight: bold;
	font-size: 14px;
	color: #808284;
	text-decoration: underline;
}

.success
{
	color: black;
	font-size: 11pt;
}

.systemDesc
{
	font-family: Frutiger, Calibri, Arial;
	font-size: 11px;
	color: #8C8C8C;
}

.systemHid
{
	visibility: hidden;
	display: none;
	position: absolute;
}

.systemVis
{
	visibility: visible;
	display: block;
	position: relative;
}

.addMore
{
	border:1px solid black;
	color: #FFF;
	background-color: #c08120;
	padding: 4px;
}

.proceed
{
	border:1px solid black;
	color: #FFF;
	background-color: #999;
	padding: 4px;
}
.gallery h1 { background: url(http://images.techlighting.com/Configurator/4/gallery.gif) no-repeat top left; width: 119px; height: 21px; margin: 0; padding: 0; }
.gallery h1 span { display:none; }







/* These accompany the custom style sheets. */
/************************************************************************************************/
/************************************************************************************************/
.myBtns 
{
	position: relative;
	display: block;
	width: 179px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.endBtns 
{
	position: relative;
	display: block;
	width: 621px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.myStep
{
	position: relative;
	overflow: hidden;
	width: 621px;
	height: 126px;
	margin: 0;
	padding: 0;
}


.continueBtn, .continueBtn1, .continueBtn2 {  }
.continueBtn h1, .continueBtn2 h1, .continueBtn3 h1, .continueBtn4 h1
{
	cursor: hand;
	cursor: pointer;
	width: 78px;
	height: 25px;
	margin-top: 3px;
	margin-bottom: 2px;
	border: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.continueBtn1 h1
{
	cursor: hand;
	cursor: pointer;
	width: 78px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.continueBtn h1 span, .continueBtn1 h1 span, .continueBtn2 h1 span, .continueBtn3 h1 span, .continueBtn4 h1 span { display:none; }


.saveBtn, .saveEndBtn {  }
.saveBtn h1, .saveEndBtn h1
{
	cursor: hand;
	cursor: pointer;
	width: 78px;
	height: 25px;
	margin-top: 3px;
	margin-bottom: 2px;
	border: 0px;
	position: absolute;
	top: 0px;
}

.saveBtn h1, .saveEndBtn h1
{
	/* 
		Keep image path the same. 
		Only change the the id number (0) to match yours and the file name (save.gif)
    */
	background: url(http://images.techlighting.com/Configurator/4/custom/0/buttons/save.gif) no-repeat top left;
}
.saveBtn h1 { left: 80px; }
.saveEndBtn h1 { right: 0px; }
.saveBtn h1 span, .saveEndBtn h1 span { display:none; }
/************************************************************************************************/


.addToCartBtn
{
	cursor: hand;
	cursor: pointer;
	width: 78px;
	height: 25px;
	border: 0px;
}

.addAccessoriesBtn, .addAccessoriesToContinueBtn {  }
.addAccessoriesBtn h1, .addAccessoriesToContinueBtn h1
{
	cursor: hand;
	cursor: pointer;
	width: 78px;
	height: 25px;
	border: 5px;
	position: absolute;
}
.addAccessoriesBtn h1 span, .addAccessoriesToContinueBtn h1 span { display:none; }

.finishBtn {  }
.finishBtn h1
{
	cursor: hand;
	cursor: pointer;
	width: 78px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	right: 160px;
	margin-top: 3px;
}
.finishBtn h1 span { display:none; }

.deleteBtn {  }
.deleteBtn h1
{
	cursor: hand;
	cursor: pointer;
	width: 78px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	right: 80px;
	margin-top: 3px;
}
.deleteBtn h1 span { display:none; }


.step01 {  }
.step01 h1
{
	width: 621px;
	height: 126px;
	overflow: hidden;
	border: 0px;
	position: absolute;
}
.step01 h1 span { display:none; }


.step02, .step02b {  }
.step02 h1, .step02b h1
{
	width: 621px;
	height: 126px;
	overflow: hidden;
	border: 0px;
	position: absolute;
}
.step02 h1 span, .step02b h1 span { display:none; }


.step03, .step03b, .step03c {  }
.step03 h1, .step03b h1, .step03c h1
{
	width: 621px;
	height: 126px;
	overflow: hidden;
	border: 0px;
	position: absolute;
}
.step03 h1 span, .step03b h1 span, .step03c h1 span { display:none; }


.step04 {  }
.step04 h1
{
	width: 621px;
	height: 126px;
	overflow: hidden;
	border: 0px;
	position: absolute;
}
.step04 h1 span { display:none; }


.step05 {  }
.step05 h1
{
	width: 621px;
	height: 126px;
	overflow: hidden;
	border: 0px;
	position: absolute;
}
.step05 h1 span { display:none; }


.helpBG { width: 179px; }
.help {  }
.help h1
{
	width: 153px;
	height: 99px;
	border: 0px;
	margin: 0px;
}
.help h1 span { display: none; }

/*****************************************************************************************************/
/***** NAVIGATION BUTTONS *****/
/*****************************************************************************************************/

/* System Buttons */
.step1SystemOn, .step1SystemAvailable {  }
.step1SystemOn h1, .step1SystemAvailable h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	cursor: hand;
	cursor: pointer;
}
.step1SystemOn h1 span { display:none; }
.step1SystemAvailable h1 span { display:none; }
/*****************************************************************************************************/

/* Fixture Buttons */
.step2FixOff, .step2FixOn, .step2FixAvailable {  }
.step2FixOff h1, .step2FixOn h1, .step2FixAvailable h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.step2FixOn h1, .step2FixAvailable h1
{
	cursor: hand;
	cursor: pointer;
}
.step2FixOff h1 span, .step2FixOn h1 span, .step2FixAvailable h1 span { display:none; }
/*****************************************************************************************************/

/* Power Buttons */
.step3PowerOff, .step3PowerOn, .step3PowerAvailable {  }
.step3PowerOff h1, .step3PowerOn h1, .step3PowerAvailable h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.step3PowerOn h1, .step3PowerAvailable h1
{
	cursor: hand;
	cursor: pointer;
}
.step3PowerOff h1 span, .step3PowerOn h1 span, .step3PowerAvailable h1 span { display:none; }
/*****************************************************************************************************/

/* Summary Buttons */
.step3SummaryOff, .step3SummaryOn, .step3SummaryAvailable {  }
.step3SummaryOff h1, .step3SummaryOn h1, .step3SummaryAvailable h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.step3SummaryOn h1, .step3SummaryAvailable h1
{
	cursor: hand;
	cursor: pointer;
}
.step3SummaryOff h1 span, .step3SummaryOn h1 span, .step3SummaryAvailable h1 span { display:none; }

.step4SummaryOff, .step4SummaryOn, .step4SummaryAvailable {  }
.step4SummaryOff h1, .step4SummaryOn h1, .step4SummaryAvailable h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.step4SummaryOn h1, .step4SummaryAvailable h1
{
	cursor: hand;
	cursor: pointer;
}
.step4SummaryOff h1 span, .step4SummaryOn h1 span, .step4SummaryAvailable h1 span { display:none; }

.step5SummaryOff, .step5SummaryOn, .step5SummaryAvailable {  }
.step5SummaryOff h1, .step5SummaryOn h1, .step5SummaryAvailable h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.step5SummaryOn h1, .step5SummaryAvailable h1
{
	cursor: hand;
	cursor: pointer;
}
.step5SummaryOff h1 span, .step5SummaryOn h1 span, .step5SummaryAvailable h1 span { display:none; }
/*****************************************************************************************************/

/* Complete Buttons */
.step4CompleteOff, .step4CompleteOn, .step4CompleteAvailable {  }
.step4CompleteOff h1, .step4CompleteOn h1, .step4CompleteAvailable h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.step4CompleteOn h1, .step4CompleteAvailable h1
{
	cursor: hand;
	cursor: pointer;
}
.step4CompleteOff h1 span, .step4CompleteOn h1 span, .step4CompleteAvailable h1 span { display:none; }
/*****************************************************************************************************/

/* Empty Buttons */
.empty, .empty2 {  }
.empty h1, .empty2 h1
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.empty h1 span, .empty2 h1 span { display:none; }

/************************************************************************************************/


#cancelButton
{
	background: url(http://images.techlighting.com/Configurator/4/buttons/close.gif) no-repeat top left;
}