/* tooltip for lithia contact */
/* not really a tooltip :( */
.tooltip_contact
{	
	display: none;
	position: absolute;
	left: 204px;
	top: 176px;
	margin: 0 0 0 0;
	z-index: 20;
	width: 264px;
	height: auto;
	border: 1px solid #C2C2C2;
	background: transparent url(../images/form_bg.jpg) repeat;
	background-color: #F9F9F9;
	text-align: left;
	font-size: 12px;
	padding: 10px;
}

/* the following is for the tooltip popups */
.tooltip span
{
	display: none;
	margin: -50px auto auto 70px;
	z-index: 20;
	opacity: 1;
}
.tooltip:hover span
{
	display: block;
	clear: both;
	position: absolute;
	width: 300px;
	height: auto;
	/* top: -40px; */
	left: inherit;
	border: 1px solid #C2C2C2;
	background: transparent url(../images/form_bg.jpg) repeat;
	background-color: #F9F9F9;
	text-align: left;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	opacity: 1;
	/* margin: -50px auto auto inherit; */
}
/* turn this to block or remove */
/* if html will ever appear inside */
/* the tooltip... this will make it */
/* not highlightable. .tooltip span:hover */
.tooltip span:hover
{
	display: none;
}
.tooltip span h3
{
	margin: 0 0 0 0;
	font-size: 14pt;
}
.tooltip span h4
{
	margin: 0 0 0 0;
	font-size: 12pt;
}
.tooltip strong
{
	font-size: 12px;
}
.tooltip span .arrow
{
	display: block;
	position: absolute;
	width: 37px;
	height: 38px;
	left: -37px;
	top: 20px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: transparent url(../images/tooltip_arrow.gif) no-repeat;
	opacity: 1;
}
.tooltip img
{
	float: right;
	margin: 3px;
	border: 1px solid #DADADA;
}