
/** Search Form
  * ========================================================================= */
	#queryString {
		font-size: 1.5em;
		height: 1.3em;
		width: 20em;
		}

/** Catalog Filters (categories, manufacturers)
  * ========================================================================= */
	.filterList 	{ margin-bottom: 10px; }
	.filterList ul  { margin: 0 0 0 5px; }
	.filterList li 	{
		font-size: .8em; 
		line-height: 1.5em;
		margin-left: 18px; 
		}
	.filterList li > ul 		{ padding: 0; margin: 0; }
	.filterList li > ul > li 	{ font-size: 1em; }
	.productCount { font-size: 0.8em; font-family: verdana; }
	.lowerContent { padding: 10px; }
	#filters, #productList {
		display: inline-block;
		height: 100%;
		vertical-align: top;
		}
	#filters { background-color: #eee; width: 180px; }
	#filters .backtrack { font-size: .8em; padding: 2px 5px; }
	#filters h2	{ line-height: 1.5em; padding: 0 5px; }
	#filters hr {
		border-top: 1px solid #ddd;
		height: 1px; 
		margin: 5px;
		}
		
/** Listing of products in the catalog
  * ========================================================================= */
		
	#productList {
		border: 1px solid #ddd;
		padding: 0 10px 10px;
		width: 650px;
		}
  
	#productList .paging   {
		background-color: #eee;
		border: 1px solid #ccc;
		border-width: 1px 0; 
		color: #333; 
		font-family: verdana;
		font-size: 0.7em; 
		line-height: 1.5em;
		padding: 2px 3px; 
		text-align: center;
		}
		
	#productList li { 
		border: 1px solid #fff;
		display: inline-block;
		list-style: none;
		height: 100px; 
		margin: 2px;
		vertical-align: top;
		width: 644px;
		}
	#productList .info { display: inline; }
	#productList .info .description { font-size: .8em; } 
	
	#productList li:hover { background-color: #ff9; border-color: #dd2; }
	
	#productList .thumbnail {
		border: 1px solid #fff;
		float: left;
		margin: 2px; padding: 0; 
		vertical-align: top; 
		}
	
	/** Tiled View
	  * --------------------------------------------------------------------- */
	#productList .tile li { 
		line-height: 1.2em;
		height: 110px; width: 310px; 
		overflow: hidden; 
		}
	 
	/** Thumbnail View 
	  * --------------------------------------------------------------------- */
	#productList .thumb li { width: 76px; height: 76px; } 
	#productList .thumb li .info { display: none; } 
/*  #productList .thumb li:hover .info {
		background-color: #fff;
		border: 1px solid #dd2; 
		display: inline-block;
		position: absolute;
		width: 300px;
		} 
*/
		
		
/** Product Details
  * ========================================================================= */
  
  	p.categories { margin: 0; }
 	
 	.productInfo h3 { font-size: 1.1em; margin: 2px 0 0; }
 	.productInfo label {
 		display: inline-block;
 		font-size: .8em;
 		margin: 2px 0;
 		text-align: right;
 		vertical-align: top;
 		width: 100px;
 		}
 	/** Product View -------------------------------------------------------- */
 	#productView { 
 		display: inline; float: right;
		margin: 10px; padding: 3px;
		width: 360px; 
		}
	#productView .tabs { margin-bottom: 10px; }
 	#productImage 	{  }
 	#productModel 	{ /* border: 2px solid #eee; */ background-color: #eee; }
	#dxsDoc 		{ height: 360px; }
	
	.instructions { font-size: .8em; padding: 5px; }
	.instructions label {
		display: inline-block;
		font-weight: bold;
		font-family: courier;
		font-size: 1em;
		width: 80px;
		}
	.instructions ul { list-style: none; margin: 0; }
	
	#animations li 	{ margin-left: 15px; }
	#subgroups 		{ 
		display: inline-block; 
		width: 472px; 
		}
	.subgroup {
		border: 1px solid #ccc;
		border-width: 0 0 1px;
		margin: 5px; padding: 2px;
		}
	#subgroups h4 	{ 
		border-bottom: 2px solid #ccc;
		margin: .75em 0 .25em; 
		
		vertical-align: top;
		border: none;
		margin: 0; 
		}
	.material {
		border: 1px solid #ddd;
		display: inline-block;
		margin: 2px; padding: 3px;
		width: 216px;
		
		margin: 1px; padding: 1px;
		width: 25px; height: 25px; overflow: hidden;
		} 
	.material img 	{ vertical-align: top; float: left; margin: 0 3px 0 0; }
	.material .info { color: #777; font-size: .8em; }
 
 
 
 
 	#productView {
		display: inline-block;
		float: right; 
		width: 580px;
		margin: 0;
		}
	#productView #productImage { text-align: center; }
	
	#mainInfo 		{ width: 250px; float: left; }
	#dxsDoc 		{ width: 560px; height: 400px; }
	#additionalInfo { clear: both; }
	
	#topContainer #catalogSearchForm { 
		font-size: .8em; 
		float: right; 
		display: inline-block; 
		padding: .75em 0; 
		}
	#topContainer #catalogSearchForm label { color: #fff; }
	#topContainer #catalogSearchForm input { font-size: 1em; }
	
	#additionalInfo #productList { width: auto; }
	#additionalInfo #productList .tile li { width: 405px; }
	#additionalInfo #productList .info a { color: #000; text-decoration: none; }
	#additionalInfo #productList .info a:hover { text-decoration: underline; }
	#additionalInfo #productList .info .description { color: #444; }
	#additionalInfo #productList li:hover { border-color: #fff; background-color: #eee; }
	
	#admin > .tools { background-color: #eee; }
	#admin > #console { 
		border: 1px solid #ddd; 
		font-family: consolas, monospace;
		font-size: 9pt;
		line-height: 1.5em;
		height: 300px; 
		overflow-y: scroll; 
		}
	#admin > #console p { margin: 0; padding: 0; }
 
