/* www.acm-usa.com Stylesheet */ /* Last Revised: 02-02-07 */ /* Colors: Red#f00; Green#071; Dark Green#060; White#fff; Black#000; Light Gray#ddd; Dark Gray#555; Light Blue#07b; Dark Blue#038; Navy#006; Dark Orange#b10; */ /* General Styles */ * { margin:0; padding:0; } body { background:url(img/bg-blue.gif) repeat-x top left; color:#222; font:normal 1em sans-serif,arial,helvetica; text-align:center; } body#search { margin:0 0 0 0; } a { color:#038; font-weight: bold; text-decoration:none; } a:hover { color:#c00; } dl { list-style:disc; font-size:70%; margin:0 0 10px; } dl dt { font-weight:bold; } dl dd { } img { border:0; } ul { list-style:square; margin-bottom:5px; text-indent:0; } ul ul { font-size:100%; } /* JumpBar */ #jump-bar { background:#07b; border-bottom:1px solid #068; padding:4px; } #jump-bar form { margin:0 auto; text-align:right; width:744px; } #jump-bar select { border:1px solid #068; font:normal 11px arial,helvetica; padding:2px; width:164px; } #jump-bar select option { } #jump-bar #supernav { float:left; font-size:70%; margin:0; padding:4px 0; text-align:right; } #jump-bar #supernav a { color:#fff; padding-right:25px; } #jump-bar #supernav a:hover { color:#ddd; } /* Header */ #header { background:url("img/container-top.gif") no-repeat; display:block; margin-top:0px; padding-top:6px; position:relative; width:100%; } #header #logo { float:left; margin:10px 0; } #header #logo img { border:0; } /* Footer Styles */ #footer { background:#999; clear:left; color:#fff; display:block; font-size:60%; margin-top:11px; padding-top:25px; text-align:center; width:100%; } #footer p { font-size:100%; margin:0 0 10px 0; padding:0; } #footer a { font-size:100%; padding-right:5px; } #footer span { display:run-in; } #footer .text { font-size:70%; } #footer .status { float:right; } #section-nav { border:1px solid #ccc; display:block; float:right; margin:0 0 5px 15px; position:relative; text-align:center; width:140px; } #section-nav dt { background:#eee; font-size:100%; padding:5px; } #section-nav dd { background:#fff; border-top:1px solid #ccc; padding:5px; } #section-nav dd.lvl1 { font-size:75%; } /* Site Container (Keeps it all together...) */ #container { background:#fff; margin:0px auto 0; text-align:left; width:743px; } /* Top Navigation */ #topnav { background:#006; border:solid #fff; border-width:0 0 1px 0; color:#fff; clear:both; display:block; height:26px; text-align:left; width:100%; } #topnav ul#navlist { list-style:none; margin:0; padding:0; text-indent:0; } #topnav ul#navlist li { border-right:1px solid #fff; float:left; font-size:70%; margin:0; padding:0; position:relative; z-index:20; } #topnav ul#navlist li a { background:#006; color:#fff; display:block; height:auto; margin:0; padding:6px 12px; width:auto; } #topnav ul#navlist li a:hover, #topnav ul#navlist li a.active { background:#071; color:#fff; } #home #topnav ul#navlist li a#home, #about #topnav ul#navlist li a#about, #whiskers #topnav ul#navlist li a#whiskers, #blends #topnav ul#navlist li a#blends, #wearparts #topnav ul#navlist li a#wearparts, #microwave #topnav ul#navlist li a#microwave, #wafers #topnav ul#navlist li a#wafers, #links #topnav ul#navlist li a#links, #admin #topnav ul#navlist li a#admin { background:#071; color:#fff; } #topnav ul#navlist li ul { background:#036; border:solid #fff; border-width:1px 0 0 0; display:none; left:0; list-style:none; margin:0; padding:0; position:absolute; text-indent:0; top:2.3em; z-index:200; } #topnav ul#navlist li>ul { left:auto; top:auto; } #topnav ul#navlist li:hover ul { display:block; width:150px; } #topnav ul#navlist li.over ul { display:block; width:150px; } #topnav ul#navlist li ul li { border:solid #fff; border-width:0 0 1px 0; clear:both; display:block; font-size:90%; width:auto; } * html #topnav ul#navlist li ul li { width:100%; } #topnav ul#navlist li ul li a { background:#006; color:#fff; display:block; margin:0; padding:6px 6px; width:156px; } #topnav ul#navlist li ul li a.secure, #topnav ul#navlist li ul li a.secure:hover { background-image:url("img/icon_secure.gif"); background-position:95% 50%; background-repeat:no-repeat; } #topnav ul#navlist li ul li a:hover { background:#071; color:#fff; } #sectionhdr { display:none; } #home #sectionhdr { background:url("img/hdr-acm.gif") no-repeat; display:block; height:98px; } #about #sectionhdr { background:url("img/hdr-about.gif") no-repeat; display:block; height:98px; } #whiskers #sectionhdr { background:url("img/hdr-whiskers.gif") no-repeat; display:block; height:98px; } #blends #sectionhdr { background:url("img/hdr-blends.gif") no-repeat; display:block; height:98px; } #wearparts #sectionhdr { background:url("img/hdr-wearparts.gif") no-repeat; display:block; height:98px; } #microwave #sectionhdr { background:url("img/hdr-microwave.gif") no-repeat; display:block; height:98px; } #wafers #sectionhdr { background:url("img/hdr-wafers.gif") no-repeat; display:block; height:98px; } #links #sectionhdr { background:url("img/hdr-links.gif") no-repeat; display:block; height:98px; } /* Left Navigation */ #mainnav { background:#eee; border:solid #ddd; border-width:0 1px 0 0; float:left; margin:0 10px 30px 0; padding:0; width:165px; vertical-align:top; } #mainnav ul { display:none; list-style:none; margin:0; padding:0; text-indent:0; width:165px; } /* Styles that control what subnav items display on each page */ #home #mainnav ul#home, #about #mainnav ul#about, #whiskers #mainnav ul#whiskers, #blends #mainnav ul#blends, #wearparts #mainnav ul#wearparts, #microwave #mainnav ul#microwave, #wafers #mainnav ul#wafers, #links #mainnav ul#links, #admin #mainnav ul#admin, #home #mainnav ul#home ul, #about #mainnav ul#about ul, #whiskers #mainnav ul#whiskers ul, #blends #mainnav ul#blends ul, #wearparts #mainnav ul#wearparts ul, #microwave #mainnav ul#microwave ul, #wafers #mainnav ul#wafers ul, #links #mainnav ul#links ul, #admin #mainnav ul#admin ul { display:block; } /* Nav Level 1 */ #mainnav ul li { border-bottom:1px solid #ddd; margin:0; padding:0; vertical-align:top; } #mainnav ul li a { background:url("img/icon_nav1.gif") no-repeat 5px 8px; display:block; font-size:70%; margin:0; padding:5px 0 6px 18px; width:auto; } #mainnav ul li a:hover { background-color:#fff; color:#c00; } /* Nav Level 2 */ #mainnav ul li ul { } #mainnav ul li ul li { border:solid #ddd; border-width:1px 0 0 0; } #mainnav ul li ul li a { background:#fff url("img/icon_nav2.gif") no-repeat 15px 10px; font-size:65%; margin:0; padding:5px 0 6px 24px; width:auto; } #mainnav ul li ul li a:hover { background-color:#eee; color:#c00; } /* Nav Level 3 */ #mainnav ul li ul li ul { } #mainnav ul li ul li ul li { border:solid #ddd; border-width:1px 0 0 0; } #mainnav ul li ul li ul li a { background:#fff url("img/icon_nav3.gif") no-repeat 25px 10px; font-size:65%; margin:0; padding:5px 0 6px 34px; width:auto; } #mainnav ul li ul li ul li a:hover { background-color:#eee; color:#c00; } /* Nav Level 4 */ #mainnav ul li ul li ul li ul{ } #mainnav ul li ul li ul li ul li { border:solid #ddd; border-width:1px 0 0 0; } #mainnav ul li ul li ul li ul li a { background:#eee url("img/icon_nav4.gif") no-repeat 35px 10px; font-size:65%; margin:0; padding:5px 0 6px 44px; width:auto; } #mainnav ul li ul li ul li ul li a:hover { background-color:#ccc; color:#c00; } * html #mainnav ul li a, * html #mainnav ul li ul li a { width:155px; } * html #mainnav ul li ul li ul li a { width:145px; } * html #mainnav ul li ul li ul li ul li a { width:135px; } /* Content Area */ #content { margin:10px 20px 10px 185px; } /* html #content { margin-left:20px; } #content a { font-weight:bold; text-decoration:none; } #content dl { font-size:75%; margin:0 0 10px 0; } #content dl dt { font-weight:bold; } #content dl dd { font-weight:normal; margin:0; } #content dl p { font-size:100%; } #content dl.faq { border-top:1px solid #ddd; margin:10px 0; padding:10px 0; } #content dl.product { margin:10px 0 23px 0; } #content dl.product dt { border-bottom:1px solid #eee; color:#f00; display:block; font:bold 120% sans-serif,arial,helvetica; letter-spacing:-.03em; margin:0 0 4px; padding:0; } #content dl.product dd.image { display:inline; float:left; margin:0; padding:0 10px 10px 0; } #content dl.product dd.image img { border:0; } #content dl.product .viewspecs { text-align:right; } #content dl.product .viewspecs img { border:0; } #content dl#pages { margin:10px 0; } #content dl#pages dd, #content dl#pages dt { float:left; margin-right:10px; } #content dl#pages dt { } #content dl.quickadd { clear:both; display:block; margin:10px 0; height:1.5em; width:100%; } #content dl.quickadd dd, #content dl.quickadd dt { float:left; margin-right:10px; } #content dl.quickadd dd.submit { clear:both; display:block; margin-bottom:10px; width:100%; } #content dl.contact { background:url("img/ico.vcard.png") no-repeat; float:left; margin-right:10px; padding:0 0 7px 20px; width:40%; } #content dl.contact dt { text-transform:uppercase; } #content dl.contact dd strong { display:inline; float:left; width:50px; } #content dl.tradeshow { background:url("img/ico.calendar.png") no-repeat; padding:0 0 7px 20px; } #content .backlink { background:url("img/ico.back.png") no-repeat; padding-left:20px; } .exhibitimg { font-size:11px; font-weight:normal; } .exhibitimg strong{ font-size:11px; font-weight: bolder; color:#000; } .exhibitimg img{ vertical-align:top; } /* -- Breadcrumb Navigation --- */ div#crumbs { display:block; font-size:65%; padding:0 0 5px; } #content h1, #content h2, #content h3 { color:#b10; font-weight:bold; } #content h4 { color:#038; font-weight:bold; } #content h1 { font-size:160%; margin:0 0 7px; } #content h2 { font-size:120%; margin:15px 0 5px; } #content h3 { font-size:100%; margin:0 0 5px 0; } #content h4 { font-size:100%; margin:0 0 5px 0; } #content ol { font-size:70%; margin:0 0 10px 20px; padding:0; text-indent:0; } #content ol li { font-size:100%; } #content ol li p { font-size:100%; } #content p { font-size:70%; line-height:1.4em; margin:0 0 5px; padding:0; } #content ul { font-size:70%; list-style:square; margin:0 0 10px 20px; padding:0; text-indent:0; } #content ul li { font-size:100%; } #content ul li p { font-size:100%; } #content .enlarge { font-size:80%; } #content ul.features { list-style:none; margin:0; padding:0; text-indent:0; } #content ul.features li { background:url("img/bullet.gif") no-repeat 3px 3px; padding:0 0 10px 22px; } #content #data { border:1px solid #999; border-collapse:collapse; border-spacing:0; margin:7px 0 15px; padding:0; } #content #data td, #content #data th { border:1px solid #999; font-size:70%; padding:5px; text-align:left; vertical-align:top; } #content #data th { background:#ddd; } #content #data .alt { background:#eee; } #content .dataspec { font-size: 15px; border:1px solid #ccc; border-collapse:collapse; border-spacing:0; margin:0 0 15px; padding:0; } #content .dataspec td, #content .dataspec th { border:1px solid #ccc; font-size:70%; padding:0 5px; vertical-align:top; text-align: center; } #content .dataspec th { font-weight: normal; background:#ddd; } #content #requestinfo { border:0; border-collapse:collapse; border-spacing:0; font-size:70%; width:100%; } #content #requestinfo td, #content #requestinfo th { padding:3px; text-align:left; vertical-align:top; } #content #requestinfo th { padding-top:4px; } #content fieldset { border:1px solid #000; padding:15px; margin:10px; } #content fieldset legend { background:#006 url("img/ico.star.gif") no-repeat 5px 50%; color:#fff; font-size:75%; font-weight:bold; padding:5px 8px 5px 25px; } #content .form-footer { clear:both; display:block; margin:5px 0 20px; } #content #users { border:1px solid #ddd; border-collapse:collapse; border-spacing:0; width:100%; } #content #users td, #content #users th { border:1px solid #ddd; font-size:75%; padding:5px; } #content #users th { background:#eee; } #content ul#faq { list-style:none; margin:0 0 15px 0; padding:0; text-indent:0; } #content ul#faq li { background:url("img/ico.help.png") no-repeat; padding:0 0 5px 20px; } #content ul#faq li a { color:#000; font-weight:normal; } #content #backlink { clear:both; display:block; font-size:75%; margin:10px 0; text-align:right; } #content #pullquote { background:#eee; border:1px solid #ddd; font:normal 90% sans-serif,arial,helvetica; float:right; margin:0 0 10px 10px; padding:15px; width:150px; } .admin-note { color:#c00; } .data { border:1px solid #ddd; border-collapse:collapse; border-spacing:0; margin:0 0 10px 0; padding:0; width:100%; float: right; } .data th, .data td { border:1px solid #ddd; font-size:70%; padding:5px; text-align:center; } .data .alt { background:#eee; } .left { float:left; margin:0 5px 5px 0; } .leftimage {float:left; margin:10px 20px 0 0; padding:0 0px 90px 0;text-align:center;} .right { float:right; margin:0 0 5px 5px; } .toc { display:block; font-size:80%; margin:20px 0 60px 0; } .toc a { background:#fff; font-weight:bold; text-transform:uppercase; } .toc .prev { background:url("img/toc-prev.gif") no-repeat left; display:block; float:left; padding:10px 10px 10px 15px; width:30%; } .toc .next { background:url("img/toc-next.gif") no-repeat right; display:block; float:right; padding:10px 15px 10px 10px; text-align:right; width:30%; } .vcard { font-size:75%; margin:0 0 10px 0; padding:0; } .wafers dt { font-size: 125%; } /* LeftNav Lvl 3 */ #lnav li a.nav3 { background:#fff url("img/icon_nav3.gif") no-repeat 24px 10px; border-bottom:1px solid #ddd; font-size:9px; font-weight:bold; margin:0; padding:5px 0 6px 32px; width:100%; } #lnav li a.nav3:hover { background-color:#eee; color:#f00; } #lnav li a.currentnav3 { background:#fff url("img/icon_nav3.gif") no-repeat 24px 10px; border-bottom:1px solid #ddd; color:#f00; font-size:9px; font-weight:bold; margin:0; padding:5px 0 6px 32px; width:100%; } #lnav li a.currentnav3:hover { background-color:#eee; } #lnav .nav1,#lnav .currentnav1 { background:url("img/icon_nav1.gif") no-repeat 8px 5px; font-size:70%; font-weight:bold; display:block; margin:0; padding:2px 5px 2px 20px; } #lnav .nav2,#lnav .currentnav2 { background:url("img/icon_nav2.gif") no-repeat 13px 4px;font-size:10px; display:block; margin:0; padding-left:22px; } #lnav .nav3,#lnav .currentnav3 { background:url("img/icon_nav3.gif") no-repeat 27px 4px;font-size:10px; display:block; margin:0; padding-left:35px; } #lnav .nav1,#lnav .nav2,#lnav .nav3 { color:#036; } #lnav .nav1:hover,#lnav .nav2:hover,#lnav .nav3:hover { color:#c00; } #lnav .currentnav2,#lnav .currentnav3 { color:#c00; } /* Page Content */ #pgcontent { background:#fff; font-size:70%; margin:0; padding:4px 8px 30px 8px; vertical-align:top; } #pgcontent table { font-size:100%; margin:0; padding:0px; } #pgcontent .divider { display:none; } .contentsearch { border:solid #999; border-width:1px 0 0 1px; } .contentsearch td { border:solid #999; border-width:0 1px 1px 0; padding:5px; width:auto; } .contentsearch th { background:#999; color:#fff; font-size:9px; font-weight:bold; padding:5px; text-align:left; } .specs { font-size: 11px; } .specs td { border-bottom:1px solid #aaa; vertical-align:top; } .specs .rightdata {border-left:1px solid #aaa; padding-left: 10px; } .specs .head { background:#aaa; color:#fff; } .specs .open { color:#c00; } #intro { font-size: 14px; letter-spacing: -.025em; } #intro img { border: 1px solid #ccc; } #intro h3 { font-size: 14px; } .download { margin-top: 60px; } /* Page Header */ #pghdr { margin:10px auto 0px auto; padding:0; text-align:center; width:744px; } #pghdr .date { display:block; font-size:9px; margin:0; padding:3px 0; text-align:left; } #pghdr #gnav { display:block; font-size:10px; height:34px; margin:0; padding:0; } #pghdr #gnav .gnavdsp { width:200px; display:inline; padding:11px 7px 10px 7px; float:right; text-align:right; } #pghdr #gnav .gnavdsp a { margin:0 4px 0 2px; } #pghdr #gnav .gnavdsp strong { font-weight:normal; border-bottom:1px solid; } #pghdr #gnav { color:#000; background:url("img/gnav.gif") no-repeat 0% 0%; } #pghdr #gnav .gnavdsp { color:#fff; } #pghdr #gnav .gnavdsp a { color:#fff; } #pghdr #gnav .gnavdsp a:hover { color:#fc0; } #pghdr #gnav .gnavdsp strong { border-color:#fff; } /* top header area and location of logo */ #tophdr { display:block; height:51px; margin:0; padding:0; font-size:65%; } #tophdr { background:url("img/header.gif") no-repeat 0% 0%; } #tophdr .searchbox { float:right; padding:5px; width:180px; text-align:left; } #tophdr .searchbox span { vertical-align:middle; } #tophdr .searchbox img { vertical-align:middle; } /* for use in conjunction with graphical image(s) set in normal.asp code */ #flashhdr { vertical-align:bottom; padding:0; margin:0; display:block; } #flashhdr h1 { float:right; font:bold 22px sans-serif,arial,helvetica; display:block; margin:0; padding:60px 10px 0 20px; } #flashhdr { background:#fff; border-color:#aaa; } #flashhdr h1 { color:#fff; } /* Page Title */ #pagetitle { background:#fff url("img/pgtitle.gif") no-repeat top left; color:#fff; margin:0; padding:9px 0 9px 10px; } #pagetitle strong { font-size:10px; font-weight:bold; } /* RightBar */ #rightbar { float:right; margin:0 0 10px 10px; padding:0; position:relative; } #rightbar .pagelist { background:#fff; border:solid #667; border-width:1px 1px 0 1px; color:#667; margin:0 0 3px 0; padding:0; } #rightbar .pagelist h3 { background:#667; color:#fff; font-size:10px; font-weight:bold; margin:0; padding:5px; } #rightbar .pagelist ul { list-style:none; margin:0; padding:0; text-indent:0; } #rightbar .pagelist li { display:block; } #rightbar .pagelist a { background:#fff; border:solid #667; border-width:0 0 1px 0; color:#000; display:block; margin:0; padding:5px; width:100%; } #rightbar .pagelist a:hover { background:#ddd; color:#c00; } /* SYSTEM SETTINGS */ .question { background:#900; color:#fff; font-size:110%; font-weight:bold; } .answer { } .forum { background:#036; color:#fff; font-size:100%; } .forumsub { background:#ccc; color:#fff; font-size:100%; } .eventodd { font-size:10px; background:#ccc; color: #fff; } .eventeven { font-size:10px; background:#ffa; color: #fff; } .calhdr { background:#ccc; } .calhdrfont { font-size:16px; } .resource { margin:3px; } img.resource { margin:10px; border:0; } .heading, .boldlargetext { font-size:22px; margin:0; padding:10px 0 0 0; border-bottom:1px solid; } .text{ line-height:1.5em; margin:0 0 10px 0; padding:5px 0; } .boldtext { font-weight:bold; } .italtext { font-style: italic; } .small { font-size:x-small; } .boldsmalltext { font-size:x-small; font-weight:bold; } .textimportant { font-weight:bold; } .pullquote { border:1px solid; padding:10px; margin:0; } .caption { font-size:x-small; border-top:1px solid; padding-top:3px; } .admin { font-size:100%; border:1px solid; padding:5px; margin:0; } .heading, .boldlargetext { color:#c00; border-color:#ddd; } .red { color:#f00; } /* Style Class: SubHeadings */ #subheading { color: #333; display:block; font:bold 14px sans-serif,arial,helvetica; margin:0 0 7px 0; padding:20px 20px 5px 0px; } .subheading, .bluesubheading, .greensubheading, .orangesubheading, .redsubheading { background:url("img/subheading.gif") no-repeat 0 15px; border:solid #b4b4b4; border-width:0 0 1px 0; display:block; font:bold 14px sans-serif,arial,helvetica; margin:0 0 7px 0; padding:20px 20px 5px 0px; } .subheading { color:#667; } .bluesubheading { color:#036; } .greensubheading { color:#060; } .orangesubheading { color:#F93; } .redsubheading { color:#f00; } .textimportant { color:#c00; } .pullquote { border-color:#ddd; } .caption { border-color:#000; } .admin { border-color:#c00; background:#ddd; color:#444; } /* ContentSearch.asp Alternating Rows */ .detail0 { background:#ddd; color:#000; font-size:10px; } .detail0 td { vertical-align:middle; } .detail1 { background:#eee; color:#000; font-size:10px; } .detail1 td { vertical-align:middle; } /* Feedback Form Style */ #feedback { float: right; } .form { font-size: 12px; } #content .videos { border-spacing:3px; margin:0; padding:0; width:98%; } #content .videos td { border:1px solid #eee; padding:5px; vertical-align:top; width:33%; } #sitemap ul { font-size: 12px; } /* If media is display, don't show elements with class = print */ @media screen { .screen { visibility:visible } .print { visibility:hidden } } /* If media is printer, don't show elements with class = screen */ @media print { .screen { visibility:hidden } .print { visibility:visible } }