@import url(/phact/client/css/controls.css);
	
	BODY, TD
		{ font-family: Tahoma, Verdana, Helvetica, Geneva; font-size: 11px; }
	CITE
		{ font-style: normal; }

	BODY
		{
			background-color: #cccccc; margin: 0px;
			scrollbar-darkshadow-color: #cccccc; scrollbar-shadow-color:     #000000; 
			scrollbar-3dlight-color:    #cccccc; scrollbar-highlight-color:  #000000; 
			scrollbar-track-color:      #cccccc; scrollbar-face-color:       #cccccc; 
			scrollbar-arrow-color:      #000000;
			overflow: expression('auto');
		}

	A
		{ color: #880088; text-decoration: none; font-weight: bold; }
	A:HOVER
		{ color: #CA00CA; }

	INPUT, SELECT, TEXTAREA
		{
			font-weight: bold; background-color: #ffffff; 
			font-family: Tahoma, Verdana; 
			font-size: 10px; 
			border: 1px solid #bbbbbb; 
		}
	TEXTAREA
		{ overflow: auto; }

	/** ctrl_xdate */
	.ctrl_xdate
		{ behavior: url(/phact/client/behaviors/forms/x/dateControl.htc); width: 100%; 
		  background-color: white; white-space: nowrap; border: 1px solid #c0c0c0; text-align: left; }
	.ctrl_xdate #label
		{ width: expression(this.parentNode.clientWidth - this.parentNode.children[2].clientWidth - 8); 
			height: 14; overflow: hidden; float: left; padding: 1 2 1 2; }
	.ctrl_xdate #button
		{ background: url(/images/icons/ui/calendars.gif) no-repeat center middle; font-size: 2px; 
			width: 16; height: 14; float: right; border-left: 1px solid #c0c0c0; }

	#dateControlContainer
		{	position: absolute; left: 0px; top: 0px; visibility: hidden; display: none; width: 150; z-index: 10; }

	.order
		{ background-color: #BBBBBB }
	.order TD
		{ background-color: #E9E9E9 }
	.order .tableTitle
		{ background-color: #E9E9E9 }
	.order .title
		{ background-color: #DDDDDD; font-weight: bold; }
	.order .title TD
		{ padding: 2px; background-color: #DDDDDD; font-weight: bold; }
	.order .header TD
		{ background-color: #EFEFEF; font-weight: bold; }
	.order .border
		{ border: 1px solid #D1D1D1; }

	.order-step
		{ font-weight: bold; font-size: 9px; color: #999999; }
	.order-step-current
		{ font-weight: bold; font-size: 10px; }
	.order-step A
		{ color: #999999; }
	.order-step A:hover
		{ color: white; text-decoration: none; }

	.tableBackground
		{ background-color: #BBBBBB; border-collapse: collapse; }
	.cell
		{ border: 1px solid #bbbbbb; border-collapse: collapse; }
	.subBorder
		{ background-color: #E5E5E5; border: 1px solid #BBBBBB; }
	.tableLegend
		{ font-weight: bold; background-color: #DDDDDD; }
	.tableLegend A	
		{ text-decoration: none; }
	.tableLegend A:HOVER
		{ color: black; }
	.tableTitle
		{ font-weight: bold; background-color: #D8D8D8; color: #666666; }
	.tableTitle TD
		{ font-weight: bold; }
	.tableTitle A
		{ text-decoration: none;  }
	.tableTitle A:HOVER
		{ color: black; text-decoration: underline; }
	.tableContent
		{ background-color: #E5E5E5; }
	.tableCellLight
		{ background-color: #D4D4D4; }
	.tableFooter
		{ font-weight: bold; background-color: #666666; color: #CCCCCC; }
	.tableFooter TD
		{ font-weight: bold; background-color: #666666; color: #CCCCCC; }
	.tableFooter A
		{ color: #CCCCCC; }
	.tableFooter A:HOVER
		{ color: white; }
	.tableHeaderWhite
		{ font-weight: bold; background-color: white; color: black; }
	.tableFooterYellow
		{ font-weight: bold; background-color: #FEFABC; color: black; }
	.discreteTitle
		{ background-color: #D7D7D7; font-weight: bold; }

	.addressTable
		{ background-color: white; }
	.tiny
		{ font-size: 9px; }

	.basicCell
		{ border: 1px solid #BBBBBB; }

	.outer .left
		{ background-color: #C9C9C9; }
	.outer .middle
		{ width: 780px; border: 1px solid #D6D6D6; border-width: 0 1 0 1; padding: 5px; }
	.outer .right
		{ background-color: #C9C9C9; }

	.pageTitle
		{ background-color: #D8D8D8; border: 1px solid #FFFFFF; }

	.radio
		{ background-color: transparent; border: 0px }
	.checkbox
		{ background-color: transparent; border: 0px }
	.selectList
		{ width: 100%; }
	.textbox
		{ width: 100%; margin: 0px; padding: 1px; }
	.textarea
		{ width: 100%; height: 100%;
			scrollbar-darkshadow-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #ffffff; 
			scrollbar-highlight-color:  #000000; scrollbar-track-color:  #ffffff; scrollbar-face-color:    #ffffff; 
			scrollbar-arrow-color:      #000000;
		}
	.inputPrice
		{ width: 100%; text-align: right; }
	.inputFilter 
		{ font-size: 10px; border: 0px solid black; padding-left: 1px; }
	.inputFilterStretch
		{ width: 100%; font-size: 10px; }

	/* button: behavior for IE and :HOVER for Mozzy */
	.button
		{ background-color: white; color:black; border: 1px solid #999999; padding: 0 7 0 7; margin-left: 1; font-size: 10px;
		  behavior: url(/delight/scripts/behaviors/button.htc); height: 16px; }
	.button:HOVER 
		{ background-color: transparent; color: white; }
	.submit
		{ background-color: white; color:black; border: 1px solid #999999; padding: 0 7 0 7; margin-left: 1; font-size: 10px;
		  behavior: url(/delight/scripts/behaviors/button.htc); height: 16px; }
	.submit:HOVER 
		{ background-color: transparent; color: white; }
	.reset
		{ background-color: white; color:black; border: 1px solid #999999; padding: 0 7 0 7; margin-left: 1; font-size: 10px;
		  behavior: url(/delight/scripts/behaviors/button.htc); height: 16px; }
	.reset:HOVER 
		{ background-color: transparent; color: white; }

	.buttonGray
		{ background-color: white; color: #999999; border: 1px solid #999999; padding: 0 7 0 7; margin-left: 1; font-size: 10px;
		  behavior: url(/delight/scripts/behaviors/button.htc); height: 16px; }
	.buttonGray:HOVER 
		{ background-color: transparent; color: white; }

	DIV.button
		{ border: 1px solid #C9C9C9; padding: 1px; text-align: center; cursor: default; }
	SPAN.button
		{ border: 1px solid #C9C9C9; padding: 1px; text-align: center; cursor: default;  }


	.thumbnail
		{ border: 1px solid white; }

	.sectionRow
		{ font-family: Arial; color: white; font-size: 14px; font-weight: bold; border-bottom: 1px solid white; }
	.sectionRow A
		{ text-decoration: none; color: white; }
	.sectionRow A:HOVER
		{ color: #666666; }

	.id
		{ color: #666666; font-size: 14px; font-weight: bolder; }	
	.id A
		{ color: #666666;  }	
	.description
		{ color: #FEFABC; padding: 7px; font-size: 11px; }
	.description A
		{ color: white; }
	.remarks
		{ color: #FEFABC; }
	.price
		{ color: white; font-weight: bold; }
	.inStock
		{ color: white; font-weight: bold; }

	.productFilter
		{ background-color: #D3D3D3; }

	.productFacts
		{ color: #666666; }
	.productFacts A
		{ color: #666666; font-weight: bold; }
	.productFacts1
		{ color: #666666; font-size: 10px; }
	.productFacts1 A
		{ color: #666666; font-weight: bold; }
	.navigationTable
		{ background: url(/delight/images/bgnds/bg_nav.gif) no-repeat; }
	.priceTable
		{ background: url(/delight/images/bgnds/bg_price.gif) no-repeat center; }
	.bottomEdge
		{ background: url(/delight/images/bgnds/bg_bottom.gif) no-repeat top left; }
	.imageCell
		{ border: 1px solid white; }
	.imageLink:HOVER
		{ background-color: white; }

	.pager
		{ font-weight: bold; line-spacing: 20; }

	.mainMenu
		{ background-color: #e0e0e0; font-family: Arial; font-weight: bold; font-size: 10px; color: #999999; }
	.mainMenu A
		{ text-decoration: none; color: #999999; }
	.mainMenu A:HOVER
		{ text-decoration: underline; color: black; }

	.currentSection
		{ color: #666666; }
	.currentSection A 
		{ color: #666666; }

	.catalogEntrance TD
		{ font-weight: bold; color: #333333; font-size: 11px; }
	.catalogEntrance A
		{ text-decoration: none; }
	.catalogEntrance A:HOVER
		{ text-decoration: underline; color: #333333; }

	.error
		{ color: #ff0000; font-weight: bold; }

	.fieldset
		{ border: 1px solid #999999; padding: 0 10 10 10; }
	
	.fieldset LEGEND
		{ margin-bottom: 10px; }

	A.link_button
		{ background-color: white; color:black; border: 1px solid #999999; padding: 1 7 1 7; margin-left: 1; font-size: 10px }
	A.link_button:HOVER
		{ background-color: transparent; text-decoration: none; color: white; }

	A.hoverButtonSmall
		{ background-color: white; color:black; border: 1px solid #999999; padding: 1 7 1 7; margin-left: 1; font-size: 9px }
	A.hoverButtonSmall:HOVER
		{ background-color: transparent; text-decoration: none; color: white; }

	.ctrl_xdate
		{ behavior: url(/phact/client/behaviors/forms/x/dateControl.htc); width: 100%; 
		  background-color: white; white-space: nowrap; border: 1px solid #c0c0c0; text-align: left; }
	.ctrl_xdate #label
		{ width: expression(this.parentNode.clientWidth - this.parentNode.children[2].clientWidth - 8); 
			height: 14; overflow: hidden; float: left; padding: 1 2 1 2; }
	.ctrl_xdate #button
		{ background: url(/delight/images/calendars.gif) no-repeat center middle; font-size: 2px; 
			width: 16; height: 14; float: right; border-left: 1px solid #c0c0c0; }

	.dateControl
		{ border: 1px solid #c0c0c0; width: 100%; }

	#dateControlContainer
		{	position: absolute; left: 0px; top: 0px; visibility: hidden; display: none; width: 150; z-index: 10; }