/* 
 ** The colors in this file are just defaults; they can be overwritten by passing colors
 ** (such as those defined in rollover_text.js) to the rollover function ddrivetip().
 ** The only exception is the bottom background color, which is only defined here for now.
*/

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: auto;
	border: 1px solid #014e68; /* dark teal */
	padding: 0px;
	background-color:none;
	visibility: hidden;
	z-index: 100;
	font: normal 10px Verdana;
	cursor:move;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.dhtmltooltip_main_product {
	border: 1px solid #9e0b0f; /* dark red */
}

#tooltip_top{
	color:white;
	background:#007ba4; /* teal */
	text-align:center;
	padding:5px 3px;
	font-weight:bold;	
}

.tooltip_main_product{
	background:#ed1c24;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}