body { background: #fff; }
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, td { font-family: Verdana, Geneva, Tahoma, sans-serif; color: #666; font-weight: normal; }

#frame, .frame { margin-left: auto; margin-right: auto; width: 970px; margin-bottom: 20px; position: relative; }
#framePopup { margin-left: auto; margin-right: auto; width: 650px; margin-bottom: 5px; position: relative; }
	.popupLogo { margin: 15px 0 0 8px;} .popUpbrandLogos { margin: 10px 0 10px 8px;}
/*  Breadcrumb dropdown style - product family and product detail pages */
/* Credit: http://javascript-array.com/scripts/jquery_simple_drop_down_menu */
#jsddm { margin:0; padding:0; width:auto; float:left;}
#jsddm li {	float: left; list-style: none; }
#jsddm li a { display: block; border:0; padding: 0 7px 0 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; 
	text-decoration: underline; width: 70px; color: #747678; white-space:nowrap; }
#jsddm li a:hover {	background: #fff; color: #e87511; text-decoration: none; }
#jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border: 1px #ccc solid; background: #f9f9f9 !important; }
#jsddm li ul li { float: none; display: inline;}
#jsddm li ul li a {	width: auto; padding: 3px; text-decoration: none; }
#jsddm li ul li a:hover { background: #ccc; color: #e87511;}

/*  CSS grid credit 960 Grid System http://960.gs  */
/*  Must declare this for all containers with widths in the layout grid so they properly align alongside of each other  */
.mainNavContainer, #mainNav, .colLeft, .colRight, .colLeft60, .colRight40, .colLeft70, .colRight30, .colLeftWide, .colLeftNav, .colMiddle, 
.colRightNav, .colMiddleWide, .listingImage, .listingBody, .mainImage, .relatedLinks, #tabs, .colRightHome, .tableCol,
.campaign .leftCol, .campaign .rightCol
	{ display:inline; float:left; margin-left:0; margin-right:0; }

/*  Begin site-wide styles  */
.boxTop { height: 110px; background:url("/Style%20Library/iom/images/header.gif") no-repeat left top; }
.siteLogo { width: 260px; float: left; position: relative; top: 25px; left: 10px;}
.searchBox { float: right; width: 129px; position: relative; top: 5px; right: 7px;}
.topNav { float: right; width: 300px; position: relative; top: 12px; right: 25px; text-align: right; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; }
.topNav a:link, .topNav a:visited { color: #666; text-decoration: none; } .topNav a:hover { color: #e87511; text-decoration: underline; }
/*  CSS Sprites method for brand logos: www.alistapart.com/articles/sprites  */
#brandLogos { float: right; width: 671px; height: 12px; position: relative; top: 55px; right: 13px;
	background:url("/Style%20Library/iom/images/brandSprite.gif") no-repeat left top; }
#brandLogos li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#brandLogos li, #brandLogos a {height: 12px; display: block;}
#avantis {left: 0; top: -30px; width: 47px;}
#eurotherm {left: 65px; top: -30px; width: 67px;}
#foxboro {left: 150px; top: -30px; width: 54px;}
#imserv {left: 222px; top: -30px; width: 45px;}
#infusion {left: 284px; top: -30px; width: 53px;}
#simsci {left: 355px; top: -30px; width: 90px;}
#skelta {left: 461px; top: -30px; width: 39px;}
#triconex {left: 517px; top: -30px; width: 55px;}
#wonderware {left: 588px; top: -30px; width: 83px;}
#avantis a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") 0 -12px no-repeat;}
#eurotherm a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -65px -12px no-repeat;}
#foxboro a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -150px -12px no-repeat;}
#imserv a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -222px -12px no-repeat;}
#infusion a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -284px -12px no-repeat;}
#simsci a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -355px -12px no-repeat;}
#skelta a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -461px -12px no-repeat;}
#triconex a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -517px -12px no-repeat;}
#wonderware a:hover {background:url("/Style%20Library/iom/images/brandSprite.gif") -588px -12px no-repeat;}

.mainNavContainer { margin-left: 5px; width: 960px; background: #cacaca url("/Style%20Library/iom/images/barSlice.jpg") repeat; }
.keepUpdate { float: right; }

#mainNav { height: 30px; width: 960px; text-align: right; }
#header { float: left; line-height: normal; width: 100%; padding: 0 4px 0 4px; }
#header ul { list-style: none; }
#header li { float:left; background:url("/Style%20Library/iom/images/barTabright.jpg") no-repeat right top; }
#header a {
	display: block;
	background:url("/Style%20Library/iom/images/barTableft.gif") no-repeat left top;
	padding: 7px 21px 7px 18px;
	text-decoration: none;
	color: #666; font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold;
	}
#header li:hover { background:url("/Style%20Library/iom/images/barTableftHover.gif") no-repeat left top; background-color: #f9f9f9; }
#header li:hover a { background:url("/Style%20Library/iom/images/barTableftHover.gif") no-repeat left top; background-color: #f9f9f9; }

.footer { padding-top: 10px; background-color: #adafaf; text-align: center; }
.footer p { padding: 0 20px 10px 20px; font-size: 11px; color: #fff; }
.footer a:link, .footer a:visited  { color: #fff; text-decoration: underline; }
.footer a:hover, .footer a:visited:hover { color: #e87511; text-decoration: none; }

/*  mainBody is everything bet. .mainNavContainer and .footer  */
.mainBody { margin: 0  5px 8px 5px; }  
.mainBody ol, .mainBody ul, .mainBody p, .mainBody td, .popupContent ol, .popupContent ul, .popupContent p {font-size: 12px; line-height: 1.7em;}
.mainBody table td * { font-size: 1em; } /* Resize content inside of tables including p, ul, ol content */
.mainBody h1, .popupContent h1 { font-size: 26px; } 
.mainBody h2, .popupContent h2 { font-size: 20px !important; font-weight: normal;} 
.mainBody h3, .popupContent h3 { font-size: 18px !important; font-weight: normal;}
.mainBody a:link, .mainBody a:visited { color: #666; text-decoration: underline; }
.mainBody a:hover, .mainBody a:visited:hover { color: #e87511; text-decoration: none; }

/*  Styles inheriting from mainBody  */
.icons { width: 226px; float: right; margin: 20px 0 15px 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; text-align: right;}
.iconsHome { position: relative; top: 18px; width: 305px; float: left; margin-bottom: -30px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; }
.icons a:link, .icons a:visited, .iconsHome a:link, .iconsHome a:visited { text-decoration: underline; }
.icons a:hover, .icons a:visited:hover, .iconsHome a:hover, .iconsHome a:visited:hover { text-decoration: none; }
a.sizeIcon:link, a.sizeIcon:visited { text-decoration: none; font-weight: bold; border: 1px solid #666; padding: 0 3px; }
a.sizeIcon:hover, a.sizeIcon:visited:hover { text-decoration: none; border: 1px solid #e87511; }

.breadcrumb, p.breadcrumb { width: 670px; float: left; margin-top: 20px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px !important; color: #747678; }
.breadcrumbPart1 { float:left; width:auto; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px !important; color: #747678; }
.flashHome { margin-top: 2px; }
.homeDescription { margin: 8px 0 10px 0; padding: 8px 10px; border: 1px solid #e0e1dd; border-top: 2px solid #c3d603; -webkit-border-radius: 8px; /* rounded corners: Safari */ -moz-border-radius: 8px; /* Firefox */ background-color: #f9f9f9;}
.footerMssg { text-align: right; margin-top: 15px;} p.footerMssg { font-size: 11px; }
.footerMssg a:link, .footerMssg a:link { color: #666; } .footerMssg a:hover, .footerMssg a:visited:hover { text-decoration: none; }

.intro { }
.intro h1, .intro h2, .intro h3, .intro p { padding: 0 5px; }
.intro h1 { padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #e0e1dd; border-bottom: 1px solid #e0e1dd; line-height: 1.15em; }
.intro h2, .intro h3 { padding-top: 15px; line-height: 1.3em; } .intro h2 { padding-bottom: 7px; }
.intro h2.noPad { padding-top: 10px !important; }
.intro p { padding-top: 8px;}  .intro table { margin: 8px 5px; }
.intro ul, .intro ol { margin: 10px 25px 0 25px; } .intro li { padding-bottom: 8px; }
.intro ul { list-style-image:url("/Style%20Library/iom/images/bullet.gif"); } .intro ol { list-style-type: decimal; padding-left: 5px; }
.intro a:link, .intro a:visited { color: #e87511; }
.intro a:hover, .intro a:visited:hover { color: #666; background-color: #efefe1; }
.intro blockquote { padding-left: 20px; padding-right: 20px; }

.campaign { border: 1px solid #999 !important; } .campaign a:link { color: #e87511; }
.campaign .leftCol { width: 130px; padding: 25px 0 2px 0; text-align: right; }
.campaign .rightCol { width: 630px; margin-left: 20px;  padding: 25px 15px 0 0; }

#tabs { margin-top: 13px; }
#tabs p { padding: 5px 3px 8px 3px; border-bottom: 1px solid #e0e1dd; }
a.tabHome { font-family: Verdana, Geneva, Tahoma, sans-serif !important; }
.tabContent { padding-bottom: 10px; } .tabContent h3 { padding-top: 8px; }
.tabContent p { border-bottom: 0 !important; margin-left: 2px;}

.relatedItems { margin-top: 14px; } .relatedItemsNoMargin { margin-top: 0; }
.relatedItems h1, .relatedItemsNoMargin h1 { font-size: 12px; font-weight: bold; padding: 7px 10px 7px 10px; background-color: #e6e6e6; }
.relatedItems p, .relatedItemsNoMargin p { padding: 5px 10px 5px 10px; }  .relatedItems p.moreLink, .relatedItemsNoMargin p.moreLink { margin-top: 6px; border-top: 1px solid #e0e1dd;}

.newsListing { background-color: #f9f9f9; margin-bottom: 10px; margin-top: 10px; }
.newsListing h1 {
	height: 20px;
	background: url("/Style%20Library/iom/scripts/jquery/images/ui-bg_highlight-hard_90_c3d603_1x100.png") 50% 50% repeat-x; 
	color: #333; font-size: 13px !important; font-weight: bold; padding: 3px 0 2px 10px; }
.morelinks { float: right; font-size: 12px !important; margin-right: 5px; }
.morelinks a:link, .morelinks a:visited { font-weight: bold; text-decoration: underline; color: #333; }
.morelinks a:hover, .morelinks a:visited:hover { text-decoration: none; }
.newsListing p { font-size: 12px !important; margin: 0 5px -1px 5px; padding: 5px 7px; border-bottom: 1px solid #e0e1dd; }
.newsListing p a:link, .newsListing p a:visited { color: #e87511; }
.newsListing p a:hover, .newsListing p a:visited:hover { color: #666; }
/*  End of styles inheriting from mainBody  */

/*  General styles  */
.border { border: 1px solid #e0e1dd; -webkit-border-radius: 8px; /* rounded corners: Safari */ -moz-border-radius: 8px; /* Firefox */ }
.topBorder { border-top: 1px solid #e0e1dd; }
.leftBorder { border-left: 1px solid #e0e1dd; } .rightBorder { border-right: 1px solid #e0e1dd; }
.bottomBorder { border-bottom: 1px solid #e0e1dd; margin-bottom: 5px; padding-bottom: 10px !important; }
.urgent { color: #cc0000; }  .authorInstruct { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #009b48; }
.note { margin: 1.5em; padding: .75em !important; border: 1px solid #e0e1dd; -webkit-border-radius: 8px; /* rounded corners: Safari */ -moz-border-radius: 8px; /* Firefox */ background-color: #f9f9f9; }
table.grid { margin: 0 10px; padding: 11px 0; } table.grid tr td { border-bottom: 1px solid #e0e1dd; padding: 0.5em 0; vertical-align: top; } td.noBorder { border-bottom: 0; }
.floatRight, .ms-rteCustom-floatRight { float: right; margin: 7px 0 3px 14px; text-align: center; padding: 6px; border: 1px solid #e0e1dd; }
.floatRightNoBorder { float: right; margin: 0 0 3px 14px; text-align: center; padding: 6px; }
.floatRightNoBorderPad { float: right; margin: 0 14px 3px 14px; text-align: center; padding: 6px; }
.floatRightHome { float: right; margin: -38px -13px 0 0; text-align: center; padding: 0; }
.floatLeft, .ms-rteCustom-floatLeft { float: left; margin: 7px 14px 3px 0; text-align: center; padding: 6px; border: 1px solid #e0e1dd; }
.floatLeftNoBorder { float: left; margin: 7px 14px 3px 0; text-align: center; padding: 6px; }
.floatRightCaption { width: 260px; float: right; margin: 10px 6px 3px 0; padding: 5px 6px 5px 6px;
	text-align: center; font-size: 11px !important; font-style: italic; line-height: 1.4em; }  /*  Used for news rel page  */
.small { font-size: 11px !important; } .noBorder { border-bottom: 0 !important; }
.tableCol { width: 310px; margin-right: 10px; margin-bottom: 10px; }
/*  Styles for JQuery modal windows and legacy styles from old RTF editor customRTFstyles.css file */
.ms-rteCustom-popupContent { }  .outsideContent { }
.ms-rteCustom-listingBody, .ms-rteCustom-listingImage { display:inline; float:left; margin-left:0; margin-right:0; }
.ms-rteCustom-listingBody { width: 430px; padding-bottom: 7px; margin-top: -5px; }
.ms-rteCustom-listingImage { text-align: right; margin: 7px 10px 7px 0; padding: 4px; border: 1px solid #adafaf; }
p.ms-rteCustom-listingBorder { clear:both;display:block;float:none; border-bottom: 1px solid #e0e1dd; margin:-18px 0 5px 0; padding:0;}

/*  Various content containers  */
.colLeft { width: 470px; } .colRight { width: 469px; margin-left: 20px; }
.colRightHome { width: 303px; margin: 0 0 10px 10px; }
.colLeft60 { width: 515px; }  .colRight40 { width: 425px; margin-left: 20px; }
.colLeft70 { width: 605px; }  .colRight30 { width: 335px; margin-left: 20px; }
.colLeftWide { width: 820px; margin-right: 18px; }  .relatedLinks { width: 120px; }

.colLeftNav { width: 175px; border: 1px solid #e0e1dd; border-top: 2px solid #c3d603; background-color: #f9f9f9;
	-webkit-border-radius: 8px; -moz-border-radius: 8px;}
.colLeftNav h1 { padding: 6px 15px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #e0e1dd; }
.colLeftNav h2 { margin: 12px 15px 6px 15px; font-size: 12px; font-weight: bold; }
.colLeftNav ul { margin: 6px 15px; } .colLeftNav li { margin-top: 6px; }
.colLeftNav li.indent { margin-left: 15px; } .colLeftNav li.selected { color: #e87511; font-weight: bold; }
.colLeftNav a:link, .colLeftNav a:visited { color: #e87511; text-decoration: none; color: #666; }
.colLeftNav a:hover, .colLeftNav a:visited:hover { color: #e87511; text-decoration: underline; }

.colMiddle { width: 575px; margin-left: 15px; } .colRightNav { width: 178px; margin-left: 15px;}
.colMiddleWide { width: 768px; margin-left: 15px; }
.listingBody { width: 312px; padding-bottom: 7px;}  .listingImage { width: 160px; text-align: right; margin: 10px 7px 7px 0;}

/* Using Jquery script from www.cssnewbie.com/equal-height-columns-with-jquery for these styles */
#colsContent { width: 960px; margin: 0 auto; border-top: 3px solid #c3d603; }
#colsContent h3 { color: #e87511; } #colsContent h3.bottom { border-top: 1px solid #e0e1dd; margin-top: 10px;}
#colsContent ul { margin-bottom: 10px; } #colsContent .last { border-right: 0; }
#colsContent a:link, #colsContent a:visited { color: #e87511; }
.column, .column1, .column2, .column3 { float: left; padding-right: 15px; }  /* Sep out each row for equal heights */
#colContent2 { width: 443px; margin-left: 20px; border-right: 1px solid #e0e1dd; }
#colContent3 { width: 283px; margin-left: 20px; border-right: 1px solid #e0e1dd; }
#colContent4 { width: 203px; margin-left: 20px; border-right: 1px solid #e0e1dd; }

.colLeftNav div span, .colRightNav div span { display: block; } /* Fix spacing with MOSS reusable content span tags */

.mainImage { width: 348px; }
.thumbImages { margin: 5px 0; padding: 8px 0; text-align: center; border-bottom: 1px solid #e0e1dd; }
.thumbImages a:link, .thumbImages a:visited { border-bottom: none !important;}
.thumbImages a:hover, .thumbImages a:visited:hover { background: none !important;}
.relatedLinks ul { }
.relatedLinks ul li {
	list-style: none;
	margin-bottom: 5px; padding: 4px 4px 5px 4px;
	border: 1px solid #e0e1dd; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	background: #c3d603 url(/Style%20Library/iom/scripts/jquery/images/ui-bg_highlight-hard_90_c3d603_1x100.png) 50% 50% repeat-x;
	color: #666; outline: none; font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px; line-height: 1.2em; text-align: center;
	}
.relatedLinks a:link, .relatedLinks a:visited  { text-decoration: none; color: #333; }
.relatedLinks a:hover, .relatedLinks a:visited:hover { color: #747678; outline: none; }
/*  End site-wide styles  */

/*  960 Grid System: Clear style used with various floated containers  */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix {display:inline-block}
* html .clearfix{height:1%}
.clearfix {display:block}

/* Search box */
input.ms-sbplain { padding: 2px; font-size: 12px; color: #666; border: 1px solid #999; }
tr.ms-sbrow, td.ms-sbcell, td.ms-sbtext, td.ms-WPBorder, tr.ms-WPHeader {
	border: 0; background-color: transparent; font-size: 12px; text-align: right; font-weight: normal; color: #666; }
div#SRSB, table.ms-sbtable { display: inline; }

/* Search results */
.srch-Icon { margin-left: 5px; }
.srch-stats, .srch-Page { font-size: 1.2em; font-family: Verdana, Geneva, Tahoma, sans-serif; background-color: #fff !important; color: #666; padding: 0 5px; }
.srch-sort { font-size: 1.2em; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #666; }
.srch-Title { font-size: 1.2em; margin: 0px 0px 2px 4px; color: #666; font-family: Verdana, Tahoma, Geneva, sans-serif; }
.srch-Description { font-size: 1.2em; margin: 6px 0 0 5px; color: #666; font-family: Verdana, Geneva, Tahoma, sans-serif; line-height: 1.3em;}
.srch-Description b { font-weight: normal; color: #cc0000; }
.srch-Metadata { font-size: 1.2em !important; margin: -7px 0px 10px !important; padding-top: 0; }

.ms-pagebreadcrumb { display: none; }  /* Default SP breadcrumb */

/* Content Query & Dataview webpart style tweaks */
.groupheader { font-family: Verdana, Geneva, Tahoma, sans-serif; margin-bottom:5px; font-size:10pt; font-weight:bold; color:#666; clear:both; }

.cqwpContent { margin: -12px 0 0 -5px; padding: 0 20px 0 0 !important; position: relative; left: -9px; }
.cqwpContent div { margin: 0 0 0 5px; }
.webpartContainerNews { width: 575px !important; margin: 0 10px -30px -13px; padding-right: 20px !important; }
.webpartContainerNews table { width: 575px !important; margin-right: 10px !important;}
.webpartContainerNews h2 { margin-top: 0; margin-bottom: 20px !important; padding-top: 0; padding-bottom: 10px;}
.webpartContainerNews h3 { margin-top: -5px; margin-bottom: 20px; padding-top: 0; padding-bottom: 10px;}
.webpartContainerNews div { padding-top: 5px; margin: -10px 5px 0 3px; }
.webpartContainer h2, .webpartContainer h3 { margin-bottom: 8px;}
.webpartContainer p { margin-bottom: 5px;} .webpartContainer a:link, .webpartContainer a:visited { color: #e87511; }
.cqfeed { display: none; }