/*	holds all styles for the left navigation	*/


body{
  background: url(images/main/kremlin_repet.gif);  
  /*background-color: rgb(213, 231, 255);*/
  color: Navy;
  font-family: Arial,Sans-Serif;
  font-size: 10px;
}
a:link, a:active, a:visited {
  color: Navy;
}
.left_nav {
  color: Navy;
  font-family: Arial,Sans-Serif; 
  font-size: 10px;
}
.left_nav a:link, .left_nav a:active, .left_nav a:visited {
  text-decoration: none;
  color: Navy;
}
.featured_products {
  color: NAVY;
  font-family: tahoma; 
  font-size: 10pt; 
}
.featured_products a, .featured_products a:visited .featured_products a:hover {
  color: navy;
  text-decoration: none;
}
.related_products {
  color: NAVY;
  font-family: tahoma; 
  font-size: 10pt;
  margin-top: 10px;
}
.related_products a, .related_products a:visited, .related_products a:hover {
  color: navy;
  text-decoration: none;
}
.info img {
	margin-left: 10px;
	text-align: left;
	border: 1px solid navy;
}
a.info{
	color: navy; 
	position:relative; /*this is the key*/ 
	z-index: 24;
	text-decoration:none; 
}
a.info:hover{z-index: 25;} 
a.info span{display: none;} 
a.info:hover span { /*the span will display just on :hover state*/
	color: navy;
	display: block;
	position: absolute;
	top: 2em; left: 2em;
	border: 1px solid grey;
	background-color: #D5E7FF;
	text-align: center;
	width: 15em;
}