/*FlowCAD CSS Definition for Websites*/
/* FlowCAD Color Table
#cc0000;  = FlowCAD Red
#cccccc;  = FlowCAD Light Gray
#666666;  = FlowCAD Dark Gray
#000000;  = Black 
#ffffff;  = White

#e0eeee;  = Submenu color in FlowManager
#35a1c6;  = Sky   color in main menu

#00a3b3;  = Aqua Blue
#37939b;  = Muted Aqua
#fcf9e7;  = Ivory

#e6d681;  = Pale Yellow
#e4cf2a;  = Vivid Yellow
#5bc241;  = Green
#b4d670;  = Aqua Green
#ec782f;  = Tangerine
#ad308d;  = Purple
#942822;  = Earth
*/


html, body{
	margin:0;
	padding:0;
	Height:100%;}



/*Headlines only to be used for headlines, not to decorate text */			
h1 {color:#323199; font-size:18px; } /* FlowCAD Blue Headline */
h2 {color:#cc0000; font-size:12px; }	/* FlowCAD Red Headline */
h3 {color:#666666; font-size:12px; } /* FlowCAD DarkGray Headline */
h4 {color:#666666; font-size:12px; } /* Should not be used with more than 3 headlines*/
h5 {color:#666666; font-size:12px; } /* Should not be used with more than 3 headlines*/
h6 {color:#666666; font-size:12px; } /* Should not be used with more than 3 headlines*/

body{text-align:center;border:0;margin:2px;padding:0;font-size:12px;}

/*Container is the cmplete HTML Text on the page*/
#container{width:800px;margin-right:auto;margin-left:auto;text-align:left;
           font-family:Arial,Helvetica,sans-serif;font-size:100%;overflow: hidden;}

#header{float:left;width:960px;background-color:#C0ffC0;}

#news{width:200px; background-color:white; color:black; position:relative; left:500px; height:40px;
top:30px; z-index:1}

/*Content is the data on the page*/
#content{float:left;width:585px;margin-right:10px;margin-top:5px;margin-left:5px;
			background-color:#ffffff;padding-top:30px;line-height:16pt;
			text-align:left;}
#content ul li{color:red;}
#content img {padding: 2px;display:block;margin-left:auto;margin-right:auto;margin-bottom:0px;} 


#datasheetlink  {text-align:center;}
#datasheetlink   img{padding: 0px;display:inline;}
#youtubelink  {text-align:right;}
#youtubelink   img{padding: 0px;display:inline;}


/*Navigation is under the banner home, products,...*/
#navigation{float:left;font-weight:bold;font-size:11px;width:800px;background-color:#cc0000;margin-top:-5px;border-color:#666666}
#navigation ul{margin:0;padding:0;}
#navigation ul li{display:block;list-style-type:none;float:left;padding: 2px 13px 2px 4px; margin:0px}
#navigation a{color:#ffffff;}
#navigation a:hover {border-color: white;color: black; background-color:#cccccc;}

#greybar{float:right;width:195px;height:100%;background-color:#CCCCCC;margin-top:5px;padding:0px;font-size:9px;}
#greybartitle{padding-top:3px;padding-left:10px;background-color:#CCCCCC;font-weight:bold; height: 14px; }
#greybarfreetext{padding-left:10px}
#greybar a:hover {color: #ffffff; background-color:#666666;line-height:14px;}
#greybar a,a:link,a:visited{background-color:transparent;color:black;text-decoration:none;line-height:14px;}
#greybar a:active { color:black; background-color:#666666; line-height:14px;}

#content, #greybar
	{
	padding-bottom: 32767px;
	margin-bottom: -32762px;
	}

#featuretable{}
#featuretableimage{padding-top:15px;padding-right:30px;vertical-align:text-top;}
#featuretabletext{}
	
	
	
	
	
#footer{float:left;width:800px;background-color:#ffffff;border-top:2px solid #cc0000;text-align:center;color:#000000;font-size:10px;}

a,a:link,a:visited{background-color:transparent;color:#cc0000;text-decoration:none}
a:hover,a:focus, a:hover span{color:#cc0000;text-decoration:underline; } /*background-color:#cccccc; */
a:active { color:#cc0000; background-color:#666666; }