body{font-size:12px; font-family:arial, helvetica, sans-serif; color: #000000; margin:0; background-color:#ffffff;}

p {margin:0 0 10px 0; line-height:150%;}
th, td {font-size: 12px; font-family:  arial, helvetica, sans-serif;}

form, select, option {font-size: 12px; font-family:  arial, helvetica, sans-serif;}

img{border:none;}


/*page container*/

#container {width:980px; height:auto;  color:#000000; margin:0 auto; background-color:#ffffff; }

.page_content {
    background-color: #FFFFFF;
    color: #000000;
    height: auto;
    line-height: 150%;
    margin: 0 auto;
    text-align: left;
    width: 900px;
}

.page_content li {margin-left:27px;}

.news-column{width:500px; float:left;}
.events-column{width:380px; float:right;}
.events-column img {margin:10px 10px 10px 0;}
.events-column div.dotted{border-top:2px dotted #cccccc; clear:both;}
.events-column p {margin:10px 0;}


.contact1{float:left; width:300px;}
.contact2{float:right; width:300px;}

/*search*/
.cse {
    clear: both;
    float: right;
    margin: -27px 3px 0 0;
    padding: 0;
}
.cse-2 {clear:both;float:right;margin:-24px 10px 0 0;padding:0;}

input.google-search-box {
    border: medium none;
    font-size: 10px;
    font-weight: normal;
    height: 21px;
    margin: 1px -2px 0 0;
    padding: 0;
    width: 150px;
}

input.google-button {
	clear:left;
    background-image: url("search.png");
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: transparent;
    height: 21px;
    margin: 2px 0 0 0;
    padding: 0;
    width: 73px;
}





/*headers*/




h1{font-size:16px; margin:6px 0 20px; text-align:left; color:#005597; font-weight:bold;}

#datapage h1.product-class {
    color: #005597;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase;
}
	
#datapage #content h1 {
    color: #005597;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    text-transform: none;

	}
		
	
	

.pressrelease{font-size:16px; color:#333333; font-weight:bold; text-align:center;}

H2{font-size:14px; color:#005597; font-weight:bold; margin-bottom:2px;}
h2.siteindex{color:#333;}
h3{font-size:12px; color:#005597; font-weight:bold; margin: 10px 0px 4px 0px;}
h4{font-size:12px; color:#015b97; font-weight:bold;}


table.news tr {vertical-align:top;}
table.news td {padding:4px 4px 4px 0;}



.awardscolumn_1 {float:left; width:150px; padding-right:30px;padding-left:30px; }
.awardscolumn_2 {float:right;width:390px; padding-right:10px;padding-left:10px; padding-bottom:30px;}


.ptable{float:right; width:400px; text-align:right; height:60px;}


.orderinfoline{background: #cccccc; height: 1px;}
.description {margin-right:10px;}


#dsbox{height: auto;width: 250px;	background-color:#dcdcdc;	vertical-align: baseline;	display: block;	padding: 6px;	letter-spacing: normal;	word-spacing: normal;	float: right;	margin: 0px 0px 10px 10px;}



.dash { 
list-style-image:url(../images/dash.gif);
list-style-type: square;
list-style-position: outside;
padding: 0px 20px 0px 10px;
margin: 0px 10px 0px 10px;

	}


	
#box {height: auto;width: 580px;border:#0f3f5e solid;border-width:1px;background-color:#fffde6;vertical-align:middle;display: block;text-indent: 0px;text-align:left;letter-spacing: normal;word-spacing: normal;padding: 10px;margin: 10px;font-weight:bold;}

#boxvert {height: 200px;width: 180px;border:#0f3f5e solid;border-width:1px;background-color:#fffde6;vertical-align:middle;display: block;text-indent: 0px;text-align:left;letter-spacing: normal;word-spacing: normal;padding: 10px;margin: 10px;font-weight:bold;}

#pageheader {height:21px; width:620px; background-image:url(../images/hdr_blank.jpg); color:#ffffff; font-size: 1.5em; font-weight:bold; text-align:left; padding:4px 0px 1px 10px; font-family:geneva, arial, helvetica, sans-serif; letter-spacing:1px;}





#rohs {	height: auto;	width: 200px;	background-color:#dcdcdc;	vertical-align: baseline;	display: block;	padding: 4px;	border:#0f3f5e solid;	border-width:1px;	letter-spacing: normal;	word-spacing: normal;	text-align:center;}

.header {
   background-image: url("header_bg.png");
    background-repeat: no-repeat;
    border-radius: 8px 8px 8px 8px;
    height: 67px;
    width: 980px;
-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;

}
.header table{width:980px; height:65px;}
.header table tr{vertical-align:middle;}
.former-name {
    font-size: 9px;
    font-style: italic;
    margin-left: 166px;
    margin-top: -10px;
    position: relative;
    z-index: 1000;
}

.nav {background-image: url("nav_bg.png");
background-repeat: no-repeat;
height: 29px;
width: 980px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px; border-radius: 8px 8px 8px 8px;
}


/*basic links and menus*/
a:link, a:visited {color: #005597; text-decoration:none; font-weight : bold; font-size: 12px; }
a:hover {color:#000033; text-decoration:none;}
a:link.navbar, a:visited.navbar {color: #ffffff;text-decoration:none;font-weight : bold;}
a:hover.navbar {color: #ffffff;text-decoration:underline;font-weight : bold;}

.submenu{background-color:transparent; border:none;}
.button {width:151px;  height:20px; background-color:#ffffff;display: block; color:#ffffff; font-weight:bold; letter-spacing:1px; }
a:link.subnav, a:visited.subnav  {line-height: normal; color:#005597;text-decoration:none; font-size: 11px; font-weight:bold; width:160px; padding:3px 2px 3px 2px;display: block; margin:1px 0px 4px 0px;}
a:hover.subnav {color:#ffffff; background-color:#cbd6e8; display: block;}

a:link.siteindex, a:visited.siteindex{text-decoration:underline;color:#333333;}




.tab-region{ background-color:#ffffff; height:234px; width:980px; clear:both;}
.tab1 {width: 340px; float:left; margin-right:20px;}

.tab2 {width: 620px; float:right;}

#left-sidebar {width:189px; padding:10px; float:left;}

#content-solutions {width: 670px; padding:10px; border-left:1px solid #333333; float:right;}

.content-bottom {
    height: 62px;
    width: 980px;


}


.content-bottom .content-left {
   float: left;
    width: 729px;
}

.content-bottom .content-right {
    border-left: 1px solid #CCCCCC;
    float: right;
    margin: 6px 0;
    text-align: center;
    width: 250px;
}

.content-bottom .content-right img {
    height: 40px;
    margin-top: 5px;
    width: 129px;

}


.content-bottom p {
    color: #FFFFFF;
    font-size: 33px;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
}


/*datapages*/
ul.features {margin-top: -2px;}




.footer {background-image:url(footer.jpg); 
background-repeat:no-repeat; 
height:30px; 
width: 980px;
color:#ffffff;
clear:both;

}

.footer table{width:980px; height:30px; font-weight:bold; color:#ffffff;}
.footer table tr{vertical-align:middle;}
.footer table td{padding: 0 20px;}
.footer table a{color:#ffffff; font-weight:bold;}
.copy {margin-left:55px;}


.ts table {width:500px;}


.solutions ul{margin:0; padding:0;}

a.subhead {font-size:14px;}



.slide-text {font-weight:normal; margin:0 5px;}



#left-sidebar a.subhead {font-size:26px; font-weight:normal;}
#left-sidebar .links {width:100%; border-top:1px solid #666666; padding:5px 0;}

#left-sidebar a {   font-size: 17px;
    font-weight: normal;
    line-height: 150%;}

#left-sidebar a.active {color:#939598;}

.hdr-image {padding-bottom:10px;}


.rma-occurences {width:300px; display:table-cell;}



.small-font{font-size:11px;}





















li.TabbedPanelsTab {
   background-color: transparent;
    background-image: url("tab.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    padding: 0;
    width: 180px;
	margin-right:4px;
	
}

.TabbedPanelsContent {
    height: 172px;
    overflow: hidden;
    padding: 20px 10px 10px;
	}
	
.TabbedPanelsContent img {float:left; margin:0 10px 10px 0;}	

.TabbedPanelsContent p {margin:0 0 8px 0; font-size:11px;}

.TabbedPanelsContent ul {    font-size: 11px;
    margin: -9px 0 6px 14px;
    padding: 0;
	}
.TabbedPanelsContent li {
    margin: 0;
    padding: 1px;
}

img.learnmore{float:right;}

.tab1 .TabbedPanelsContentGroup {
    background-color: #ffffff;
    background-image: url("tab-content1.jpg");
    background-repeat: no-repeat;
	border:none;
    clear: both;
    height: 205px;
    width: 342px;

}


.tab2 .TabbedPanelsContentGroup {
    background-color: #ffffff;
    background-image: url("tab-content2.jpg");
    background-repeat: no-repeat;
	border:none;
    clear: both;
    height: 205px;
    width: 620px;

}

.TabbedPanelsTabSelected {    background-color: #E6E6E6;    border-bottom: 1px solid #E6E6E6;	}
.TabbedPanelsTab .tab-text {    background-image: url("tab-unselected.png");    height: 17px;    margin: 2px 0;    padding: 3px 8px;    width: 164px;}
.TabbedPanelsTabSelected .tab-text {    background-image: url("tab-selected.png");    height: 21px;    margin: 2px 0;    padding: 3px 8px;    width: 162px;}




.TabbedPanelsTab {
    -moz-user-select: none;
    background-color: #cccccc;
    border-color: #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    float: left;
    font: bold 0.7em sans-serif;
    list-style: none outside none;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    position: relative;
    top: 1px;
}

.TabbedPanelsTabSelected {
    background-color: transparent;
    background-image: url("tab-selected.png");
    background-repeat: no-repeat;
    border: medium none;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    margin-right: 4px;
    padding: 0;
    width: 180px;
}











/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	background-color:#000000;
	float:none;
	
	
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 10px 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: none;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;    
	padding: 7px 8px 6px 10px;
	margin:1px;
	color: #fff;
	border:none;
	text-decoration: none;
	font-weight:bold;
	
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
 border-radius: 6px 6px 6px 6px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color:#ffffff;
	color:#333




	


}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	
	color: #333;
		background-color:#transparent;
	border-top:none;
	border-right: none;
		border-left: none;


	
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {border:none;}

ul.MenuBarHorizontal li ul {  background-color: #000000;
   border-bottom: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;   
   border-right: 1px solid #FFFFFF;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-o-border-radius: 9px;
 border-radius: 9px 9px 9px 9px;
 width:180px;
	
	
	}
ul.MenuBarHorizontal li ul li a {  border:none; width:160px; display:block; float:left;}



/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{border:none;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{border:none;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{border:none;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: transparent;
	}
}