/* GENERIC CARYOTE STYLE */

/*	----------		MISC ELEMENTS	----------	*/
	
	.bodyArea
	{
		background-image: 		url("../img/styles/generic/page/bg-page.gif");
		background-repeat:		repeat-x;
		background-position:	top left;
	}
	

	.bgTitle
	{
		background-color: 		#efefef;
		padding:				10px 10px 10px 10px;
	}
	
	sup
	{
		font-size:				10px;
		font-weight:			normal;
	}

	.hr
	{
		background-color: 		#c1c1c1;
		padding:				0 0 0 0;
		margin:					0 0 0 0;
		height:					1px;
		line-height:			1px;
		border:					none;
		clear:					both;
	}


	
/*	----------		TEXT	----------	*/

	
	.b, .b1, .b2, .b3, .b4, .pt, .sh, .st, .sm, a, td, #dhtmltooltip, .frmLabel, #infoFrameTitle
	{
		font: 					12px Arial, Helvetica, sans-serif;
		color:					#363636;
	}
	
	.b1 { text-align: left; }
	.b2 { text-align: right; }
	.b3 { text-align: left; font-weight: bold; }
	.b4 { text-align: right; font-weight: bold; }

	.pt, #infoFrameTitle
	{
		font-size: 				24px;
		color:					#000000;
		text-align:				left;
		font-weight:			bold;
		padding:				0 0 0 0;
	}
	
	.sh
	{
		font-size: 				13px;
		text-align:				left;
		font-weight:			bold;
		padding:				5 0 5 0;
	}
	
	.sh-center
	{
		font-size: 				13px;
		text-align:				center;
		font-weight:			bold;
		padding:				5 0 5 0;
		align:					center;
	}
	
	.st
	{
		font-size: 				14px;
		text-align:				left;
		font-weight:			bold;
	}

	.sm
	{
		font-size: 				8px;
	}
	
	.instTitle
	{
		font-size: 				16px;
	}
	

	
/*	----------	LINKS		----------	*/

	.tdLink
	{
		cursor:					pointer;
	}
	
	a:link, a:visited, a:active
	{
		text-decoration:		none;
		color:					#3d7bad;
		cursor:					pointer;
	}
	
	a:hover
	{
		color:					#295375;
		cursor:					pointer;
	}
	
	a:link.footer, a:visited.footer
	{
		font-size:				10px;
		color:					#3d7bad;
		text-decoration:		none;
	}
	
	a:hover.footer, a:active.footer
	{
		color:					#295375;
	}
	
	
/*	----------	COLOR CHIPS	----------	*/
	
	.clrChipImage, .clrChipSelect
	{
		border:					1px solid #efefef;
	}
	
	.clrChipSelect
	{
		background-color:		#295375;
		visibility:				hidden;
		height:					5px;
		line-height:			5px;
	}
	
	.clrChip:hover
	{
		background-color:		#e7eff5;
	}
	
/*	----------	BUTTON LINKS	----------	*/
	
	.btnLink
	{
		height:					30px;
		line-height:			30px;
		display:				block;
	}
	
	#btnRestart
	{
		background-image: 		url("../img/styles/generic/icons/restart.png");
		background-repeat:		no-repeat;
		background-position:	right center;
		margin:					5px 5px 5px 5px;
		padding:				0px 35px 0px 0px;
		float:					right;
	}
	
	#btnStandards
	{
		background-image: 		url("../img/styles/generic/icons/package.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					5px 10px 0px 5px;
		padding:				0px 0px 0px 30px;
		float:					left;
	}
	
	#btnPhotos
	{
		background-image: 		url("../img/styles/generic/icons/photo_camera.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					5px 10px 0px 0px;
		padding:				0px 0px 0px 30px;
		float:					left;
	}
	
	#btnSpecs
	{
		background-image: 		url("../img/styles/generic/icons/tools.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					5px 10px 0px 0px;
		padding:				0px 0px 0px 30px;
		float:					left;
	}
	
	#btnContinue
	{
		background-image: 		url("../img/styles/generic/icons/next.png");
		background-repeat:		no-repeat;
		background-position:	right center;
		margin:					0px 0px 0px 0px;
		padding:				0px 30px 0px 0px;
		height:					35px;
		line-height:			35px;
	}
	
	#btnSendQuote
	{
		background-image: 		url("../img/styles/generic/icons/yellow_mail_send.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 30px;
	}
	
	#btnClose
	{
		background-image: 		url("../img/styles/generic/icons/delete.png");
		background-repeat:		no-repeat;
		background-position:	right center;
		margin:					0px 0px 0px 0px;
		padding:				0px 30px 0px 0px;
	}
	
	#btnPrint
	{
		background-image: 		url("../img/styles/generic/icons/printer.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 30px;
	}
	
	#btnOption
	{
		background-image: 		url("../img/styles/generic/icons/option.gif");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 18px;
	}
	
	#btnInfo
	{
		background-image: 		url("../img/styles/generic/icons/info.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		width:					16px;
		height:					16px;
		margin:					0px 10px 0px 10px;
		padding:				0px 0px 0px 0px;
		display:				inline-block;
	}
	
	#btnNo
	{
		background-image: 		url("../img/styles/generic/icons/block.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 30px;
		float:					left;
		font-weight:			bold;
		font-size:				14px;
	}
	
	#btnYes
	{
		background-image: 		url("../img/styles/generic/icons/accept.png");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 30px;
		float:					right;
		font-weight:			bold;
		font-size:				14px;
	}
	
/*	----------	BTN	----------	*/

	#btn
	{
		background-image: 		url("../img/styles/generic/btn/btn-bg.gif");
		height:					40px;
		line-height:			40px;
		background-repeat:		repeat-x;
		display:				inline-block;
	}
	
	#btnLeft
	{
		background-image: 		url("../img/styles/generic/btn/btn-left.gif");
		background-repeat:		no-repeat;
		height:					40px;
		line-height:			40px;
		width:					100%;
		float:					left;
		display:				inline-block;
	}
	
	#btnText
	{
		height:					40px;
		line-height:			40px;
		display:				inline-block;
		float:					left;
		padding:				0px 10px 0px 10px;
		font-weight:			bold;
		font-size:				14px;
	}
	
	#btnRight
	{
		background-image: 		url("../img/styles/generic/btn/btn-right.gif");
		background-repeat:		no-repeat;
		background-position:	right;
		height:					40px;
		line-height:			40px;
		width:					100%;
		float:					left;
		display:				inline-block;
	}
	
	
	
/*	----------	TABS	----------	*/
	#tabArea
	{
		margin:					0 auto;
		padding:				0px 0px 0px 0px;
	}
	
	
	#tabContainer
	{
		background-image: 		url("../img/styles/generic/tabs/tab-area.gif");
		background-repeat:		repeat-x;
		width:					100%;
		height:					35px;
		line-height:			35px;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	}
	
	#tabTD
	{
		width:					16.66%;
	}
	
	#tabElement
	{
		background:				none;
		display:				block;
		width:					100%;
		white-space: 			nowrap;
	}
	
	#tabColumn, #tabColumnOff, #tabColumnOn
	{
		background-image: 		url("../img/styles/generic/tabs/tab-bg.gif");
		background-repeat:		repeat-x;
		text-align:				center;
		display:				block;
		width:					100%;
		height:					35px;
		line-height:			35px;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	}
	
	#tabColumnOn
	{
		background-image: 		url("../img/styles/generic/tabs/tab-bg-on.gif");
		background-repeat:		repeat-x;
	}
	
	#tabColumn:hover
	{
		background-image: 		url("../img/styles/generic/tabs/tab-bg-over.gif");
		background-repeat:		repeat-x;
	}
	
	#tabText
	{
		font-weight:			bold;
		font-size:				14px;
	}
	
	#tabTextOn
	{
		font-weight:			bold;
		font-size:				14px;
		color:					#000000;
	}
	
	#tabTextOff
	{
		font-weight:			bold;
		font-size:				14px;
		color:					#c1c1c1;
		cursor:					default;
	}
	
	#tabElementText_0, #tabElementText_1, #tabElementText_2, #tabElementText_3, #tabElementText_4
	{
		text-align:				center;
		align:					center;
		text-align: 			center;
		width:					100%;
		white-space: 			nowrap;
	}
	
	#tabElementLeft_1, #tabElementLeft_2, #tabElementLeft_3, #tabElementLeft_4
	{
		width:					1px;
		text-align: 			center;
		width:					100%;
		float:					left;
	}
	
	#tabElementLeft_0
	{
		background-image: 		url("../img/styles/generic/tabs/tab-left.gif");
		background-position:	left;
		background-repeat:		no-repeat;
		text-align: 			center;
		width:					100%;
		float:					left;
	}
	
	#tabElementRight_0, #tabElementRight_1, #tabElementRight_2, #tabElementRight_3
	{
		background-image: 		url("../img/styles/generic/tabs/tab-separator.gif");
		background-position:	right;
		background-repeat:		no-repeat;
		text-align: 			center;
		width:					100%;
		float:					left;
	}
	
	#tabElementRight_4
	{
		background-image: 		url("../img/styles/generic/tabs/tab-right.gif");
		background-position:	right;
		background-repeat:		no-repeat;
		text-align: 			center;
		width:					100%;
		float:					left;
	}
	
	
/*	----------	ROWS	----------	*/
	
	
	a:link.rowLink, a:visited.rowLink, a:active.rowLink
	{
		text-decoration:		none;
		color:					#363636;
	}
	
	a:hover.rowLink
	{
		color:					#000000;
	}
	
	#selectRow, .tableRow, .rowLink, .rowText
	{
		/* set height for row */
		height:					35px;			
		line-height:			35px;
		vertical-align:			middle;
		border:					none;
	}
	
	#selectRow:hover
	{
		background-color:		#e7eff5;
	}
	
	.rowEven
	{
		background-color:		#f7f7f7;
		border:					none;
		display:				block;
	}
	
	.rowOdd
	{
		background-color:		#ffffff;
		border:					none;
		display:				block;
	}
	
	.rowRadio
	{
	}
	
	.rowLeft
	{
		float:					left;
		border:					none;
	}
	
	.rowRight
	{
		float:					right;
		padding-right:			10px;
	}
	
	.rowText
	{
		background-image: 		url("../img/styles/generic/icons/arrow.gif");
		background-repeat:		no-repeat;
		background-position:	left center;
		margin:					0px 0px 0px 5px;
		padding:				0px 0px 0px 10px;
	}

/*	----------	FORM	----------	*/
	
	.inputBox
	{
		border:					1px solid #c9c9c9;
		width:					180px;
		padding:				3px 3px 3px 3px;
		color:					#000000;
		float:					left;
	}
	
	.frm
	{
		align:					middle;
		text-align:				left;
		margin-left:			10px;
	}
	
	.frmLabel
	{
		float:					left;
		text-align:				left;
		vertical-align:			middle;
		height:					30px;
		line-height:			30px;
	}
	
	.frmInputArea
	{
		width:					50%;
		float:					right;
		text-align:				left;
		vertical-align:			middle;
		height:					30px;
		line-height:			30px;
	}
	
	.frmInput
	{
		float:					left;
		text-align:				left;
		vertical-align:			middle;
		height:					30px;
		line-height:			30px;
	}
	
	.frmAlert
	{
		background-image: 		url("../img/styles/generic/icons/alert.gif");
		background-repeat:		no-repeat;
		background-position:	right;
		height:					20px;
		line-height:			20px;
		width:					30px;
		visibility:				hidden;
		display:				none;
		float:					left;
	}
	
	#dhtmltooltip
	{
		border: 				1px solid #c1c1c1;
		background-color: 		#FFFFFF;
	}