/* CSS only needed for the demo */



#mainContainer{

	width:630px;

	border-left:1px solid #317082;	

	border-right:1px solid #317082;	

	margin:0 auto;	/* Center align content, equivalent to margin-left:auto;margin-right:auto; */

	text-align:left;	/* Override inherited text-align:center from the body tag */

	background-color:#FFF;

	height:100%;

}



#menuColumn{

	width:160px;

	float:left;

	padding:5px;

	font-size:0.9em;

}

#mainContent{

	width:440px;

	float:left;	

}



.oddRow{

	background-color:#FFF;

}

.evenRow{

	background-color:#EEE;

}



.productTable{

	border:3px double #000;

}

h3{

	margin-top:0px;

}





/* End css for the demo */



/* CSS needed for the script */



#ajax_tooltipObj{

	z-index:1000000;

	text-align:left;

}

#ajax_tooltipObj div{

	position:relative;

}



/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */



/*#ajax_tooltipObj .ajax_tooltip_arrow{	

background-image:url('../images/tooltip/arrow1.gif');

	width:10px;

	position:absolute;

	left:-96px;

	top:0px;

	background-repeat:no-repeat;

	background-position:center left;

	z-index:1000005;

	height:40px;

}*/



#ajax_tooltipObj .ajax_tooltip_content{

	border:1px solid #317082;	/* Border width */

	left:-168px;	/* Same as border thickness */

	top:50px;

	position: absolute;

	width:180px;	/* Width of tooltip content, this was originally 90px */

	height:auto;	/* Height of tooltip content */

	background-color:#FFFFFF;	/* Background color */

	padding:10px;	/* Space between border and content */

	/*font-size:0.8em;*/	/* Font size of content */

	overflow:auto;	/* Hide overflow content */

	z-index:1000001;

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	font-weight:normal;
	
	cursor: auto;

}

/*#ajax_tooltipObj .ajax_tooltip_arrow1{	

	background-image:url('../images/tooltip/arrow.gif');

	width:10px;

	position:absolute;

	left:0px;

	top:0px;

	background-repeat:no-repeat;

	background-position:center left;

	z-index:1000005;

	height:40px;

}*/



/*#ajax_tooltipObj .ajax_tooltip_content1{

	border:1px solid #317082;

	left:10px;

	top:0px;

	position:absolute;

	width:200px;

	height:60px;

	background-color:#FFFFFF;

	padding:2px;

	font-size:0.8em;

	overflow:auto;

	z-index:1000001;

	text-align: left;

}*/