/* * styles.css * * The styles.css file contains CSS styles that are used for all browsers. */ /* reset-fonts.css Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} .an_questions {background: yellow;} #WrapperTop { width: 977px; } /* Width of "page" */ #WrapperFoot {} #MainChannel { width: 738px; } /* Width of left channel and center channel combined */ #Content { width: 738px; } #ContentChannel { } #SidebarSecondary {width: 229px;} /* Width of right channel */ #Footer { } body.home #MainChannel {width: 977px; } body.home #Content {width: 977px;} body.noSidebarSecondary #MainChannel {width: 977px;} body.noSidebarSecondary #Content {width: 977px;} body.noSidebarSecondary #SidebarSecondary {display: none;} html {background: #e5e3d9 url(../images/common/bg.gif) repeat-x 0 0;} body {color: #000; font-family: arial,sans-serif;} /* = End Widths = */ #WrapperTop { margin: 0 auto; /* Make content centered */} #Footer {margin: 0 auto; /* Make content centered */} /* Link at top of document to jump over navigation and go straight to content - For usability */ #ContentJump { display: none; } #Header {background: url(../images/common/logo-glow.gif) no-repeat 0 0;} #SiteId {float: left; height: 95px; margin: 35px 0 0 35px;} #Navs {display: block; float: right; width: 630px;} #ToolBar {float: right;} #ToolBar ul.links {float: left; height: 26px; margin-top: 15px;} #ToolBar ul.links li { background: transparent url(../images/common/toolbar-divider.gif) no-repeat scroll 100% 100%; font-size: 108%; float: left; margin-right: 10px; padding-right: 10px; padding-top: 3px; } #ToolBar li a { color: #010101; text-decoration: none; } #ToolBar li a:hover { color: #6699cc; } #Search {float: left; margin-top: 15px;} #Search input {border: 1px solid #999; float: left; font-size: 108%; } #Search input.query { border-right: 0; color: #010101; height: 19px; margin: 0; padding: 2px 5px 0 5px; width: 144px; } /* ############### Top Navigation specific Styles ################### */ ul#NavigationPrimary { display: block; float: right; margin-right: 28px; margin-top: 50px; z-index: 2; } ul#NavigationPrimary li { /* Topnav item */ background: transparent url(../images/common/primary-nav-divider.gif) no-repeat scroll 100% 100%; display: block; float: left; /* Keep nav in a line */ margin-left: 6px; } ul#NavigationPrimary li.last {background: 0;} ul#NavigationPrimary li a { /* Topnav link */ color: #010101; font-size: 167%; padding: 0 22px; text-decoration: none; text-align: center; } ul#NavigationPrimary li a.over {color: #4477aa;} ul#NavigationPrimary li.active a {color: #4477aa;} .shadow { background: #b6b5ad; position: relative; right: -4px; bottom: -4px; } body.home .centerColumn .shadow { margin-bottom: 15px; } div.shadow .shadowContent { background: #fff; padding: 3px 0 0 4px; position: relative; left: -4px; top: -4px; } #Mast .mastBackground {background: #000; border-bottom: 3px solid #fff; height: 183px; width: 970px;} body.home #Mast .mastBackground {height: 374px; } #MainBody { position: relative; z-index: 2; /* topnav dropdowns */ } /* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */ #MainChannel { background-color: #fff; /*border-right: 4px solid #b6b5ad; border-bottom: 4px solid #b6b5ad; */ float: left; } body.home #MainChannel {margin-top: 4px; background: 0;} #Breadcrumbs { display: block; float: left; margin-left: 15px; margin-top: 3px; } #Breadcrumbs li { background:transparent url(../images/common/breadcrumb-divider.gif) no-repeat scroll right center; color: #333; float: left; font-size: 85%; font-weight: bold; margin-right: 5px; padding-right: 10px; } #Breadcrumbs li.last { background: transparent none repeat scroll 0 50%; margin-right: 0; padding-right: 0;} #Breadcrumbs li a { color: #666; font-weight: normal; text-decoration: none;} #Breadcrumbs li a:hover { color: #6699cc; text-decoration: underline;} #PageTools {display: block; float: right; margin-right: 6px;} /* Footer */ #WrapperFoot {margin: 0 auto; padding-top: 15px; width: 977px;} #Footer {display: block; height: 40px; margin-right: 229px;} #Footer .channel {margin: 0 auto; width: 490px; text-align: center; } #Footer p.copyright { color:#666; float: left; font-size: 85%; margin-right: 5px; margin-top: 3px; } #Footer p {margin-bottom: 0;} #Footer a {color:#666; font-size: 85%; text-decoration:none;} #Footer a:hover {text-decoration:underline;} #Footer ul.siteLinks {float:left; height: 20px; margin: 0; padding: 0;} #Footer ul.siteLinks li { background: url("../images/common/footer-divider.gif") no-repeat 0 50%; display: inline; margin-left: 5px; padding-left: 10px; } /* Utility Classes */ .selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ############### Content Channel specific Styles ################### */ #ContentChannel {margin: 10px 30px 30px 30px;} body.registration #ContentChannel {margin-bottom: 20px;} #Content {float: right;} #Content p {font-size: 108%; margin-bottom: 20px;} #Content h1 { color: #4477aa; font-size: 182%; font-weight: bold; margin-bottom: 20px; } #Content h2 { color: #444; font-size: 123.1%; font-weight: bold; padding-bottom: 10px; } #Content h2.noBottomPadding {padding-bottom: 0;} #Content h3 {color: #000; font-size: 108%; font-weight: bold;} #Content h3.jobPosition {padding-bottom: 10px;} #Content h3.paddingBottom {padding-bottom: 10px;} #Content ul {margin-left: 30px; margin-bottom: 20px;} #Content ul li {font-size: 108%; list-style: disc;} #Content ol {margin-left: 30px; margin-bottom: 20px;} #Content ol li {list-style-type: decimal; margin-bottom: 5px;} #Content a {color: #115599; text-decoration: underline;} #Content a:hover {color: #6699cc;} #Content .headquarterMap {float: right; padding: 0 0 20px 20px; width: 425px;} #Content .worldMap {float: right; padding: 0;} #Content div.sendEmail {display: block; float: left; padding-top: 10px; margin-bottom: 20px; width: 225px;} #Content div.sendEmail .shadow { width: 219px; } #Content div.sendEmail div.shadow .shadowContent { background: url(../images/company/send-email.gif) no-repeat; height: 66px; padding: 17px 18px; } #Content div.sendEmail h4 { color: #444; font-size: 116%; font-weight: bold; margin-left: 30px; } #Content div.sendEmail p { font-size: 93%; margin-bottom: 0; margin-top: 10px; } #Content div.contactEmails { border-top: 2px solid #b6b6ad; display: block; float: left; padding-top: 10px; width: 220px; } #Content div.contactEmails h3 {color: #444; font-size: 93%;} #Content div.contactEmails p {font-size: 93%; line-height: 1.4em; margin-bottom: 8px;} #Content div.contactEmails a {text-decoration: none;} #Content .twoCols .first { display: block; float: left; width: 47%; } #Content .twoCols .last { display: block; float: right; width: 47%; } #Content .onlineForm { background: #b6b6ad; padding: 30px; } #Content .onlineForm h2 { color: #fff; font-size: 153.9%; font-weight: bold; margin-bottom: 20px; } #Content .onlineForm label {color: #444; display: block; font-size: 108%; padding-bottom: 2px; } #Content .onlineForm input.textbox, #Content .onlineForm select { border-bottom: 1px solid #e3e9ef; border-left: 1px solid #e3e9ef; border-right: 1px solid #dbdfe6; border-top: 1px solid #abadb3; color: #999; display: block; font-size: 108%; margin-bottom: 10px; width: 277px; } #Content .onlineForm input.textbox { height: 18px; padding: 2px 5px; } #Content .onlineForm select { height: 24px; padding: 2px 5px; } #Content .onlineForm textarea { display: block; margin-bottom: 15px;} #Content .onlineForm .hide {display: none;} #Content .onlineForm input.hide {display: none;} #Content .prDate {color: #666; font-size: 93%;} #Content ul.documentList li {list-style: none;} #Content ul.productLinks { margin-left: 15px;} #Content ul.productLinks li {list-style-type: none; float: left; text-align: center;} #Content ul.productLinks li a {font-size: 85%;} #Content ul.productLinks li a.xct200 {margin-left: 35px;} #Content ul.productLinks li a.xct400 {margin-left: 20px;} #Content .productInfo .productImage {float: left;} #Content .productInfo .intro {padding-left: 280px;} #Content .productInfo h3 {color: #444; margin-bottom: 10px;} #Content .productInfo h4 { color: #000; font-size: 108%; font-weight: bold; margin-bottom: 10px; } #Content .productInfo ul {margin-bottom: 0;} #Content .productInfo ul li {padding-bottom: 10px;} #Content .prSubtitle {font-style: italic;} #Content .prImage {float: right; padding: 0 0 20px 20px;} #ContentChannel .prImage .caption {font-size: 85%; font-weight: normal; text-align: center;} #Content a.more {font-size: 93%;} #Content a.rss {background: url(../images/common/rss-icon.gif) no-repeat 0 3px; padding-left: 16px;} #Content form.login label {display: inline-block; margin-bottom: 5px; text-align: right; width: 80px;} #Content form.login input.textbox {margin-bottom: 5px; margin-left: 10px;} #Content form.login input.submitButton {margin-left: 90px;} #Content .formError {color: #ff0000;} #Content .event {border-top: 1px solid #b6b5ad; display: block; padding-top: 10px; padding-bottom: 15px;} #Content .event .logo {float: left; text-align: center; width: 270px;} #Content .event .details {padding-left: 285px;} #Content .event .details h4 {font-weight: bold;} #Content .event .details p {font-size: 93%;} #Content ul.sitemap {margin-left: 0;} #Content ul.sitemap li {list-style-type: none; padding-bottom: 10px;} #Content ul.sitemap li a {font-weight: bold;} #Content ul.sitemap ul {margin-bottom: 0;} #Content ul.sitemap li ul li {font-size: 100%; padding-bottom: 0;} #Content ul.sitemap li ul li a {font-weight: normal;} #Gallery {background: #b6b6ad; padding: 30px 30px 0 30px;} #Gallery ul {margin: 0;} #Gallery ul li { display: block; float: left; list-style-type: none; margin-right: 15px; width: 150px; } #Gallery ul li .shadow {background: #989893; } #Gallery ul li div.shadow .shadowContent {background: #fff; padding: 2px 0 0 2px;} #Gallery ul li div.caption {color: #333; font-size:85%; padding: 10px;} dl.pressReleases dt {font-weight: bold;} dl.pressReleases dd {padding-bottom: 20px;} dl.articles dt {font-weight: bold;} dl.articles dd {padding-bottom: 20px;} dl.faqs dt {font-weight: bold;} dl.faqs dd {padding-bottom: 20px;} #ContentChannel .caption {color: #333; font-size:93%; font-weight: bold;} #ContentChannel .productImage .caption {text-align: center;} /* ############### Sidebar Secondary specific Styles ################### */ #SidebarSecondary { /* border-top: 4px solid #b6b5ad;*/ display: block; float: right; padding-top: 15px; /* padding-left: 7px;*/ } #ContactBlock {padding-bottom: 10px;} #ContactBlock ul {} #ContactBlock ul li {margin: 0; padding-bottom: 6px;} #ContactBlock ul li div.shadow {bottom: -4px; padding: 0; right: -4px; width: 227px;} #ContactBlock ul li div.shadow .shadowContent {left: -4px; margin: 0; padding: 0; top: -4px; width: 227px;} #ContactBlock ul li div.shadow .shadowContent .channel img {display: block;} #NavigationSecondary {float: right; margin-bottom: 20px; width: 227px;} #NavigationSecondary .shadow {bottom: 0;} #NavigationSecondary .shadow .shadowContent {padding-left: 2px; padding-top: 2px;} #NavigationSecondary h2 { background: #000; border-bottom: 2px solid #fff; border-right: 2px solid #fff; color: #b6b5ad; font-size: 116%; font-weight: bold; padding: 8px 12px 3px; } #NavigationSecondary ul { background: #dfdccb; margin: 0; padding: 0; } #NavigationSecondary ul li { background: url(../images/common/secondary-nav-off.gif) no-repeat 0 0; width: 225px; } #NavigationSecondary ul li.first { background: url(../images/common/secondary-nav-first-off.gif) repeat-y 0 0; } #NavigationSecondary ul li.over, #NavigationSecondary ul li.active { background: url(../images/common/secondary-nav-on.gif) no-repeat 0 100%;} #NavigationSecondary ul li a { color: #000; display: block; outline: 0; padding: 6px 0 6px 12px; text-decoration: none; } #NavigationSecondary ul li.active a, #NavigationSecondary ul li a:hover {background: url(../images/common/secondary-nav-right-bg-on.gif) repeat-y 100% 0;} #NavigationSecondary ul li ul {display: none;} #NavigationSecondary ul li.active ul, #NavigationSecondary ul li.over ul {background: url(../images/common/secondary-nav-on.gif) no-repeat 0 100%; display: block; margin-top: -6px; padding-bottom: 10px;} #NavigationSecondary ul ul li {background: none; padding: 2px 0 2px 12px; width: 193px;} #NavigationSecondary ul ul li.over, #NavigationSecondary ul ul li.active { background: 0;} #NavigationSecondary ul ul li a {padding-bottom: 0; padding-top: 0;} #NavigationSecondary ul li.active li a, #NavigationSecondary ul ul li a:hover {background: 0;} #NavigationSecondary ul ul li a:hover, #NavigationSecondary ul ul li a.active {color: #115599;} #LibraryBlock {float: right; margin-bottom: 20px; width: 227px;} #LibraryBlock .shadow { bottom: 0; } #LibraryBlock .shadow .shadowContent { background: #fff; padding: 2px; } #LibraryBlock .shadow .shadowContent .channel { background: #444; padding: 8px 12px; } #LibraryBlock h2 { color: #b6b5ad; font-size: 116%; font-weight: bold; padding-bottom: 10px; } #LibraryBlock ul li {padding-bottom: 5px;} #LibraryBlock a { color: #fff; text-decoration: underline; } #LibraryBlock a:hover { color: #6699cc; text-decoration: underline; } #LibraryBlock a.pdf { background: url(../images/secondary-sidebar/pdf.gif) no-repeat 0 2px; display: block; height: 24px; padding-left: 30px; } #SidebarSecondary .quote {padding: 0 5px} #SidebarSecondary .quote p {color: #666; font-size: 123.1%; font-weight: bold; line-height: 153.9%;} #SidebarSecondary .quote p.source {font-weight: normal; margin-top: 5px;} #SidebarSecondary .quote q {color: #666; font-size: 123.1%; font-weight: bold; line-height: 153.9%;} #SidebarSecondary .quote cite {font-weight: normal; margin-top: 5px;} /* Product Tabs Tabs - important styles to ensure accessibility in print */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } @media print { .anchors { display: none; } } /* Tabs - not important for accessibility, just for the look of it... */ #ProductTabsContainer .tabsContainer {} #ProductTabsContainer ul.tabs { background: #b6b6ad; list-style: none; margin: 0; padding: 0 0 0 34px; } #ProductTabsContainer ul.tabs li { background: #fff; float: left; list-style-type: none; margin-right: 4px; padding: 2px 2px 0 2px; } #ProductTabsContainer ul.tabs li a { background: #dfdccb; color: #666; display: block; font-size: 108%; outline: 0; padding: 12px 18px; text-decoration: none; width: 159px; } #ProductTabsContainer ul.tabs a:hover {background: #fff; color: #000;} #ProductTabsContainer ul.tabs .ui-tabs-selected a {background: #fff; color:#000;} #ProductTabsContainer ul.tabs .ui-tabs-selected a, #ProductTabsContainer ul a:hover, #ProductTabsContainer ul a:focus, #ProductTabsContainer ul a:active, #ProductTabsContainer .fragment { } #ProductTabsContainer ul.tabs .ui-tabs-selected a:link, #ProductTabsContainer ul .ui-tabs-selected a:visited, #ProductTabsContainer ul.tabs .ui-tabs-disabled a:link, #ProductTabsContainer ul .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } #ProductTabsContainer ul.tabs a:hover, #ProductTabsContainer ul a:focus, #ProductTabsContainer ul a:active { cursor: pointer; } #ProductTabsContainer ul.tabs .ui-tabs-disabled { opacity: .4; } #ProductTabsContainer ul.tabs .ui-tabs-disabled a:hover, #ProductTabsContainer ul .ui-tabs-disabled a:focus, #ProductTabsContainer ul .ui-tabs-disabled a:active { background: transparent; } #ProductTabsContainer .fragment { padding: 0 10px; } #ProductTabsContainer ul.tabs .ui-tabs-selected .ui-tabs-loading { background-position: 4px 50%; background-repeat: no-repeat; } #ProductTabsContainer .content {margin: 20px 30px;} #ProductTabsContainer .content h2 {color: #666; font-size: 138.5%; margin-bottom: 15px; padding-bottom: 0;} #ProductTabsContainer .content ul.benefits li {padding-bottom: 5px;} #ProductTabsContainer .content ul.images {margin-left: 0;} #ProductTabsContainer .content ul.images li {float: left; list-style-type: none;} #ProductTabsContainer .content ul.images li.left {padding-right: 8px;} #ProductTabsContainer .nextSteps {margin-bottom: 10px;} #ProductTabsContainer .nextSteps div.shadow {width: 314px;} #ProductTabsContainer .nextSteps div.shadow .shadowContent {padding: 0; width: 314px;} #ProductTabsContainer .nextSteps .channel {background: url(../images/common/next-steps-top-bg.gif) no-repeat; padding: 25px 25px 5px 25px; width: 264px;} #ProductTabsContainer .nextSteps .channel h3 {color: #666; font-size: 131%; font-weight: bold; margin-bottom: 10px;} #ProductTabsContainer .nextSteps .channel ul {margin: 0;} #ProductTabsContainer .nextSteps .channel ul li {list-style-type: none; padding-bottom: 10px;} #ProductTabsContainer .nextSteps .channel ul li a {font-size: 93%;} #ProductTabsContainer .nextSteps .footer {background: url(../images/common/next-steps-bottom-bg.gif) no-repeat; height: 10px;} #Content table.specs {margin-bottom: 20px; border-collapse: collapse;} #Content table.specs th, #Content table.specs td {padding-right: 20px;} #Content table.specs th h2 { color: #666; font-size: 131%; font-weight: bold; margin-bottom: 0; } #Content table.specs th h2 sup {font-size: 85%;} #Content table.specs tbody th {padding-top: 20px;} #Content table.specs td.secondaryHeader {font-weight: bold; padding: 10px 20px 3px 2px;} #Content table.specs td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 93%; padding: 3px 20px 3px 2px; vertical-align: top; } #Content table.specs tr.odd td {background: #e5e3d9;} #Content table.specs tr.even td {background: #f1f0eb;} #ProductSpecifications p {font-size: 93%; margin-bottom: 10px;} #Content ul.documentList li {padding-bottom: 15px;} #Content ul.documentList a.pdf { background: url(../images/common/icon-pdf.gif) no-repeat 0 0; padding: 3px 0 4px 30px; } /* End of Product Tabs */ /* Begin - Library Tabs */ body.library #Content {background: url(../images/library/tabs-bg.gif) repeat-x 0 0;} #Library .tabsContainer {} #Library ul.tabs { list-style: none; margin: 19px 0 0 34px; padding: 0; } #Library ul.tabs li { background: #fff; float: left; list-style-type: none; margin-right: 4px; } #Library ul.tabs li a { color: #666; display: block; font-size: 108%; height: 37px; outline: 0; text-decoration: none; text-indent: -32000px; } #Library ul.tabs li a.advancedMaterials {background: url(../images/library/advanced-materials.gif) no-repeat 0 0; width: 169px;} #Library ul.tabs li a.lifeSciences {background: url(../images/library/life-science.gif) no-repeat 0 0; width: 125px;} #Library ul.tabs li a.semiconductor {background: url(../images/library/semiconductor.gif) no-repeat 0 0; width: 143px;} #Library ul.tabs li a.xrayMicroscopy {background: url(../images/library/xray.gif) no-repeat 0 0; width: 157px;} /* #Library ul.tabs li a.advancedMaterials:hover {background: url(../images/library/advanced-materials-over.gif) no-repeat 0 0;} #Library ul.tabs li a.lifeSciences:hover {background: url(../images/library/life-science-over.gif) no-repeat 0 0;} #Library ul.tabs li a.semiconductor:hover {background: url(../images/library/semiconductor-over.gif) no-repeat 0 0;} #Library ul.tabs li a.xrayMicroscopy:hover {background: url(../images/library/xray-over.gif) no-repeat 0 0;} */ #Library ul.tabs .ui-tabs-selected a.advancedMaterials {background: url(../images/library/advanced-materials-over.gif) no-repeat 0 0;} #Library ul.tabs .ui-tabs-selected a.lifeSciences {background: url(../images/library/life-science-over.gif) no-repeat 0 0;} #Library ul.tabs .ui-tabs-selected a.semiconductor {background: url(../images/library/semiconductor-over.gif) no-repeat 0 0;} #Library ul.tabs .ui-tabs-selected a.xrayMicroscopy {background: url(../images/library/xray-over.gif) no-repeat 0 0;} #Library ul.tabs .ui-tabs-selected a, #Library ul a:hover, #Library ul a:focus, #Library ul a:active, #Library .fragment { } #Library ul.tabs .ui-tabs-selected a:link, #Library ul .ui-tabs-selected a:visited, #Library ul.tabs .ui-tabs-disabled a:link, #Library ul .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } #Library ul.tabs a:hover, #Library ul a:focus, #Library ul a:active { cursor: pointer; } #Library ul.tabs .ui-tabs-disabled { opacity: .4; } #Library ul.tabs .ui-tabs-disabled a:hover, #Library ul .ui-tabs-disabled a:focus, #Library ul .ui-tabs-disabled a:active { background: transparent; } #Library .fragment { padding: 0 10px; } #Library ul.tabs .ui-tabs-selected .ui-tabs-loading { background-position: 4px 50%; background-repeat: no-repeat; } #Content #Library .content ul {margin-left: 0; padding-bottom: 20px; padding-top: 25px;} #Content #Library .content ul li {list-style-type: none; padding-bottom: 5px;} #Library .content ul li a { color: #000; display: block; min-height: 15px; padding: 12px 20px 8px 45px; text-decoration: none; } #Library .content ul li a.odd {background: #e4e2d8 url(../images/common/icon-pdf.gif) no-repeat 10px 6px;} #Library .content ul li a.even {background: #edece6 url(../images/common/icon-pdf.gif) no-repeat 10px 6px;} #Library .content ul li a:hover {background: #aaccee url(../images/common/icon-pdf.gif) no-repeat 10px 6px;;} /* End - Library Tabs */ /* Homepage styles */ body.home .linkBar {display: none;} body.home #SidebarSecondary {display: none;} body.home #ContentChannel {margin: 10px 0 0 0;position: relative;} body.home #Content h3 {font-size: 100%;} body.home #Content ul li {font-size: 100%;} body.home #Content p {font-size: 100%;} body.home #Content .columns { padding-top: 15px; } body.home #Content .solutionsCategories {float:left; margin-right: 40px; width: 300px; position: relative; z-index: 5;} body.home #Content .centerColumn {float: left; width: 375px; position: relative; z-index: 10;} body.home #Content .rightColumn {float: right; margin-left: 20px;} body.home #Content .centerColumn {} body.home #Content .centerColumn div.shadow .shadowContent {padding-bottom: 3px; padding-left: 2px;} body.home #Content .centerColumn .channel {border: 1px solid #ddd; margin: 0 3px 0 0; padding: 15px 6px 15px 10px;} body.home #Content .centerColumn .logo { float: left; padding: 0 10px 10px 0; } body.home #Content .centerColumn .channel p { margin-bottom: 5px; } body.home #Content .centerColumn ul.news { margin-left: 0; } body.home #Content .centerColumn ul li { list-style-type: none; margin-bottom: 10px; } body.home #Content .centerColumn ul li p { margin-bottom: 0; } body.home #Content .centerColumn .date { color: #73736c; } body.home #Content .centerColumn a {color: #333; text-decoration: none;} body.home #Content h2 { color: #4477aa; font-size: 153.9%; font-weight: bold; text-transform: uppercase; } body.home #Content .productDetails h3 { font-weight: bold; color: #000; } body.home #Content .productDetails p {margin-bottom: 0;} ul#SolutionsList {background: url(../images/home/solutions-divider.gif) no-repeat 0 100%; padding-bottom: 2px;} ul#SolutionsList li { /*background: url(../images/home/solutions-divider.gif) no-repeat 0 43px;*/ list-style-type: none; } ul#SolutionsList li a { display: block; height: 46px; outline: 0; text-indent: -32000px; } .solutionDetails {} .solutionDetails div.shadow .shadowContent {padding-bottom: 3px; padding-left: 3px;} .solutionDetails .channel { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin: 0 3px 0 0; padding: 20px 20px 7px 20px; height: 255px; position: relative; } body.home #Content .solutionDetails .channel p {color: #000; font-size: 116%;} .solutionDetails img {left: 20px; position: absolute; top: 155px;} ul#SolutionsList {margin: 0;} ul#SolutionsList li {list-style-type: none; padding: 0; margin: 0;} ul#SolutionsList li a {width: 301px;} #Semiconductor a {background: url(../images/home/semiconductor.gif) no-repeat 0 0%;} #LifeScience a {background: url(../images/home/life-science.gif) no-repeat 0 100%;} #ScaleImaging a {background: url(../images/home/multi-length-scale-imaging.gif) no-repeat 0 100%;} #OilGas a {background: url(../images/home/oil-gas.gif) no-repeat 0 100%;} #AdvancedMaterials a {background: url(../images/home/advanced-materials.gif) no-repeat 0 0;} ul#SolutionsList li.over {} ul#SolutionsList li a.over {} #Semiconductor a.over {background-position: 100% 0;} #LifeScience a.over {background-position: 100% 0;} #ScaleImaging a.over {background-position: 100% 0;} #OilGas a.over {background-position: 100% 0;} #AdvancedMaterials a.over {background-position: 100% 0;} #SemiconductorContent {display: none;} #LifeScienceContent {display: none;} #ScaleImagingContent {display: none;} #OilGasContent {display: none;} #AdvancedMaterialsContent {display: none;} #SemiconductorContent .shadowContent {background: #fff url(../images/home/SemiconductorContent-bg.gif) no-repeat 0 0;} #LifeScienceContent .shadowContent {background: #fff url(../images/home/LifeScienceContent-bg.gif) no-repeat 0 0;} #ScaleImagingContent .shadowContent {background: #fff url(../images/home/ScaleImagingContent-bg.gif) no-repeat 0 0;} #OilGasContent .shadowContent {background: #fff url(../images/home/OilGasContent-bg.gif) no-repeat 0 0;} #AdvancedMaterialsContent .shadowContent {background: #fff url(../images/home/AdvancedMaterialsContent-bg.gif) no-repeat 0 0;} body.home #Content .rightColumn .channel {width: 220px;} body.home #Content .rightColumn p {font-size: 100%; margin-bottom: 10px;} body.home #Content .rightColumn ul.socialMedia { margin-left: 0; } body.home #Content .rightColumn ul.socialMedia li { list-style-type: none; margin-bottom: 10px; } body.home #Content .rightColumn a { color: #333; display: table; height: 32px; text-decoration: none; } body.home #Content .rightColumn a.newsFeed { background: url(../images/home/news-feed-button.png) no-repeat 0 0; } body.home #Content .rightColumn a.facebook { background: url(../images/home/facebook-button.png) no-repeat 0 0; } body.home #Content .rightColumn a.twitter { background: url(../images/home/twitter-button.png) no-repeat 0 0; } body.home #Content .rightColumn a.linkedIn { background: url(../images/home/linkedin-button.png) no-repeat 0 0; } body.home #Content .rightColumn a span { display: table-cell; padding-left: 45px; vertical-align: middle; } body.home #Content ul.more {margin: 0;} body.home #Content ul.more li { background: url(../images/home/more-list-divider.gif) no-repeat 100% 50%; float: left; list-style-type: none; padding-right: 8px; margin-right: 7px; } body.home #Content ul.more li.last {background: 0;} body.home #Content ul.more li a { color: #333; font-size: 85%; text-decoration: none; text-transform: uppercase; } body.home #Content a.rss {background-position: 0 0;} body.home #Footer, body.noSidebarSecondary #Footer {margin-right: 0; width: 977px;} body.home #Footer {padding-left: 35px;} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-clip-horizontal {height: 160px; width: 395px;} .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } ul#MyCarousel li, .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 395px; height: 158px; } /** * The buttons are added dynamically by jCarousel before * the