.contentArea {
	/* Do not over-ride the following:  ( see ro_baseStyle.css )
	background-image
	background-repeat
	background-position

	width
	border 
	margin
	*/

	color:				#333333;
	font-family:		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;

	text-decoration:	none;
	text-align:			left;
	vertical-align:	top;
}


.contentArea a { 
	color: 				#3366cc;
	text-decoration:	none;
}
.contentArea a:hover {
	color: 				#F00000;
	background-color:	#F0F0F0;
}

.contentArea p {
	border:				0px solid #0000FF;

						/*	top	rt		bot	lft */
	margin:				0px	0px	1.5em	0px;
	padding:				0px;
}














/* The following lines are for the banner picture & words on the home page */

.contentArea .homeBanner {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			21px;
	line-height:		130%;

	/* these settings assume a contentArea width of 760-20-20-147-24-10=539, 
		contentArea padding = 6px	24px	6px	10px
		and banner image width = 560 */
						/*	top	rt		bot	lft */
/*	margin:				-6px	-24px	0px	0px;*/
	margin:				0px	-24px	0px	0px;

	height:				216;	/* the height and width of the image are set here.  */
	width:				560;

/*	overflow:			hidden;*/	/* this forces the div height to be what 
											I set it to, otherwise the height changes.
											if the height changes then the overlay 
											positioning won't be right. */
}

.contentArea .homeBanner img {
	height:				100%;	/* set the image height and width on parent.  */
	width:				100%;
	margin:				0px;
}

.contentArea .homeBanner p {
						/*	top		rt		bot		lft */
	margin:				0px		0px	0px		0px;
	padding:				20px		0px	0px		15px;
/*
	display:				block;
	position:			relative;
	top:					-100%;
*/
}











.contentArea .dsLink {
	color: 				#4466CC;
	font-size:			0.85em;

	text-align:			right;
	line-height:		2.25em;
	vertical-align:	middle;

	border:				0px solid #0000FF;

						/*	top	rt		bot	lft */
	margin:				5px	0px	5px	0px;
	padding:				5px	10px	5px	10px;
}
.contentArea .dsLink img {
	vertical-align:	middle;
	border:				0px solid #0000FF;
						/*	top	rt		bot	lft */
	margin:				4px	0px	4px	0px;
}

.contentArea .productImage {
	border:				0px solid #000000;
	float:				left;
						/*	top	rt		bot	lft */
	margin:				14px	3px	16px	3px;
}

.contentArea .title {
	color:				#333333;
	font-weight:		bold;
	font-size:			14px;

	border:				0px solid #0000FF; 
						/*	top	rt		bot	lft */
	padding:				0px	0px	16px	0px;
}

.contentArea dl {
	border:				0px solid #0000FF;

						/*	top	rt		bot	lft */
	margin:				0px	10px	10px	10px;
	padding:				1px;
}

.contentArea dt {
	font-weight:		bold;

	border:				0px solid #00FF00;
	padding:				3px;
	margin:				3px;

	clear:				left;
	float:				left;
}
.contentArea dd {
	border:				0px solid #FF0000;
	padding:				3px;
	margin:				3px;
}


.table-parts {
	color:				#000000;
	font-family:		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;

	vertical-align:	top;

	background-color:	#FFFFFF;
	float:				right;
	border:				0px solid #0000FF;

						/*	top	rt		bot	lft */
	margin:				14px	0px	16px	0px;
}
.table-parts .description {
	text-align:			left;
}
.table-parts .oldPnIsRohs {
	color:				#008000;
	font-weight:		bold;
}
.table-parts .partNum {
	font-weight:		bold;
}
.table-parts caption {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			0.85em;
	text-align:			left;

	border:				0px solid #0000FF;
	padding:				1em;
}
.table-parts th {
	background-color:	#DA0000;
	color:				#FFFFFF;
	font-weight:		bold;
	text-align:			center;
}
.table-parts td {
	background-color:	#E9E9E9;
	font-size:			0.83em;
	text-align:			center;
	padding:				0.4em;
}
.table-parts a {
	text-decoration:	none;
}
.table-parts a:hover {
	color:				#990000;
}


 
.table-legacy {
	color:				#000000;
	font-family:		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-style:			normal;
	font-weight:		400;

	text-decoration:	none;
	white-space:		nowrap;
	text-align:			center;
	vertical-align:	bottom;

	background-color:	#FFFFFF;

	border:				0px none #000000;
	border-collapse:	collapse;

	margin:				5px;
}
.table-legacy th {
	color:				red;
	font-weight:		700;
	border-bottom:		0pt solid black; 
}
.table-legacy td {
	color:				windowtext;

	height:				15pt;
	border-bottom:		0px solid #CCCCCC;
	padding:				0.2em;
}
.table-legacy a {
	color:				#0000FF;
	text-decoration:	none;
}
.table-legacy a:hover {
	color:				#990000;
}
.table-legacy .model {
	text-align:			left;
}





div.pressRelease {
/*	color:				#000000; */
	color:				#333333;
/*	font-family:		Calibri, Verdana, Arial, Helvetica, sans-serif; */
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			14px;

						/*	top	rt		bot	lft */
	margin:				0px;
	padding:				12px	22px	6px	22px;
}
div.pressRelease p {
						/*	top	rt		bot	lft */
	margin:				0px	0px	16px	0px;
}

div.pressRelease p.header1 {
	font-size:			1.3em; 
	font-weight:		800;
}



#vqp_about {			/* hidden div for info about menu developer */
	color:				#FFFFFF;
	font-family:		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:			8pt;

	position:			absolute;
	visibility:			hidden;
}