@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bdy/background.jpg);
}
h2 {
	font-size: 14px;
	color: #FFFFFF;
}
a img {border:none}
.OMsite #container {
	width: 995px;
	background: #FFFFFF;
	margin: 0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.OMsite #container h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}




.OMsite #container h1 a:link {
	color: #003399;
	text-decoration: none;
}

.OMsite #container h1 a:visited {
	color: #003399;
	text-decoration: none;
}
.OMsite #container h1 a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #container h1 a:active {
	color: #003399;
	text-decoration: underline;
}
.OMsite #container h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.OMsite #container h2 a:link {
	color: #003399;
	text-decoration: none;
}
.OMsite #container h2 a:visited {
	color: #003399;
	text-decoration: none;
}
.OMsite #container h2 a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #container h2 a:active {
	color: #003399;
	text-decoration: underline;
}





.OMsite #container p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0 5px 5px 5px;
}
.OMsite #container p a:link {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #container p a:visited {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}

.OMsite #container p a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #container p a:active {
	color: #003399;
	text-decoration: underline;
}

.OMsite #header {
	padding: 0 0 0 5px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 160px;
	background-image: url(../images/hdr/OMUSA-header.jpg);
	background-repeat: no-repeat;
} 
* html .OMsite #header {
	margin: 0;
}

.OMsite #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.OMsite #logo {
	height: 67px;
	width: 285px;
	float: left;
}
.OMsite #companyName {
	height: 25px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	float: left;
	margin: 40px 0 0 10px;
}
* html #companyName {
	display: inline;
}
.OMsite #topLinks {
	width: 661px;
	float: left;
	height: 40px;
	margin: 0 0 0 40px;
}
* html #topLinks {
	display: inline;
}
.OMsite #global {
	float: left;
	width: 200px;
	text-align: left;
	margin: 5px 0 0 0px;
	font-size: 10px;
}

.OMsite #global a:link {
	color: #003399;
	text-decoration: none;
}
.OMsite #global a:visited {
	color: #003399;
	text-decoration: none;
}
.OMsite #global a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #global a:active {
	color: #003399;
	text-decoration: underline;
}
.OMsite #topContactUs {
	float: left;
}
.OMsite #topGlobalSupport {
	float: left;
	margin: 0 0 0 15px;
}
* html #topGlobalSupport {
	display: inline;
}
.OMsite #topSiteMap {
	float: left;
	margin: 0 0 0 15px;
}
* html #topSiteMap {
	display: inline;
}
.OMsite #topPartners {
	float: left;
	margin: 0 0 0 15px;
}
* html #topPartners {
	display: inline;
}
.OMsite #tagLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	width: 250px;
	letter-spacing: 1px;
	text-align: left;
	margin: 15px 8px 0 0;
	font-style: italic;
	float: right;
}
* html #tagLine {
	display: inline;
}
.OMsite #selectRegion {
	float: right;
	width: 140px;
	margin: 10px 5px 0 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
}
* html #selectRegion {
	display: inline;
}
.OMsite #navBar {
	height: 25px;
	width: 668px;
	margin: 3px 0px 0 0;
	float: right;
}

.OMsite #SearchBar {
	height: 85px;
	width: 995px;
	padding: 10px 0 10px 0;
	margin: 5px 0 0 0;
}
.OMsite  #SearchBar  a:link {
	text-decoration: none;
}
.OMsite  #SearchBar  a:visited {
	text-decoration: none;
}
.OMsite   #SearchBar   a:hover  {
	text-decoration: underline;
}
.OMsite  #SearchBar  a:active {
	text-decoration: underline;
}
.OMsite  #motorSelect  {
	padding: 0;
	height: 77px;
	width: 365px;
	float: left;
	margin: 0 0 0 0;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #F4F4F4;
}
.OMsite #motorSelectText {
	width: 235px;
	float: left;
	margin: 5px 7px 0 0;
}

.OMsite #motorSelect p {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.OMsite #motorSelect img {
	float: left;
	margin: 0 15px 0 0;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #000000;
	border-top: 0px solid #CCCCCC;
}
.OMsite #specSearch {
	float: left;
	height: 77px;
	width: 300px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	padding: 0;
	background-color: #F4F4F4;
	margin: 0 10px 0 10px;
}
* html #specSearch {
	display: inline;
}
.OMsite #specSearch img {
	float: left;
	margin: 0;
}
.OMsite #specSearchText {
	width: 300px;
	float: left;
	margin: 0 0 0 0;
}
.OMsite #catNavSearch {
	background-color: #F4F4F4;
	float: left;
	height: 70px;
	width: 289px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	padding: 5px 0 2px 4px;
	margin: 0 0 0 0;
}
.OMsite #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #E8F4FD;
	margin: 10px 10px 10px 5px;
	padding: 0 0 0 0;
	border-bottom: 1px solid #000000;
	border-left: 3px solid #A3A3A3;
	border-right: 1px solid #000000;
	border-top: 1px solid #A3A3A3;
}
* html .OMsite #sidebar1 {
	display: inline;
	margin: 5px 5px 5px 5px;
	padding: 0;
}
.OMsite #sidebar1 img {
	float: left;
	margin: 0 5px 5px 0;
}

.OMsite #sidebar1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 2px 5px 2px 5px;
}

.OMsite #sideNavBarTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	padding: 9px 2px 8px 2px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(../images/mainContent/titlefade.jpg);
	font-style: italic;
}

.OMsite #sideNavBar {
	padding: 0 0 0 0;
	width: 200px;
	border-top: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.OMsite #serviceBarTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	padding: 8px 2px 8px 2px;
	text-align: center;
	border-bottom: 1px solid #000000;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
	font-style: italic;
}
.OMsite #serviceBar {
	padding: 0px;
	width: 200px;
	margin: 0 0 0 0;
}
.OMsite #serviceBar a:link {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #serviceBar a:visited {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #serviceBar a:hover {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}
.OMsite #serviceBar a:active {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}


.OMsite #serviceBar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding: 0 0 0 10px;
}
.OMsite #serviceBar h2 a:link {
	color: #003399;
	text-decoration: none;
}
.OMsite #serviceBar h2 a:visited {
	color: #003399;
	text-decoration: none;
}
.OMsite #serviceBar h2 a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #serviceBar h2 a:active {
	color: #003399;
	text-decoration: underline;
}


.OMsite #serviceBar h1 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 0 0 0 5px;
}


.OMsite #mainContent {
	margin: 10px 10px 0 7px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 520px;
	float: left;
} 
* html .OMsite #mainContent {
	display: inline;
	margin: 0 5px 0 3px;
}
.OMsite #mainContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0;
	padding: 0;
}
.OMsite #mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin: 2px 2px 5px 0;
	text-decoration: none;
}

.OMsite  #mainContent  p  a:link {
	font-size: 11px;
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #mainContent p a:visited {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #mainContent p a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #mainContent p a:active {
	color: #003399;
	text-decoration: underline;
}
.OMsite #editContent {
	width: 775px;
	float: right;
}
* html .OMsite #editContent {
	background-color: #F4F4F4;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	width: auto;
	margin: 5px 0 0 0;
	padding: 0;
}
.OMsite #mainColumn1 {
	float: left;
	width: 241px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	margin: 5px 10px 5px 0;
	padding: 5px 5px 5px 5px;
	background-color: #F4F4F4;
	text-align: center;
}
.OMsite #mainColumn1 img {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.OMsite #mainColumn2 img {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}


.OMsite #columnHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #F0E315;
	text-align: center;
	padding: 8px 2px 7px 2px;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #a3a3a3;
	border-right: 1px solid #000000;
}
.OMsite #mainColumn2 {
	float: right;
	width: 241px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 0;
	background-color: #F4F4F4;
	text-align: center;
}
.OMsite #newsHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 7px 0 7px 0;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #a3a3a3;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	font-style: italic;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
}


.OMsite #secondaryColumn1 {
	float: left;
	width: 241px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 0;
	background-color: #F4F4F4;
	text-align: center;
}
.OMsite #secondaryColumn1 img {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.OMsite #secondaryColumn2 {
	float: right;
	width: 241px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 5px;
	background-color: #F4F4F4;
	text-align: center;
}
.OMsite #secondaryColumn2 img {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.OMsite #newsColumn1 {
	float: left;
	width: 241px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 0;
	height: 150px;
	background-color: #F4F4F4;
}
.OMsite #newsColumn2 {
	float: right;
	width: 241px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 5px;
	height: 150px;
	background-color: #F4F4F4;
}
.OMsite #homeCADimg {
	float: left;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	margin: 0 10px 0 0;
}
#CADSearchForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 190px;
}
.OMsite #sidebar2 {
	float: right;
	width: 220px;
	margin: 10px 5px 0 0;
	padding: 0 0 0 0;
	border-left: 3px solid #A3A3A3;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #A3A3A3;
}
* html .OMsite #sidebar2 {
	display: inline;
	margin: 0 2px 0 0
}

.OMsite  #appsTitle {
	font-weight: bold;
	color: #FFED21;
	padding: 9px 2px 8px 2px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #000000;
	border-right: 0px solid #000000;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
	font-style: italic;
}
.OMsite #sidebar2Content {
	border-bottom: 1px solid #000000;
	border-left: 3px solid #A3A3A3;
	border-right: 1px solid #000000;
	margin: 0;
	padding: 0;
	width: 220px;
}
.OMsite  #applications {
	padding: 10px 0 0 4px;
	margin: 0;
	text-align: center;
}
.OMsite #applications img {
	border: none;

}
.OMsite #applications p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
}

.OMsite   #eventsTitle {
	font-weight: bold;
	color: #FFED21;
	padding: 8px 2px 7px 2px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #A3A3A3;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
	font-style: italic;
}


.OMsite #events {
	padding: 5px;
	margin-top: 5px;
}
.OMsite #events p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
}
.OMsite #events ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: square;
}
.OMsite #events a:link {
	color: #003399;
	text-decoration: none;
}
.OMsite #events a:visited {
	color: #003399;
	text-decoration: none;
}
.OMsite #events a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #events a:active {
	color: #003399;
	text-decoration: underline;
}



.OMsite #LiteratureTitle {
	font-weight: bold;
	color: #FFED21;
	padding: 8px 2px 7px 2px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #A3A3A3;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
	font-style: italic;
}
.OMsite #literatureImage {
	float: right;
	margin: 0 0 3px 3px;
}

.OMsite #literature img {
	margin: 0 5px 5px 0;
	float: left;
	clear: left;
	border: none;
}
.OMsite #literatureImage img {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
}


.OMsite #literature {
	padding: 5px 0 10px 0;
	margin-top: 5px;
}
.OMsite #literatureText {
	float: left;
}

.OMsite #literature p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}
.OMsite #literature a {
	font-size: 10px;
}
.OMsite #footer {
	padding: 0 10px 0 20px;
	border-top: 1px solid #003399;
	margin: 10px 0 0 0;
} 
.OMsite #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.OMsite #footer p a:link {
	color: #003399;
	text-decoration: none;
}
.OMsite #footer p a:visited {
	color: #003399;
	text-decoration: none;
}
.OMsite #footer p a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #footer p a:active {
	color: #003399;
	text-decoration: underline;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#p7PMnav {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0 1px 0 0;
	padding: 0;
}
#p7PMnav ul li {
	border: 0;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav ul ul {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	color: #003399;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 9px 12px 9px 12px;
	color: #FFED21;
	line-height:1;
	border-bottom: 1px solid #000000;
	border-top: 0px solid #7A7A7A;
	border-right: 0px solid #000000;
	border-left: 1px solid #000000;
	text-align: center;
}
#p7PMnav ul a {
	border: 0;
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
}

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: #B3D9F9;
	color: #003399;
	letter-spacing: 0.01px;
}
#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus {
	background-color: #B3D9F9;
	color: #003399;
	letter-spacing: 0.01px;
}
/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	font-weight: normal;
	color: #FFFFFF;
}
#p7PMnav ul .p7PMmark {
	font-weight: bold;
	color: #003399;
	background-color: #B3D9F9;
}
/* ------ the trigger link styles ------- */

/*the normal trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	color: #333333;
	background-image: url(../img/p7PM_medium_east.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#p7PMnav .p7PMon {
	background-color: #B3D9F9;
	color: #003399;
}
#p7PMnav ul .p7PMon {
	background-color: #B3D9F9;
	color: #003399;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 82px;
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 135px;
	margin: 0;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 0px solid #CCCCCC;
	font-size: 11px;
	font-weight: normal;
	z-index: 1001;
}
#pmmcrumb {
	font-weight: bold;
	margin: 0 0 16px 16px;
	color: #988263;
}
#pmmcrumb a {
	font-weight: normal;
	color: #BBA997;
}
/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

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

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

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

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

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 200px;
}
/* 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 same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 200px;
	background-color: #F4F4F4;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 0px solid #003399;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 200px;
	left: -1000em;
	top: 0;
	border-left: 1px solid #003399;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 200px;
	font-size: 11px;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

ul.MenuBarVertical
{
}
ul.MenuBarVertical ul
{
	border-left: 1px solid #A3A3A3;
	border-top: 1px solid #A3A3A3;
}
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #F4F4F4;
	padding: 0.5em 0.75em;
	color: #000000;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #B3D9F9;
	color: #003399;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #B3D9F9;
	color: #003399;
}

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

 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.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(../images/sidebar/MenuRightGrey.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* 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.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(../images/sidebar/MenuRightBlue.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}


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

 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.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* 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.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
.searchbg {
	background-color: #F4F4F4;
    border-top: 1px solid #9C9C9B;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #9C9C9B;
}
.searchtitle {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	text-decoration:none;
	color:#003399;
	font-style: italic;
}
.searchtitle a:link {
	color: #003399;
	text-decoration: none;
}
.searchtitle a:visited {
	color: #003399;
	text-decoration: none;
}
.searchtitle a:hover {
	color: #003399;
	text-decoration: underline;
}
.searchtitle a:active {
	color: #003399;
}

.searchtext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration:none;
	color:#000000;
}
.searchtext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	text-decoration: none;
	font-weight: normal;
}
.searchtext a:visited {
	color: #003399;
}
.searchtext a:hover {
	color: #003399;
	text-decoration: underline;
}
.searchtext a:active {
	color: #003399;
}

.text1{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration:none;
	color:#000000;
}
.TextHighlight {
	font-weight: bold;
	color: #000000;
}


.jumpGo {
	height: 20px;
	width: 40px;
	background-color: #A3A3A3;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #000000;
	border-top: 1px solid #D3D3D3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}

.text1:link {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration:underline;
	color:#000000;
}
.text1:visited {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration:underline;
	color:#000000;
}
.text1:hover {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration:none;
	color:#000000;
}
form { margin-bottom: 0 ; margin-top: 0 ; 
}  /* for IE */
.notes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 5px;
}

/*select {
   font-size: 10px; 
   font-family:verdana, arial, sans-serif;  
}
input {
   font-size: 10px; 
   font-family:verdana, arial, sans-serif;
}
textarea {
   font-size: 10px; 
   font-family:verdana, arial, sans-serif;
}*/
.forms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #fff;
	border-style: groove;
	border-top: 1px solid #9C9C9B;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #9C9C9B;
	padding : 1 1 1 1;
	font-style: normal;
}

.style1 {font-family: Arial, Helvetica, sans-serif}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
}
.style4 {font-size: small}
.style5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

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

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
}


/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}



/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #F4F4F4;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 0.5em 0.75em;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/sidebar/MenuDownGrey.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.AccordionPanelTab a:link {
	color: #000000;
	text-decoration: none;
}
.AccordionPanelTab a:visited {
	color: #000000;
	text-decoration: none;
}
.AccordionPanelTab a:hover {
	color: #000000;
	text-decoration: none;
}
.AccordionPanelTab a:active {
	color: #000000;
	text-decoration: none;
}
.AccordionPanelTab  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	margin: 0;
}




/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	height: 165px;
	list-style-type: disc;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}
.AccordionPanelContent a:link {
	font-size: 11px;
	color: #003399;
	text-decoration: none;
}
.AccordionPanelContent a:visited {
	text-decoration: none;
}
.AccordionPanelContent a:hover {
	text-decoration: underline;
}
.AccordionPanelContent a:active {
	text-decoration: underline;
}

.AccordionPanelContent  ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: square;
	margin: 0 0 5px 0;
	padding: 0 5px 5px 15px;
}
.AccordionPanelContent li {
	margin: 0 0 0 0;
}




/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #B3D9F9;
	color: #003399;
	background-image: url(../images/sidebar/MenuDownBlue.gif);
}
.AccordionPanelOpen  a:link       {
	color: #FFFFFF;
	text-decoration: none;
}
.AccordionPanelOpen a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.AccordionPanelOpen a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.AccordionPanelOpen a:active {
	color: #FFFFFF;
	text-decoration: none;
}




/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	background-color: #B3D9F9;
	color: #003399;
	background-image: url(../images/sidebar/MenuDownBlue.gif);

}

.AccordionPanelOpen .AccordionPanelTabHover {

}


/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {

}


/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #B3D9F9;
	color: #003399;
	background-image: url(../images/sidebar/MenuDownBlue.gif);
}
.style6 {color: #CC0000}


/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

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

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}


/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	background-color: #B3D9F9;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 0.5em 0.75em;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/sidebar/MenuDownBlue.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: #003399;
}


/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
}

.CollapsiblePanelContent  p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.CollapsiblePanelContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.CollapsiblePanelContent ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: square;
	clear: left;
}


.CollapsiblePanelContent a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}


.CollapsiblePanelContent a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}

.CollapsiblePanelContent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}

.CollapsiblePanelContent a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}








/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}





/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #B3D9F9;
	color: #003399;
	background-image: url(../images/sidebar/MenuUpBlue.gif);
}


/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #B3D9F9;
	color: #003399;
}


/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #B3D9F9;
}
.OMsite #productOverviewTitle {
	margin: 10px 5px 0 10px;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	height: 31px;
}
.OMsite #productOverviewTitle a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.OMsite #productOverviewTitle a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.OMsite #productOverviewTitle a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.OMsite  #productOverviewTitle  a:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

* html .OMsite #productOverviewTitle {
	margin: 0 0 5px 0
}
.OMsite  #productOverviewTitleText {
	padding: 10px 0 0 0;
}
.OMsite #productOverviewTitle img {
	float: left;
	margin-right: 10px;
}

.OMsite #productOverview {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	padding-left: 5px;
	margin: 0 5px 0 10px;
	text-align: left;
	font-size: 11px;
	background-color: #F4F4F4;
}
* html .OMsite #productOverview {
	display: inline;
	border: none;
	background: none;
}
.OMsite #productOverviewMain {
	float: left;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
* html .OMsite #productOverviewMain {
	display: inline;
}
.OMsite #productOverview ul {
	list-style-position: inside;
	list-style-type: square;
	margin: 5px 5px 5px 15px;
}
.OMsite #productOverview a:link {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #productOverview a:visited {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #productOverview a:hover {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}
.OMsite #productOverview a:active {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}


.OMsite  #productOverview  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
}
.OMsite #productApplications {
	margin: 0 5px 0 5px;
	padding: 0;
	width: 220px;
	float: right;
}
* html .OMsite #productApplications {
	display: inline;
}
.OMsite #productTypes {
	margin: 10px 0 10px 5px;
}

* html .OMsite #productTypes {
	display: inline;
	margin: 0;
}
	
.OMsite #productTypes img {
	float: left;
	margin: 0 5px 10px 0;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
}
.OMsite #productTypes a:link {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
.OMsite #productTypes a:visited {
	color: #003399;
	text-decoration: none;
}
.OMsite #productTypes a:hover {
	color: #003399;
	text-decoration: underline;
}
.OMsite #productTypes a:active {
	color: #003399;
	text-decoration: underline;
}


.OMsite #productTypes p {
	margin: 0 5px 0 2px;
	font-size: 11px;
}
.OMsite  #productTypes  p a:link {
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
.OMsite #productTypes p a:visited {
	text-decoration: none;
	font-weight: normal;
}
.OMsite #productTypes p a:hover {
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}
.OMsite #productTypes p a:active {
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}


.OMsite  #productTypes  h1 {
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/mainContent/titlefade.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 7px 0 9px 0;
	vertical-align: text-top;
	margin: 0 0 5px 0;
}
.OMsite #productTypes h2 {
	font-size: 11px;
	margin: 10px 0 0 10px;
	clear: left;
	text-decoration: none;
}
.OMsite #productOverview h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 10px 0 10px 10px;
}




.OMsite #productTypes li {
	list-style-position: outside;
	list-style-type: square;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
}
.OMsite #productTypes ul {
	clear: left;
	list-style-position: outside;
	margin-top: 0px;
}

.OMsite #productType1 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType1 {
	display: inline;
}
.OMsite #productType2 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType2 {
	display: inline;
}
.OMsite #productType3 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType3 {
	display: inline;
}
.OMsite #productType4 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType4 {
	display: inline;
}
.OMsite #productType5 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType5 {
	display: inline;
}
.OMsite #productType6 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType6 {
	display: inline;
}
.OMsite #productType7 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType7 {
	display: inline;
}

.OMsite #productType8 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType8 {
	display: inline;
}

.OMsite #productType9 {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productType9 {
	display: inline;
}

.OMsite #productTech {
	margin: 0 5px 5px 5px;
	float: left;
	width: 244px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	background-color: #B3D9F9;
}
* html .OMsite #productTech {
	display: inline;
}
.jumpMenu {
z-index:999
}
.ddlSearchType {
z-index:999
}
.CollapsiblePanelTab h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	margin: 0;
}
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* 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: 10px;
	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: 140px;
	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: 140px;
	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;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 140px;
	border: 0px solid #CCCCCC;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 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
{
	background-color: #F4F4F4;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 2px;
	color: #000000;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #000000;
	text-decoration: none;
}
/* 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: #003399;
}

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

 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
{
	background-image: url(../images/sidebar/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* 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
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* 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
{
	background-image: url(../images/sidebar/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* 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
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

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

 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;
}
/* 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: #FFF;
	}
}
.OMsite #WhyOMTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	padding: 9px 2px 8px 2px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(../images/mainContent/titlefade.jpg);
	font-style: italic;
}
.OMsite #WhyOMContent {
	margin: 0px;
	padding: 0px;
	background-color: #F4F4F4;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
.OMsite #WhyOMContent a:link {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.OMsite #WhyOMContent a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.OMsite #WhyOMContent a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
.OMsite #WhyOMContent a:active {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
.OMsite #WhyOMTitle a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: none;
}
.OMsite #WhyOMTitle a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: none;
}
.OMsite #WhyOMTitle a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: underline;
}
.OMsite #WhyOMTitle a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: underline;
}
.OMsite #productGroups {
}
.OMsite #productGroups img {
	float: none;
	border: none;
}
.OMsite  #SelectionGuideTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	padding: 9px 2px 8px 2px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(images/mainContent/titlefade.jpg);
	font-style: italic;
}
.OMsite  #SelectionGuideContent {
	margin: 0px;
	padding: 0px;
	background-color: #F4F4F4;
	border-bottom: 1px solid #000000;
	font-size: 10px;
	height: 85px;
}
.OMsite  #SelectionGuideContent  a:link {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.OMsite  #SelectionGuideContent  a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.OMsite  #SelectionGuideContent  a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
.OMsite  #SelectionGuideContent  a:active {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
.OMsite  #SelectionGuideTitle  a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: none;
}
.OMsite  #SelectionGuideTitle  a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: none;
}
.OMsite  #SelectionGuideTitle  a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: underline;
}
.OMsite  #SelectionGuideTitle  a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	font-style: italic;
	text-decoration: underline;
}
.OMsite  #SiteSearchTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFED21;
	padding: 9px 2px 8px 2px;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(images/mainContent/titlefade.jpg);
	font-style: italic;
}
.OMsite #SiteSearchContent {
	margin: 0px;
	padding: 5px 3px 10px 3px;
	background-color: #B3D9F9;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
.OMsite #SiteSearchContent p {
	margin: 5px 0 5px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
.OMsite #LiveChat {
	margin: 0px;
	padding: 5px 3px 10px 3px;
	background-color: #F4F4F4;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
.OMsite #brkKeyword {
	border-top: 1px solid #CCCCCC;
	margin: 3px 0 0 0;
}
.OMsite #brkSpec {
	border-top: 1px solid #CCCCCC;
	margin: 3px 0 0 0;
}
.OMsite #PromoBar {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-top: 1px solid #CCCCCC;
	margin: 5px 0 0 5px;
	float: left;
	padding: 2px;
	width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-image: url(../images/mainContent/promo-bgd.jpg);
}
.OMsite #PromoBar a:link {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
.OMsite #PromoBar a:visited {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
.OMsite #PromoBar a:hover {
	color: #CC0000;
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
}
.OMsite #PromoBar a:active {
	color: #CC0000;
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
}