body { margin: 0px; padding: 0px; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: small; color: #555555; background-color: #ffffff; text-align: center; } img { border: 0px; } form { margin: 0px; padding: 0px; } a, a:visited, a:active { color: #f38001; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } h1{ font-size: 170%; color: #df6300; margin-bottom: 17px; font-weight: normal; } h2{ font-size: 120%; font-weight: bold; margin-bottom: 20px; } h3{ font-size: 100%; font-weight: bold; color: #ffffff; margin-bottom: .3em; margin-top: -.6em; } h4{ font-size: 100%; color: #555555; font-weight: normal; margin-bottom: 1em; margin-top: 1em; } h4 span{ font-weight: bold; } h5 { font-size: 90%; color: #555555; font-weight: bold; margin-top: 13px; margin-bottom: 5px; } h6 { position: relative; font-size: 90%; color: #DF6300; text-transform: uppercase; padding: 12px; margin-bottom: 10px; background-color: #F9F9F9; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } h6 span.num { position: absolute; right: 12px; top: 12px; color: #6c6c6c; font-weight: normal; } * html h6 span.num { right: 24px; /*IE6 position fix*/ } p { margin-top: 0px; margin-bottom: 1.5em; line-height: 20px; font-size: 85%; } .largeText { font-size: 90%; line-height: 24px; } .clear { clear: both; height: 1px; overflow: hidden; } .clientLoginBlock, .clientLoginBlockHidden, .contentBlock, .commentsBlock, .footerBlock { width: 924px; margin-left: auto; margin-right: auto; text-align: left; } .headerBlock { width: 1000px; margin-left: auto; margin-right: auto; text-align: left; } .clientLoginWrapper { background-color: #262626; } .clientLoginBlock { overflow: hidden; text-align: right; } .clientLoginBlockHidden { height: 4px; overflow: hidden; text-align: right; } .clientLoginForm table { margin-left: auto; margin-top: 10px; margin-bottom: 10px; font-size: 100%; color: #989898; } .clientLoginForm table th { font-weight: normal; text-align: right; padding-right: 5px; padding-left: 10px; } .clientLoginForm table td { text-align: left; } .customBox { color: #989898; background-color: #262626; border: solid 1px #3b3b3b; } #loginButton { text-align: right; padding-left: 10px; } #loginButton input { color: #989898; font-weight: bold; background-color: #262626; border: solid 1px #3b3b3b; } .headerWrapper { background: #3b3b3b url(../images/layout/header-bg-tile.gif) repeat-x bottom left; } .headerBlock { height: 119px; overflow: hidden; } .siteLogo { float: left; padding-top: 22px; padding-left: 27px; } .headerBlock .right { text-align: right; padding-right: 36px; } .clientLoginButton { height: 20px; } .clientLoginButton a { outline: none; } .headerLinks { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; margin-top: 26px; margin-bottom: 53px; text-align: right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .headerLinks li { float: right; margin-left: 2px; margin-right: 2px; } .headerLinks li a, .headerLinks li a:active, .headerLinks li a:visited { display: block; color: #919191; font-size: 90%; font-weight: bold; line-height: 24px; text-align: center; padding-left: 13px; padding-right: 13px; text-shadow: #1c1c1c 0 2px 2px; } .headerLinks #selectedHeaderLink a, .headerLinks li:hover a { text-decoration: none; color: #d7d7d7; background-color: #262626; } .headerLinks li a { width: 1px; } .headerLinks li>a { width: auto; } .headerLinks #selectedHeaderLink, .headerLinks li:hover { background: #262626 url(../images/layout/headerlink-right.gif) no-repeat top right; } .headerLinks #selectedHeaderLink a, .headerLinks li:hover a { background: url(../images/layout/headerlink-left.gif) no-repeat top left; } .headerLinks a:hover { text-decoration: none; } .spotlightBlock { height: 227px; overflow: hidden; background: #f88405 url(../images/layout/spotlight-large-tile.gif) repeat-x top left; text-align: center; } .spotlightSmallWrapper { height: 117px; text-align: center; overflow: hidden; background: #f88405 url(../images/layout/spotlight-small-tile.gif) repeat-x top left; } .spotlightSmallBlock { width: 1000px; margin-left: auto; margin-right: auto; height: 117px; overflow: hidden; background: url(../images/layout/spotlight-small-bg.jpg) no-repeat; text-align: left; font-family: Trebuchet MS, sans-serif; } .spotlightSmallBlock h1 { font-size: 150%; font-weight: normal; color: #ffffff; line-height: 28px; margin-top: 32px; margin-bottom: 0px; margin-left: 38px; font-family: Trebuchet MS, sans-serif; } .spotlightSmallBlock h2 { font-size: 130%; font-weight: normal; color: #fdebd5; line-height: 24px; margin-left: 38px; font-family: Trebuchet MS, sans-serif; } .spotlightSmallDetBlock { background: #3d3d3d url(../images/layout/spotlight-small-det-tile.gif) repeat-x; height: 117px; margin-right: 20px; overflow: hidden; color: #ffffff; } .spotlightSmallBlock>.spotlightSmallDetBlock { margin-right: 39px; } .spotlightSmallDetBlock h4 { color: #ffffff; padding-left: 15px; } .spotlightSmallBlock .rightShowroom { padding-top: 28px; } .spotlightMedWrapper { height: 167px; text-align: center; overflow: hidden; background: #f88405 url(../images/layout/spotlight-med-tile.gif) repeat-x top left; } .spotlightMedBlock { width: 1000px; margin-left: auto; margin-right: auto; height: 167px; overflow: hidden; background: url(../images/layout/spotlight-med-bg.jpg) no-repeat; text-align: left; } .ourClientsList { list-style-type: none; margin: 0px; margin-right: 10px; padding: 0px; color: #7c7c7c; float: left; width: 174px; overflow: hidden; font-size: 85%; line-height: 1.5em; } .ourClientsList li { margin-top: 1px; margin-bottom: 1px; } .rssLink { float: right; font-weight: bold; padding-top: 1px; } .rssLink img { margin-right: 3px; } .postContent { padding: 4px; line-height: 20px; } .contentWrapper { margin-top: 2px; background: url(../images/layout/content-bg-tile.gif) repeat-x top left; } .contentBlock { overflow: hidden; padding-top: 35px; padding-bottom: 20px; } .contentBlock .left { float: left; width: 625px; overflow: hidden; } .contentBlock .leftShowroom { float: left; width: 714px; overflow: hidden; } .contentBlock .left .pad, .contentBlock .leftShowroom .pad { margin-right: 17px; } .contentBlock .right { float: right; width: 299px; overflow: hidden; } .triColumn { float: left; width: 290px; overflow: hidden; } .triColumnRight { float: right; width: 290px; overflow: hidden; } .triColumnRight a { color: #f58203; font-weight: bold; } .biColumn { float: left; width: 605px; overflow: hidden; } .biColumnLarge { float: left; width: 695px; overflow: hidden; } .triColumnSpace { margin-right: 25px; } .rightShowroom { float: right; width: 201px; overflow: hidden; } .contentBlock .leftSeparator { background: url(../images/layout/separator-vertical-mid.gif) repeat-y top left; } .contentBlock .leftSeparatorBottom { background: url(../images/layout/separator-vertical-bot.gif) no-repeat bottom left; } .contentBlock .leftSeparatorTop { background: url(../images/layout/separator-vertical-top.gif) no-repeat top left; height: 1px; } .leftSeparatorBottom>.leftSeparatorTop { height: auto; } .contentBlock .right .pad, .contentBlock .rightShowroom .pad, .triColumn .pad, .triColumnRight .pad { margin-left: 15px; } .freshList { margin-top: 10px; padding-bottom: 10px; } .listItem { margin-bottom: 5px; font-size: 14px; } .listItem .listItemImage { float: left; width: 200px; height: 117px; overflow: hidden; } .listItem .listItemDescription { float: right; width: 155px; margin-top: -117px; padding-top: 5px; overflow: hidden; } .downloadLinks { font-size: 100%; margin-top: 10px; } .showroomCategoryList { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; margin-left: 15px; margin-top: -5px; margin-bottom: 10px; line-height: 2em; } .showroomCategoryList li a, .showroomCategoryList li a:active, .showroomCategoryList li a:visited { color: #555555; font-size: 100%; } .showroomCustomerList { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; margin-left: 15px; margin-top: 10px; padding-bottom: 10px; line-height: 2em; } .showroomCustomerList li a, .showroomCustomerList li a:active, .showroomCustomerList li a:visited { color: #555555; font-size: 100%; } .showroomPreview { float: left; width: 608px; overflow: hidden; text-align: center; } .showroomPreview img { border: solid 1px #e1e1e1; } .showroomPreviewThumbs { float: right; width: 308px; overflow: hidden; text-align: center; } .showroomPreviewThumbs img { border: solid 1px #e1e1e1; } .showroomPreviewThumbs a { display: block; } .showroomHeader { padding-left: 50px; padding-right: 50px; height: 33px; overflow: hidden; margin-top: 14px; } .showroomHeader h4 { font-size: 100%; font-weight: bold; color: #ffffff; } .showroomLinks { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; text-align: right; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } .showroomLinks li { float: right; white-space: nowrap; } .showroomLinks li a, .showroomLinks li a:active, .showroomLinks li a:visited { display: block; color: #fcd7ad; font-size: 100%; font-weight: bold; line-height: 24px; text-align: center; padding-left: 13px; padding-right: 13px; } .showroomLinks #selectedShowroomLink a, .showroomLinks li:hover a { text-decoration: none; color: #ffffff; background-color: #262626; } .showroomLinks li a { width: 1px; } .showroomLinks li{ margin-left: 2px; margin-right: 2px; } .showroomLinks li>a { width: auto; } .showroomLinks #selectedShowroomLink, .showroomLinks li:hover { background: #9e4e1b url(../images/layout/showroomlink-right.gif) no-repeat top right; } .showroomLinks #selectedShowroomLink a, .showroomLinks li:hover a { background: url(../images/layout/showroomlink-left.gif) no-repeat top left; } .showroomLinks a:hover { text-decoration: none; } .showroomListLess { position: absolute; left: 0px; top: 45px; margin-top: 23px; padding-right: 13px; } .showroomListMore { position: absolute; right: 0px; top: 45px; margin-top: 23px; } /* Showroom Item List */ #scroller-wrap { position: relative; width: 920px; margin: 0 auto; } #scroller-frame { margin: 0 auto; } #scroller { position: relative; overflow: hidden; margin: 0 0 0 0; } * html #scroller { margin: 0 0 0 10px; } div.page { clear: both; position: absolute; } div.page-content { clear: both; } ul.showroomItemList { width: 840px; list-style-type: none; margin: 0 0 0 10px; padding: 0px; overflow: hidden; float: left; } ul.showroomItemList li { display: block; float: left; } ul.showroomItemList li a { display: block; float: left; width: 74px; height: 74px; margin: 0 10px; padding: 4px; background: #fff; border: 1px solid #cf9556; } * html ul.showroomItemList li a { margin: 0 5px; /*IE6 margin fix*/ } ul.showroomItemList li a.last { margin: 0 0 0 10px; } ul.showroomItemList li a.highlight { background: #ef5f00; padding: 4px; border: 1px solid #d50; } ul.showroomItemList li a img { width: 74px; height: 74px; margin: 0; } .showroomPagination { list-style-type: none; margin: 0px; padding: 0 55px 0 0; text-align: right; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } .showroomPagination li { display: inline; margin-left: 5px; margin-right: 5px; } .showroomPagination a, .showroomPagination a:active, .showroomPagination a:visited { color: #fcd7ad; } .showroomPagination .selectedPage a, .showroomPagination .selectedPage a:active, .showroomPagination .selectedPage a:visited { color: #ffffff; } .showroomCategoryList a:hover { padding-left: 14px; background: url(../images/layout/bullet-arrow.gif) no-repeat left; margin-left: -14px; text-decoration: none; font-weight: bold; color: #f58203; } ul.staffFavList { list-style-type: none; padding-left: 20px; } ul.staffFavList a { padding-left: 14px; background: url(../images/layout/bullet-grey-light.gif) no-repeat left; margin-left: -14px; text-decoration: none; color: #555; } ul.staffFavList a:hover { padding-left: 14px; background: url(../images/layout/bullet-arrow.gif) no-repeat left; margin-left: -14px; text-decoration: none; font-weight: bold; color: #f58203; } .showroomCategoryList a { padding-left: 14px; background: url(../images/layout/bullet-grey-light.gif) no-repeat left; margin-left: -14px; text-decoration: none; } .showroomCustomerList a { padding-left: 14px; background: url(../images/layout/bullet-grey-light.gif) no-repeat left; margin-left: -14px; text-decoration: none; } .showroomCustomerList a:hover { padding-left: 14px; background: url(../images/layout/bullet-arrow.gif) no-repeat left; margin-left: -14px; text-decoration: none; font-weight: bold; color: #f58203; } .feedLink { display: block; line-height: 16px; padding-left: 20px; background: url(../images/layout/icon-rss.gif) no-repeat left; } .darkLink, .darkLink:active, .darkLink:visited { font-weight: bold; color: #555555; } #searchForm { padding-left: 15px; } .searchBar { margin: 0px; margin-right: -5px; float: left; padding: 2px; width: 120px; height: 21px; color: #555555; background: url(../images/layout/searchbar-bg.gif) repeat-x; border-left: solid 1px #c4c4c4; border-top: solid 1px #c4c4c4; border-bottom: solid 1px #c4c4c4; } #searchForm > div > .searchBar { height: 15px; margin-right: -2px; } .searchResultsList { margin: 0px; margin-bottom: 6px; padding: 0px; list-style-type: none; } .searchResultsList li { padding: 0px; padding-bottom: 4px; margin: 0px; } .searchResultsList li a { font-weight: bold; } .searchResultsList span.date { margin-right: 5px; color: #6c6c6c; } .labNotesBlock .left { float: left; width: 450px; } .labNotesBlock .right { float: right; width: 230px; background: url(../images/layout/separator-vertical-1-mid.gif) repeat-y left; } .labNotesBlock .rightBottom { background: url(../images/layout/separator-vertical-1-bot.gif) no-repeat bottom left; } .labNotesBlock .rightTop { background: url(../images/layout/separator-vertical-1-top.gif) no-repeat top left; } .labNotesBlock .right .pad { padding-left: 0px; padding-top: 0px; } .labNotesBlock h2, .labNotesBlock h2 a { color: #4b4b4b; font-weight: bold; margin-bottom: 5px; } .labNotesBlock h3 { font-weight: normal; color: #6c6c6c; margin-bottom: 0px; } .sidenotesPosts { padding-top: 20px; padding-bottom: 15px; } .sidenotesPosts .separator { height: 1px; border: 0px; background-color: #ebebeb; color: #ebebeb; margin-bottom: 15px; } .sidenotesPost { margin-bottom: 10px; } .sidenotesPost h3 { color: #df6300; font-size: 85%; padding-bottom: 5px; font-weight: bold; } .sidenotesPost h3 img { margin-right: 8px; margin-left: 3px; } .sidenotesPost .postDate { line-height: 18px; padding-bottom: 7px; } .sidenotesPost .postContent { line-height: 24px; } .sidenotesPost .postContent p { font-size: 85%; margin-bottom: 1em; } div.rightBottom .pad h4 { margin-top: 0; } .shortLabNotesPosts { padding-top: 5px; padding-bottom: 15px; } .shortLabNotesPost, .shortLabNotesPostHighlight { margin-bottom: 10px; } .shortLabNotesPost { color: #9e9e9e; } .shortLabNotesPost h3 a { color: #656565; font-size: 90%; } .shortLabNotesPostHighlight h3 { color: #df6300; font-size: 100%; } .shortLabNotesPost h3 img, .shortLabNotesPostHighlight h3 img { margin-right: 8px; margin-left: 3px; } .shortLabNotesPost .postContent, .shortLabNotesPostHighlight .postContent { line-height: 20px; } .labNotesPostList { padding-top: 0px; } .labNotesPostList hr { color: #ebebeb; background-color: #ebebeb; height: 1px; border: 0px; margin-bottom: 15px; margin-top: 10px; width: 450px; text-align: left; margin-right: auto; margin-left: 0px; } .labNotesPost { } .labNotesPostImage { float: left; margin-top: 8px; margin-right: 12px; margin-bottom: 8px; width: 81px; height: 80px; overflow: hidden; } .labNotesSinglePost .labNotesPostImage { margin-top: 0px; margin-bottom: 20px; } .labNotesPostContent { line-height: 24px; margin-left: 93px; } .labNotesSinglePost .labNotesPostContent p, .labNotesSinglePost .labNotesPostContent { line-height: 25px; } .labNotesPostContent h2 { margin-bottom: 0px; } .labNotesSinglePost h2 { color: #df6300; font-size: 130%; font-weight: bold; padding-top: 5px; } .labNotesPostLinks { font-size: 100%; } .labNotesSinglePost .labNotesPostLinks { margin-top: 5px; } .labNotesPostLinks span { margin-left: 5px; margin-right: 5px; } .labNotesPostLinks a, .labNotesPostLinks a:active, .labNotesPostLinks a:visited { font-weight: bold; } .requestFormsList { list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 1.5em; } .requestFormsList li { padding-left: 22px; line-height: 16px; background: url(../images/layout/icon-form.gif) no-repeat left; margin-top: 10px; margin-bottom: 10px; } .formTable { font-size: 100%; margin-top: 5px; color: #3b3b3b; width: 100%; } .smallTable { width: 75%; } .formTable td, .formTable th { padding-left: 0px; padding-right: 8px; text-align: left; } .formTable th { padding-top: 10px; } .formTable td input, .formTable td textarea { width: 100%; border: solid 1px #cfcfcf; } .commentsWrapper { background: url(../images/layout/comments-bg.gif) repeat-x top left; min-height: 241px; } .commentsBlock { padding-top: 20px; padding-bottom: 10px; color: #555555; } .commentsBlock h2 { font-size: 130%; color: #464646; font-weight: bold; margin-bottom: 12px; } .commentsSeparator { margin-bottom: 10px; background: #d2d1d1 url(../images/layout/separator-horizontal-left.gif) no-repeat top left; height: 1px; overflow: hidden; clear: both; } .commentsSeparatorRight { background: url(../images/layout/separator-horizontal-right.gif) no-repeat top right; height: 1px; } .commentItem { margin-bottom: 10px; } .commentItem a, .commentItem a:active, .commentItem a:visited { color: #858585; } .commentLeftColumn { float: left; width: 180px; overflow: hidden; color: #464646; } .commentLeftColumn h3 { font-size: 100%; font-weight: bold; margin: 0px; color: #858585; } .commentLeftColumn h4 { font-size: 105%; font-weight: bold; margin: 0px; color: #464646; } .commentLeftColumn h5 { font-size: 105%; font-weight: normal; margin: 0px; color: #464646; } .commentItemPicture { float: left; width: 41px; height: 41px; overflow: hidden; margin-right: 10px; } .commentItemInfo { font-size: 90%; width: 129px; overflow: hidden; float: right; } .commentRightColumn { float: right; width: 735px; overflow: hidden; line-height: 24px; } .serviceItem { float: left; width: 295px; margin-right: 5px; margin-top: 10px; margin-bottom: 30px; } .serviceItemImage { float: left; width: 81px; height: 81px; overflow: hidden; } .serviceItemInfo { float: right; width: 200px; overflow: hidden; line-height: 18px; } .serviceItemInfo h2 { font-size: 150%; color: #825627; margin-top: 5px; margin-bottom: 8px; } .serviceItemInfo h2 a, .serviceItemInfo h2 a:active, .serviceItemInfo h2 a:visited { color: #e75f1e; text-transform: lowercase; font-weight: lighter; } .freshFromLabImage { text-align: center; margin-bottom: 5px; } .footerWrapper { background: url(../images/layout/footer-bg-tile.gif) repeat-x top left; } .footerBlock { padding-top: 25px; padding-bottom: 15px; font-size: 80%; color: #9d9d9d; } .footerBlock .left { float: left; } .footerBlock .right { padding-top: 2px; line-height: 16px; float: right; } .footerBlock .right img { margin-left: 20px; } .footerLinks { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; } .footerLinks li { display: inline; margin-left: 1px; margin-right: 1px; } .footerLinks li a, .footerLinks li a:active, .footerLinks li a:visited { color: #9d9d9d; } /* Downloads */ .downloadLinks { font-size: 85%; margin-top: 10px; } dl.downloaditem dd { margin-left: 97px; } dl.downloaditem { float: left; width: 340px; margin-bottom: 12px; color: #9d9d9d; } dl.downloaditem dt.image { float: left; margin-right: 20px; margin-bottom: 20px; } .downloaditem .image img { padding: 3px; border: 1px solid #ababab; background-color: #f5f5f5; } dl.downloaditem dd.title { } .downloaditem dd.links a{ font-weight: bold; } .downloaditem dd.description { margin-top: -.5em; margin-bottom: .5em;; } .downloaditem dd.description p { margin-bottom: 0; } .downloaditem dd.links strong { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: lowercase; font-size: 100%; color: #fa9b00; letter-spacing: 1px; } .downloaditem dd.links ul { margin: 0; padding: 0; list-style-type: none; } .downloaditem dd.links ul li { float: left; margin-right: 5px; } .downloaditem h2 { padding-left: 5px; margin-bottom: 10px; } .downloaditem .downloaditemLeft { float: left; width: 260px; } .downloaditem .downloaditemRight { float: right; padding: 0px; padding-left: 5px; padding-top: 5px; line-height: 1.5; width: 83px; } .pad dl.teamlist { width: 200px; padding-left: 10px; } .pad .teamlist dd { margin-left: 22px; margin-bottom: 1em; font-size: 85%; text-transform: lowercase; letter-spacing: .1em; color: #7f7f7f; } .pad .teamlist dt a{ font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 100%; font-weight: normal; text-transform: lowercase; padding-left: 22px; background: url(../images/layout/staff.gif) no-repeat left bottom; }