body {
		text-align:left;
		font: normal 11px "Lucida Grande", Arial, Helvetica, Tahoma, sans;
		color: #333;
		line-height: 16px;
		background-color: #ddd;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background:url(images/back_pattern.gif);
		}
		
.MCnote {color: #B8016D; font-size: 12px;}	  /* use this during production to call out areas that need attention before launch */

p, td {text-align:left;
		font: normal 11px "Lucida Grande", Arial, Helvetica, Tahoma, sans;
		color: #333;
		line-height: 16px;}

b {color: #1b1b1b;}
b.color {color: #996600; font: 1.4em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;} /* this is used only for "focused resource for..." boxes */
b.title {color: #1b1b1b; font-weight: bold; text-transform:uppercase;}

.color {color: #8A4401;}
.small {font-size:10px;}

.wraplh	{line-height: 13px; margin-bottom:4px;}
		
p, h1, h2, ul { margin:0px 20px 10px 10px;}
ul { padding-left:20px;} /*IE fix*/
li	{ margin:0px 20px 0 0;}	
		
		

/*---------------------------------------------------------------------------------------
------HEADER TAGS----------------------------------------------------------------------------------*/	
		
h1, h2 {
	font-size: 14px;
	margin-top:0px;
	margin-bottom:0px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	text-transform:uppercase;
}

h2 {color:#000;
		font-size:11px;
		margin-top:0px;
		margin-bottom:0px;
		text-transform:uppercase;}
		
/*---------------------------------------------------------------------------------------
------THESE ARE THE MAIN DIVS - PAGE STRUCTURE----------------------------------------------------------------------------------*/		
		
	
#content {  /* this is the wrap container that also centers the page*/
		width:1000px;
		margin:0 auto 0 auto;
		padding:0px;
		text-align:left;
		background-color: #fff;
		border-color: #333; 
 		border-width: 0 3px 3px 3px; 
 		border-style: solid;
 		}
		
#contentheader {/*page header contains top navigation*/
		background:#fff;}
		
#contentleft {  /* far left column */
		width:234px;
		margin:0px
		padding:0px;
		float:left;
		background:#fff;
		/*border:1px solid #eee;*/
		}
	
#contentright {   /* right column...double columns have doubleleft and doubleright divs within this div */
		width:760px;
		margin:0px
		padding:0px;
		float:left;
		background:#fff;
		}
		
#contentright p { margin:0px 40px 10px 10px;}

		
#doubleleft {/*for double columns*/
		float:left; 
		width:600px; 
		border:0px;
		background:url(images/vert_dash.gif); /* Vertical rule between columns*/
 		background-repeat:repeat-y;
 		background-position:599px 0px;}
 		
 		
		#doubleleft .indent { padding:0 0 0 30px;}		
		
#doubleright {/*for double columns*/
		float:right; 
		width:160px; /*one pixel less due to border on center column*/
		padding:0px;
		margin:0px
		background:#fff;
	}
	
		
#doubleright p { font-size:10px; margin:0px 0px 10px 10px;}
	


		
td.leftside {  
		width:488px;
		border-width: 0 5px 0 0;
		background:url(images/vert_dash.gif);
 		background-repeat:repeat-y;
 		background-position:480px 0px;}
 		
.prodleftside {  
		border-width: 0 5px 0 0;
		background:url(images/vert_dash.gif);
 		background-repeat:repeat-y;
 		background-position:330px 0px;}
 		
.prodleftside2 {  
		border-width: 0 5px 0 0;
		background:url(images/vert_dash.gif);
 		background-repeat:repeat-y;
 		background-position:218px 0px;}
 		

	
	
/*---------------------------------------------------------------------------------------
------UNORDERED LISTS----------------------------------------------------------------------------------*/

#list { 
		list-style-type: circle;
		list-style-position: outside;
		font-size: 10px; 
		line-height: 16px;
		margin-bottom:6px;
		margin-left:6px;
		padding: 0 0 0 20px;}



#list { 
		list-style-type: circle;
		list-style-position: outside;
		font-size: 10px; 
		line-height: 16px;
		margin-bottom:6px;
		margin-left:6px;
		padding: 0 0 0 20px;}
		
		
#list li { margin: 0px; padding: 0px; }


/*---------------------------------------------------------------------------------------
------UNORDERED LISTS----------------------------------------------------------------------------------*/


#list-menutwo { /* menuthree defines the workcells navigation */
	font-size: 10px; 
	line-height: 16px;
	margin: 0 0 0 20px;
	width:200px;
}

#list-menutwo ul { /*this hides the regular bullet*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#list-menutwo li {
	margin: 0;
	margin-bottom:3px !important; /*this eliminates the space between links in IE*/
	margin-bottom:-10px; /*this eliminates the space between links in IE*/
}
#list-menutwo a {
	display: block;
	padding: 0 0 0 12px; /*sets the space between words and bullets*/
	background-image:  url(images/bullet_nav.gif);
	background-repeat: no-repeat;
	vertical-align:top;
	background-position: 0 .4em;
	color: #990000; text-decoration: none;
}
#list-menutwo a:link, #navlist a:visited, #navlist a:active{
	color: #990000; 
		text-decoration: none;
}
#list-menutwo a:hover  {
	color: #ff0000;
	text-decoration: none;
	background-image:  url(images/bullet_orangearrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	color: #2D1E2D;
}

/*---------------------------------------------------------------------------------------
------SUBLINKS----------------------------------------------------------------------------------*/

#list-menutwosub {
font-size: 10px; 
	line-height: 16px;
padding: 0 0 0 12px; /*sets the space between words and bullets*/
margin-top: 5px !important;
margin-top: 5px;
margin-left: 20px;}


#list-menutwosub2 { /*these are for the workcells dynamic dropdown menus*/
font-size: 10px; 
line-height: 13px;
padding: 0 0 0 12px; /*sets the space between words and bullets*/
margin-top: 5px !important;
margin-top: 5px;
margin-left: 12px;}

#list-menutwo li {
	margin-bottom:3px !important; /*this eliminates the space between links in IE*/
	margin-bottom:-10px; /*this eliminates the space between links in IE*/
}

a.sub {color: #990000; text-decoration: none;
}

a.sub:link, a.sub:visited, a.sub:active {color: #990000; text-decoration: none;
}
a.sub:hover  {color: #2D1E2D; text-decoration: none;
}




/*---------------------------------------------------------------------------------------
------UNORDERED LISTS----------------------------------------------------------------------------------*/

#list-menuthree { /* menuthree defines the workcells navigation */
	font-size: 10px; 
	line-height: 16px;
	margin: 0 0 0 20px;
	width:200px;
}

#list-menuthree ul { /*this hides the regular bullet*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#list-menuthree li {
	margin: 0;
}
#list-menuthree a {
	display: block;
	padding: 0 0 0 12px; /*sets the space between words and bullets*/
	background-image:  url(images/bullet_nav.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #990000; text-decoration: none;
}
#list-menuthree a:link, #navlist a:visited, #navlist a:active{
	color: #990000; 
		text-decoration: none;
}
#list-menuthree a:hover  {
	color: #ff0000; 
	text-decoration: none;
	background-image:  url(images/bullet_orangearrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #2D1E2D;
}

	
/*---------------------------------------------------------------------------------------
------UNORDERED LISTS----------------------------------------------------------------------------------*/


/*#list-menutwo { /* this menutwo defines the sub(section) navigation - no bullet rollovers
list-style-image: url(images/bullet_nav.gif);
font-size: 10px; 
line-height: 17px;
margin:0px 0px 5px -5px;
}

#list-menutwo a:link, #list-menutwo a:active, #list-menutwo a:visited {
color: #990000; text-decoration: none;}

#list-menutwo a:hover {
color: #ff0000; text-decoration: none;
}*/


	
/*---------------------------------------------------------------------------------------
------UNORDERED LISTS----------------------------------------------------------------------------------*/



#list-downloads { /* defines downloads lists */
list-style-image: url(images/pdficon.gif);
font-size: 10px; 
line-height: 12px;
margin-left:16px;
margin-bottom:16px;
padding-left:16px;
}

#list-downloads .docs { list-style-image: url(images/docicon.gif);} /*changes bullet for text docs*/
#list-downloads .videos { list-style-image: url(images/videoicon.gif);} /*changes bullet for videos*/
#list-downloads .arrows { list-style-image: url(images/bullet_orangearrow.gif);} /*changes bullet for links*/

#list-downloads li { margin:0 0 6px 0px;}	 /*overrides main li margin style*/

#list-downloads a:link, #list-downloads a:active, #list-downloads a:visited {
color: #384F79; text-decoration: none;
 }

#list-downloads a:hover {
color: #3366CC; text-decoration: none;
}

#doubleright ul.linksarrows
{
	margin: 5px 0 5px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}

#doubleright ul.linksarrows li/* adds a special bullet for link lists */
{ 
	background: url('images/bullet_orangearrow.gif') no-repeat 0 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-left:-10px;
	margin-bottom:-10px;
	position:relative;
}



/*---------------------------------------------------------------------------------------
------ANCHORS-----------------------------------------------------------------------------------*/




 /* used on email links so they don't stand out as much as navigation links - same color as content */
a.email:link, a.email:visited {color: #444; text-decoration: underline; }
a.email:active {color: #3399FF; text-decoration: underline; }
a.email:hover {color: #4F8EC8; text-decoration: underline; }

 /* general links */
a:link, a:visited {color: #384F79; text-decoration: underline; }
a:active {color: #3399FF; text-decoration: underline; }
a:hover {color: #3366CC; text-decoration: underline; }



/*---------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/
#callouts { /* this would be for captions*/
		color: #113355; 
		font-size: 11px; 
		text-align:left;
		}
		
#callouts b { /* this would be for captions*/
		color: #113355; 
		font-weight: bold;
		}
		
#callouts a:link, #list-menuone a:active, #list-menuone a:visited { color: #113355;}
#callouts a:hover {color: #0B437A;}

/*---------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

#chart {
font-size: 10px;
margin:0px 20px 10px 10px;}

#chart th {
	background-color: #DDD;
	font-size: 11px; 
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
	padding: 4px 4px 4px 4px;
}

#chart td{ 
 border-color: #CCC; 
 border-width: 0px 0px 1px 0px; 
 border-style: solid;
 }
 

 /*---------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/


#train {
font-size: 10px;
}

#train th {
	font-size: 11px; 
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
	padding: 3px 3px 3px 3px;
	border-color: #999; 
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 background-image:  url(images/rowback.jpg);
}

#train td{ 
 border-color: #999; 
 border-style: solid dotted;
 border-width: 0px 1px 1px 0px;
 }

 /*---------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

 
.texta { /*this is the input field style for Search and OEM login*/
 font-size: 10px;
 background-color: #fff;
 border: 1px solid #666666;
 height:12px;
  width:80px;
}


.systemdrops { /*this is the input field style for System Dropdowns*/
 clear:both;
 font-size: 9px;
 background-color: #eee;
 border: 1px solid #666666;
 height:14px;
  width:160px;
  margin-left:20px;
}
li.dropspace { /*this is the input field style for System Dropdowns*/
 padding-bottom:10px;
}

 /*---------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/
hr {  background: url(images/hr.gif) repeat-x center left;
   border:0;
   margin: 8px auto;
   height:10px;
  left:0px;
  line-height:10px;
  width:95%;
}

 /*---------------------------------------------------------------------------------------
-----------PATENTS STYLES-----------------------------------------------------------------------------*/ 	


#patents { 
	border-color: #CCC; 
	border-width: 0px 0px 1px 0px; 
 	border-style: solid;
	margin: 5px 20px 10px 10px;
 }
#patents td { 
	padding:3px;
 }


	
 /*---------------------------------------------------------------------------------------
-----------TABBED TABLE ON WORKCELLS-----------------------------------------------------------------------------*/

#tabs {
position:relative;
}

#tabs td{ border-color: #CCC; 
 border-width: 1px 1px 1px 1px; 
 border-style: solid;
 padding:20px 20px 10px 10px;
}
 
#div_features {width:500px;}
 
 
	
 /*---------------------------------------------------------------------------------------
-----------FOOTER STUFF-----------------------------------------------------------------------------*/

	#footer {
	    display: block; 
		clear:both; 
    	margin-bottom: 3em; 
		font-size: 11px;}
	#footer B {
		color:#000;}
	#footer B.softbold {
		color:#AA562B;}
	#footer .copyright {
		padding-left: 5px;  
		font-size: 10px; 
		color: #666;}