body, form, html { height: 100%; font: 9.0pt/13pt Arial; color: #000; }
table { font: 9.0pt/13pt Arial; color: #000; }
body { background: #EEEFED url(/images/pageBackground.gif) left top repeat-x; margin: 0; }
a { color: #0149ba; }
a:hover { text-decoration: none; }

h1 { font-size: 20px; line-height: 22px; }
h2 { color: #5a7e92; font-size: 18px; line-height:20px; }
h3 { font-size: 16px; line-height: 18px; }
h4 { font-size: 14px; line-height: 16px; }

textarea { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size:12px; }

/*IE hack*/
img { border: none; }


/* *********************************** */
/* BEGIN SECTION - LAYOUT */

#pageWrapper { margin: 0 auto 0 auto; width: 865px; height: auto; background: #D4DDD9; }
div#header { width: 865px; height: 111px; position: relative; }

#contentWrapper { background: #FFF; float: left; }

div#navWrapper { padding-bottom: 35px; }

div#footer { padding-top: 12px; float: none; clear: both; width: 865px; border-top: 2px solid #2A5246; text-align: center; margin-left: auto; background: #D4DDD9; }
div#footer table { font: 9pt Arial; color: #636363; }

.htmlControl { float: left; width: 350px; }

/* *********************************** */
/* BEGIN SECTION - BUTTONS */


div#header .searchBtn { position: absolute; top: 8px; right: 10px; }
div#header .searchTxt { position: absolute; top: 8px; right: 85px; }
div#header .btnChinese { position: absolute; bottom: 15px; right: 10px; }
div#header .btnRepLogin { position: absolute; bottom: 40px; right: 10px; }

a#homeClick2Call { display: block; width: 126px; height: 49px; background: url(/images/btnClick2Call.gif) left top no-repeat; }
a#homeClick2Call:hover { background: url(/images/btnClick2CallOn.gif) left top no-repeat; }

a#homeClick2Call span { display: none; }

div#searchType { position: absolute; top: 8px; right: 250px; }


/* *********************************** */
/* BEGIN SECTION - TOP NAV */

ul#ulNav li, ul#ulNav, ul#ulNav a { display: block; height: 29px; margin: 0; padding: 0; float: left; }

ul#ulNav li a span { display: none; }

a.products { width: 129px; height: 29px; background: url(/images/nav/navProducts.gif) left top no-repeat !important; }
a.products:hover { background-position: bottom !important; }
a.products span { display: none !important; }

a.industries { width: 117px; height: 29px; background: url(/images/nav/navIndustries.gif) left top no-repeat !important; }
a.industries:hover { background-position: bottom !important; }
a.industries span { display: none !important; }

a.application_areas { width: 162px; height: 29px; background: url(/images/nav/navApplications.gif) left top no-repeat !important; }
a.application_areas:hover { background-position: bottom !important; }
a.application_areas span { display: none !important; }

a.certifications { width: 145px; height: 29px; background: url(/images/nav/navCertifications.gif) left top no-repeat !important; }
a.certifications:hover { background-position: bottom !important; }
a.certifications span { display: none !important; }

a.about_sor { width: 141px; height: 29px; background: url(/images/nav/navAbout.gif) left top no-repeat !important; }
a.about_sor:hover { background-position: bottom !important; }
a.about_sor span { display: none !important; }

a.customer_service { width: 171px; height: 29px; background: url(/images/nav/navCustSvc.gif) left top no-repeat !important; }
a.customer_service:hover { background-position: bottom !important; }
a.customer_service span { display: none !important; }

div#navBreak { height: 25px; width: 865px; }

div#homeContentWrapper { float: left; width: 356px; padding: 0 8px; }

ul#ulNewsEvents { margin: 10px 15px 0px 0px; padding-left: 10px; }
ul#ulNewsEvents li { list-style-type: none; font: 9pt/11pt Arial; }
ul#ulNewsEvents li span.newsTitle { font-weight: bold; display: block; }

div#homeRightWrapper { float: left; width: 240px; }
div#homeRightWrapper a span { display: none; }


/* *********************************** */
/* BEGIN SECTION - HOMEPAGE */

a#homeLinkRep { display: block; width: 240px; height: 64px; background: url(/images/homeFindRep.gif) left top no-repeat; }
a#homeLinkRep:hover { background: url(/images/homeFindRepOn.gif) left top no-repeat; }
a#homeWhatsNewBox { display: block; width: 240px; height: 150px; margin-top: 4px; background: url(/images/home_1500LevelSwitches.jpg) left top no-repeat; }
a#homeWhatsNewBox:hover { /*background:url(/images/homeEchoSonixOn.gif) left top no-repeat;*/ }


/* *********************************** */
/* BEGIN SECTION - CHILD PAGE */

td.leftNavWrapper { width: 124px; background: #f8f8f8; }
td.childContentSpacer { width: 31px; }

td.childContentArea { }
td.rightNavWrapper { width: 141px; background: #f8f8f8; }
div.rightNavSpace { margin-top: 5px; }
div.pollBox { width: 137px; border: 2px solid #dfe5e2; font-size: 8pt; }
div.pollHeader { width: 119px; padding: 10px; background: #D4DDD9; font-weight: bold; color: #424242; }
.pollBox table { font-size: 8pt; }

span.breadCrumb { color: #5a7e92; }
span.breadCrumb a { color: #5a7e92; text-decoration: underline; }
span.childHeader, a.childHeader { color: #5a7e92; font-weight: bold; font-size: 16px; letter-spacing: 2px; }
.breadCrumb a { color: #5a7e92; }
.breadCrumb a:hover { text-decoration: underline; }

/* Tree View and Menu CSS Stuff */

/* These are just plain and ugly examples for how to hook on to stuff.
Also with the new mods, the node name is also its class. 
It will be all lower case with spaces replaced with underscores:
	Some Nav Item Name - some_nav_item_name

so you would be able to do:
li{common styles}
li a {display:block; width:150px; height: 150px}
li a span {display:none;}
li.some_nav_item_name {background: #fff url(menuitem-OVER.gif) top left no-repeat;}
li.some_nav_item_name a{background: transparent url(menuitem-UP.gif) top left no-repeat;}
li.some_nav_item_name a:hover{background: none;}

*/

/****************************************************************************
*
*                             TreeView CSS
*
****************************************************************************/

div.AspNet-TreeView ul li { white-space: nowrap; padding: 3px 0 2px 0; }
div.AspNet-TreeView ul ul { margin: 2px 0 2px 12px; }
div.AspNet-TreeView ul li img { border: none; vertical-align: middle; margin: 0 4px 0 0; }
div.AspNet-TreeView li a { text-decoration: none; padding-left: 4px; }
div.AspNet-TreeView li.AspNet-TreeView-Root { margin: 0 4px 6px 0; }
div.AspNet-TreeView li.AspNet-TreeView-Parent { margin: 0 4px 6px 0; }
div.AspNet-TreeView li.AspNet-TreeView-Leaf { }
div.AspNet-TreeView .AspNet-TreeView-Collapse { position: relative; background: url(/App_Themes/Default/images/collapse.gif) 0 -1px no-repeat; width: 15px; float: left; cursor: pointer; }
div.AspNet-TreeView .AspNet-TreeView-Expand { position: relative; background: url(/App_Themes/Default/images/expand.gif) 0 -1px no-repeat; width: 15px; float: left; cursor: pointer; }

div.AspNet-TreeView .AspNet-TreeView-Selected a { font-weight: bold !important; }
div.AspNet-TreeView .AspNet-TreeView-Selected ul a { font-weight: normal !important; }

/****************************************************************************
*
*                             Main Menu CSS
*
****************************************************************************/

/* Top tier */

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
div.Main { position: relative; z-index:50; }
.Main ul.AspNet-Menu ul {  }
.Main ul.AspNet-Menu ul ul { width: 113px; }

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.Main ul.AspNet-Menu li { background: #d9d9d9 url(/App_Themes/Default/images/menuDrop1_7x80.gif) top left no-repeat; }
/* 3rd tier */
.Main ul.AspNet-Menu ul ul li { background: #d9d9d9; }

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.Main ul.AspNet-Menu li a, 
.Main ul.AspNet-Menu li span { color: #386c5c; /*padding: 4px 2px 4px 8px;*/ background: transparent url(/App_Themes/Default/images/arrowRight_i.png) center right no-repeat; z-index:1000; }

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.Main ul.AspNet-Menu li.AspNet-Menu-Leaf a, 
.Main ul.AspNet-Menu li.AspNet-Menu-Leaf span { background-image: none; }

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.Main ul.AspNet-Menu li a img { border-style: none; vertical-align: middle; }

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.Main ul.AspNet-Menu li:hover, 
.Main ul.AspNet-Menu li.AspNet-Menu-Hover { background-color: #ebebeb; background-position: bottom left; }

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.Main ul.AspNet-Menu ul li a:hover, .Main ul.AspNet-Menu ul li span.Asp-Menu-Hover, .Main ul.AspNet-Menu ul li.onhover a { background: transparent url(/App_Themes/Default/images/arrowRight_a.png) center right no-repeat; text-decoration: underline; }
.Main ul.AspNet-Menu ul li.AspNet-Menu-Leaf a:hover, .Main ul.AspNet-Menu ul li.AspNet-Menu-Leaf a { background-image: none; }
.Main ul.AspNet-Menu ul li a span
{ 
	background: transparent none;
}

/* The span gets assigned values from above that need to be cleared out */
.Main ul.AspNet-Menu li a:hover span, 
ul.AspNet-Menu li a span { background-image: none; background-color:Transparent; }

.Main ul.AspNet-Menu ul li:hover, 
.Main ul.AspNet-Menu ul li.AspNet-Menu-Hover { background-color: #ebebeb; background-position: bottom left; }

.Main ul.AspNet-Menu ul li a:hover, 
.Main ul.AspNet-Menu ul li span.Asp-Menu-Hover { }
.Main ul.AspNet-Menu ul li.AspNet-Menu-Leaf a:hover { background-image: none; }

/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with div */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.Main .AspNet-Menu-Horizontal { z-index: 300; }

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu { width: 865px; }

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and third tiers. */
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul { width: 113px; left: 0; top: 100%; background: #fff; /*border-left: solid 1px #aaa;     border-right: solid 1px #aaa;     border-bottom: solid 1px #aaa;*/ font-size: 12px; margin-left: 10px; z-index: 1000; }
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul { margin-top: -21px; width: 113px; margin-left: 113px; }
/* 3rd tier background */
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li { background: #cbcbcb url(/App_Themes/Default/images/thirdTierArrow_i.png) 6px 7px no-repeat; }
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li:hover, 
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li li.AspNet-Menu-Hover { background: #e3e3e3 url(/App_Themes/Default/images/thirdTierArrow_a.png) 6px 7px no-repeat; }

.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul { }

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu li { text-align: left; }

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul li { text-align: left; width: 91px; padding: 2px 4px 2px 18px; }
.Main .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li { width: 113px; }


/****************************************************************************
*
*                             Context Treeview CSS
*
****************************************************************************/

.Context { position: relative; z-index: 0; }

.Context div.AspNet-TreeView ul li { white-space: nowrap; padding: 0 0 0 0; font-size: small; font-family: Tahoma; }

.Context div.AspNet-TreeView ul ul { margin: 0 0 0 0; }

.Context div.AspNet-TreeView ul li img { border: none; vertical-align: middle; margin: 0 4px 0 0; }

.Context div.AspNet-TreeView li a { display: block; height: 23px !important; font-weight: normal; color: #565656; text-decoration: none; padding-top: 7px; padding-left: 13px; }

.Context div.AspNet-TreeView li.AspNet-TreeView-Root { background: #d4ddd9 !important; border-top: solid 1px #bfcdc7; border-bottom: solid 1px #bfcdc7; /*border-top: solid 1px #E7E7E7;     border-right: solid 1px #000;     border-bottom: solid 1px #D2D2D2;     border-left: solid 1px #E7E7E7;*/ margin: 0 0 0 0; }

.Context div.AspNet-TreeView li.AspNet-TreeView-Root a { font-weight: bold; margin-left: 0;  }

.Context div.AspNet-TreeView li.AspNet-TreeView-Parent { background: #d4ddd9; border-top: solid 1px #E7E7E7; border-right: solid 1px #D2D2D2; border-bottom: solid 1px #D2D2D2; border-left: solid 1px #E7E7E7; margin: 0 4px 6px 0; }

.Context div.AspNet-TreeView li.AspNet-TreeView-Leaf { padding-right: 20px; border-top: solid 1px #bfcdc7; background-color: #eaeeec; }

.Context div.AspNet-TreeView li.AspNet-TreeView-Leaf a { font-weight: normal; margin-left: 10px; width: 113px; }

.Context div.AspNet-TreeView .AspNet-TreeView-Collapse { position: relative; /*background: url(collapse.gif) 0 -1px no-repeat;*/ width: 15px; float: left; cursor: n-resize; font-family: Courier; font-size: xx-large; line-height: 20px; }

.Context div.AspNet-TreeView .AspNet-TreeView-Expand { position: relative; background: url(expand.gif) 0 -1px no-repeat; width: 15px; float: left; cursor: n-resize; font-family: Courier; font-size: xx-large; line-height: 20px; }

/*  Unselected links  */
.Context div.AspNet-TreeView a, .Context div.AspNet-TreeView a:visited, .Context div.AspNet-TreeView a:active, .Context div.AspNet-TreeView a:hover, .Context div.AspNet-TreeView a:link { color: #565656; }

.Context div.AspNet-TreeView ul li ul li.AspNet-TreeView-Selected a { font-weight: normal !important; color: #0149ba !important; text-decoration: underline; }

.Context div.AspNet-TreeView li.AspNet-TreeView-Selected { background: #eaeeec url(images/arrowsDouble_13x7.png) 5px 13px no-repeat; }

.Context div.AspNet-TreeView .AspNet-TreeView-Selected ul a { font-weight: normal !important; color: #00008B !important; }



table.GridView-NoBorders, table.GridView-NoBorders th, table.GridView-NoBorders td, table.GridView-NoBorders tr { border: solid 0 #fff; }

.mainRightImage { width: 210px; min-height: 206px; float: right; border: 1px solid #d9d9d9; padding: 8px 4px 4px 4px; margin: 0 10px 15px 15px; background: #F2F2F2; }

.mainRightImage img { border: solid 1px #ddd !important; }

.thumbnails { margin: 2px; }


.pollRows { padding: 5px 20px; }

.successText { color: Green; font-weight: bold; }

.errorText { color: Red; font-weight: bold; }

.note { color: #aaa; font-style: italic; }

.articlePrev p { margin-top:5px; }
a.newsReleaseTitle { color: #333; margin-bottom: 10px; display: block; font-weight: bold; }
td.newsReleaseArchiveTitle { padding-bottom: 10px; }
td.newsReleaseArchiveTitle a { color: #333; font-weight: bold; }

table.eventCal { margin: 20px auto; }
table.eventDetails { margin: 0 auto; }

div.rep { background-color: #f7f9f8; border: solid 2px #d4ddd9; padding: 15px 40px; margin-bottom: 15px; }

.model_no_results h4
{
    margin-bottom: 7px;
}

.clear { clear: both; }

/**** END For SorInc.com ****/