#map{
	
	width: 640px;
	height: 480px;
	border: 1px solid #999;
	color: #000;
	margin: 10px 0 0 0;
	line-height: 14px;
}

#map img{
	
	margin: 0 5px 5px 0;
	float: left;

}

#mapButtons{

	height: 75px;

}

#mapButtons ul{

	list-style: none;
	margin: 0;
	padding: 0;

}

#mapButtons ul li{

	float: left;

}

#mapButtons ul li a{

	display: block;
	border: 2px solid #fff;
	padding: 5px;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	margin: 0 30px 5px 0 ;
	font-size: .9em;
	background: #CFE597;

}

#mapButtons ul secondLine{
	clear: left;
}

#mapButtons ul li .btn{

	float: left;
	margin: 3px 5px 0 0;
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	display: block;

}

.btnTxt {font-size: 12px;}

#mapKey ul{

	list-style: none;
	padding: 0;

}

#mapKey ul li{

	float: left;
	width: 100px;
	margin: 3px 9px 0 0;

}

#mapKey ul li span{

	display: block;
	border: 1px solid #000;
	width: 15px;
	height: 15px;
	float: left;
	margin: 0 2px 10px 0;

}

.red{
	
	background: #FD7567;

}

.blue{

	background: #6991FD;
	
}

.yellow{

	background: #E5E572;

}

.green{

	background: #00e242;

}

.magenta{
	
	background: #e256a2;

}

.ltblue{

	background: #5bd4d4;

}

.darkgreen{

	background: #459245;

}

.secondblue{

	background: #14A1FF;

}

.white{
	background: #fff;
}	

.heart{
	background: url('images/maps/heart.gif');
}

.basket{
	background: url('images/maps/basket.gif');
}

.fork{
	background: url('images/maps/fork.gif');
}