


#key{
	/*height: 25px;
	background: url(img2/key-line.gif) bottom left repeat-x;*/
	padding-bottom: 40px;
	margin: -65px 10px 0 10px;
}

	#key span{
		float: right;
		font-size: 11px;
		padding: 2px 20px 2px	22px;
	}
	
	#key1{
		background: url(img2/key2.gif) left center no-repeat;
	}
	#key2{
		background: url(img2/key3.gif) left center no-repeat;
	}

	
	.customers-title {
		position: relative;
		margin: 0 30px 25px 30px;		
		background-position: 0 45px;
		font-weight: bold;
		color: #0A897A;
	}
	
	.customers-title li{
		height: 18px;
		padding: 10px 0 10px 0;	
		font-size: 1.1em;
	}
	
	.customers-title li.title-li{
		font-weight: bold;
		background: #fff;
		font-size: 12px;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.customers{
		position: relative;
		margin: 0 30px 25px 30px;
		background-color: #EFEFEF;
		background-position: 0 45px;
	}
	
		.customers li{
			height: 18px;
			padding: 10px 0 10px 0;	
			font-size: 1.1em;
		}
		
			.customers li.title-li{
				font-weight: bold;
				background: #fff;
				font-size: 12px;
				margin-bottom: 15px;
				padding-bottom: 15px;
			}
			
			span.customer{
				float: left;
				width: 196px;
				padding-left: 30px;
			}
			
				span.customer #sort-by{
					float: right;
					font-size: 11px;
					padding-right: 17px;
					font-weight: normal;
					margin-right: 35px;
					background: url(img2/down-tick.gif) right center no-repeat;
				}
			
			span.cust-type{
				float: left;
				width: 211px;
			}
			
			span.keys{
				float: left;
				width: 60px;
			}
			
				span.keys span{
					float: left;
					width: 30px;
				}
			
			a.pop-link{
				position: relative;
				height: 16px;
				width: 16px;
				margin-right: 10px;	
				float: left;
				text-decoration: none;
				background: url(img2/key1.gif)  top left;
			}
			
			a.pop-link span{
				position: absolute;
				top: -140px;
				left: -15px;
				z-index: 10;
				width:  250px;
				padding-bottom:10px;
				padding-top:10px;
				padding-left:5px;
				padding-right:40px;
				height: 150px;
				text-align: left;
				color: #fff;	
				font-size: 11px;
				background: url(img2/bubble.gif) no-repeat top left;
				text-decoration: none;
				display: none;
			}
			
			a.pop-link:hover span{
				display: block;
			}
			
			a.pop-link span strong{
				font-size: 12px;
				display: block;
				font-weight: bold;
				padding-bottom: 5px;
			}

			.customer-table
			{
				width:600px;
				/*background-color: #EFEFEF;*/
				margin:0 30px 25px;
				font-size:1.2em;
			}
			
			.customer-table thead tr
			{
				/*background: #EFEFEF url(img2/clients-bg.gif) repeat-x;*/
				background: url(img2/clients-bg.gif) top repeat-x;
				height:10px;
				color:#EFEFEF;
			}
			
			.customer-table thead th
			{
				font-size:0;
			}
	
	.customer-table img
	{
		padding-top:5px;
	}
	
	.customer-table tr
	{
		height: 30px;
	}
	
		.customer-table td
	{
		vertical-align:middle; 
	}
	
	.customer-table .customertd
	{
		width:300px;
	}
	
	.customer-table .cust-type
	{
		width:0px;
		color: #ffffff;
		line-height:0px;
	}
	
	.customer-table .customer
	{
		width:30px;
		padding-left: 10px;
	}
	
	.customer-table .company-name
	{
		width: 200px;
	}

				div.customer{
				float: left;
				width: 0px;
				padding-left: 0px;
			}
			
				div.customer #sort-by{
					float: right;
					font-size: 11px;
					padding-right: 17px;
					font-weight: normal;
					margin-right: 35px;
					background: url(img2/down-tick.gif) right center no-repeat;
				}
			
			div.cust-type{
				float:left;
				vertical-align:middle;
				width:250px;
			}
			
			div.keys
			{
				float: right;
				width: 210px;
			}
			
			#sortby{
				float:left;
			}
			
			#sub{				
				font-weight: normal;
				position: absolute;
				background-color: #0A897A;
			}
			
			#sub a{
				color: white;
				padding: 5px;
			}
			




























