@charset "utf-8"; /* CONTENTS OF THIS CSS FILE GLOBAL SETTINGS 24 IMAGES 340 INFO REQUEST LINKS 375 PAGE SPECIFIC DIV ID STYLES 495 L&R SIDE PANELS 674 PRODUCT AREA 750 CHARTS & TABLES 898 FOOTER 982 */ /* GLOBAL SETTINGS */ /* Declaring a font-size of 13px on the tag overrides browser defaults and sets the base font size to the eqivalent of 10pt print. All CSS font sizes can then be set in "ems" that relate easily to pt size equivalents, eg. 1.1em = 11pt, 0.8em = 8pt etc.*/ body { margin: 0; padding: 0; font-family: "Helvetica Neue", "Helvetica", "Arial"; font-size: 13px; color: #fff; height: 100%; } @font-face { font-family: 'ISOCPEURRegular'; src: url('isocpeur-webfont.eot'); src: url('isocpeur-webfont.eot?#iefix') format('embedded-opentype'), url('isocpeur-webfont.woff') format('woff'), url('isocpeur-webfont.ttf') format('truetype'), url('isocpeur-webfont.svg#ISOCPEURRegular') format('svg'); font-weight: normal; font-style: normal; } /* The following "sticky-footer" styles keep the footer at the bottom of the screen even with little page content. See http://www.cssstickyfooter.com for how it works with the html markup */ html, body, #wrap {height: 100%} body > #wrap {height: auto; min-height: 100%} #page {padding-bottom: 100px} /* must be same height as the footer */ #footer {position: relative; margin-top: -100px; /* negative value of footer height */ height: 100px; clear:both; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ } /* global layout (div) styles */ #wrap { min-height: 100%; margin-left: auto; margin-right: auto; } #page {overflow:auto; padding-bottom: 150px;} /* must be same height as the footer */ #footer { margin-left: auto; margin-right: auto; } div.right { float:right; width:310px; margin:0; } div.left { float: left; width:225px; margin-bottom: 10px; } div.clear { clear: both; } div.divider { padding-top: 15px; border-top: solid 1px #999999; } div.center { text-align: center; margin-left: auto; margin-right: auto; } .center { text-align: center; text-align: -moz-center; margin-left: auto; margin-right: auto; } .marginBottom { padding-bottom: 2em; border-bottom: 1px; } /* default headline, paragraph and list styles */ h1, h2, h3, p, ol, ul { margin-top: 0; } h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; } h1, h2 { font-weight: normal; } h1 { font-size: 1.618em; font-weight: 500; margin: 0; padding: 30px 30px 0 30px; line-height: 1.4em; letter-spacing: 1.5px; text-transform: uppercase; text-shadow:0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.4); } h2 { letter-spacing: 1.3px; font-size: 1.1em; line-height: 1.3em; text-transform: uppercase; } h3 {letter-spacing: 1px;} h4 { font-family: "Helvetica Neue", "Helvetica", "Arial"; letter-spacing: 1px; line-height: 125%; text-decoration: none; } h6 { line-height: 1.4em; } p, ol, ul { margin-bottom: 1.5em; line-height: 161.8%; } /* default links styles */ a[href] { color:#A4E4F5 } a:hover { text-decoration: none; color: red; } a[img] { border: none; background-image: none; } links mainpanel { color: #003366; } blockquote { line-height: 1.2em; margin-left: 20px; color: black; } cite { line-height: 0.9em; color: black; } /* global classes */ .index-header { text-align: center; padding-top: 18px !important; } .index-header-2pc { text-align: center; padding-top: 18px !important; background-image: url(images/grayscale/dwi.gif); background-repeat: no-repeat; background-position: 98% 12px; } .index-header-3pc { text-align: center; padding-top: 18px !important; background-image: url(images/grayscale/welded.gif); background-repeat: no-repeat; background-position: 98% 12px; } .index-header-ends { text-align: center; padding-top: 18px !important; background-image: url(images/grayscale/ends.gif); background-repeat: no-repeat; background-position: 98% 12px; } .index-header-filler { text-align: center; padding-top: 18px !important; background-image: url(images/grayscale/fill.gif); background-repeat: no-repeat; background-position: 98% 12px; } .index-header-aerosols { text-align: center; padding-top: 18px !important; background-image: url(images/grayscale/aerosol.gif); background-repeat: no-repeat; background-position: 98% 12px; } .index-header-sensors { text-align: center; padding-top: 18px !important; background-image: url(images/grayscale/sensor.gif); background-repeat: no-repeat; background-position: 98% 12px; } .index-header-qa { text-align: center; padding-top: 18px !important; background-image: url(images/grayscale/qa.gif); background-repeat: no-repeat; background-position: 98% 12px; } .index { font-size: 0.8em; font-weight: bold; color: #666666; text-transform: uppercase; letter-spacing: 0.45em; } .index_list { border-bottom: solid 1px #CCCCCC; padding-top: 2px; margin-bottom: 2px } .yellow_marker { background-color: yellow; padding: 0.5em 1em 0.5em 0.5em; border: solid 1px; border-color:#0066CC; } .gold { color: #FFCC00; } .caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: black; font-weight: bold; line-height: 1.5em; } .info { text-align: right; } .indent { text-indent: 20px; } .teasertxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.5em; padding: 0 0 5px 40px; border-top: 1px; margin:-10px 0 5px 0; height: 82px; border-bottom: solid 1px #FFCC00; } .superscript { position: relative; font-size: 0.8em; top: -.5em; } .text-shadow { text-shadow:0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.4); } /* rounded box using nested divs in html*/ .t {background: url(images/border_dot.gif) 0 0 repeat-x} .b {background: url(images/border_dot.gif) 0 100% repeat-x} .l {background: url(images/border_dot.gif) 0 0 repeat-y} .r {background: url(images/border_dot.gif) 100% 0 repeat-y} .bl {background: url(images/bl.gif) 0 100% no-repeat} .br {background: url(images/br.gif) 100% 100% no-repeat} .tl {background: url(images/tl.gif) 0 0 no-repeat} .tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} .tl-yellow {background: url(images/tl-yellow.gif) 0 0 no-repeat} .tr-yellow {background: url(images/tr-yellow.gif) 100% 0 no-repeat; padding:10px} .bl-yellow {background: url(images/bl-yellow.gif) 0 100% no-repeat} .br-yellow {background: url(images/br-yellow.gif) 100% 100% no-repeat} /* icon entities*/ .email:before { content: "\2709"; font-size: 2.1em; color: red; vertical-align: -25%; } /* IMAGES */ /* NOTE: iepngfix.htc is a special filter for displaying png images with transparency in IE6. It is kept in the root folder of the web site along with a blank .gif file */ img { behavior: url(http://www.sencon.com/iepngfix.htc); } a.imglink:link { border: none; background-image: none; } .imageleft { float: left; margin: 15px; } .imageright { float: right; margin: 15px; } .imagecenter { text-align: center; margin: 15px; } .thumbnail { float: right; margin-left: 15px; } a img { border-width: 0; } .thumbnail a { background-image: none !important; } /* INFO REQUEST ACTION LINKS */ #content .category_link { float: right; display: inline; margin-bottom: 15px; } #request_button { float: left; display: inline; margin: 2px 0 15px 0; background-color: #FFCC00; box-shadow: 0px 1px 1px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */ } #request_button:hover { background-color: #6699FF; } #quote { position: fixed; top: 510px; background-image: url(../css/images/floating_arrow2.jpg); background-repeat: none; height:24px; width: 221px; padding-top: 8px } #quote a { color: black; letter-spacing: 0.1em; font-size: 1.2 em; font-weight: bold; text-transform: uppercase; text-decoration: none; } #quote a:hover { color: #0000FF; } #content .info_request { background-image: none !important; font-weight:lighter; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 2px 0px 2px 2px; color: #000; } • text-shadow:0 -1px 0 rgba(0,0,0,0.3), • 0 1px 0 rgba(255,255,255,0.4) #content .info_request:hover { text-decoration: none; } #content .cd_link { font-weight:lighter; background-image: url(../New%20Style/css/New%20Folder/images/cd_small.png); background-position: 1px 1px; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 2px 0px 2px 20px; color: #333333; } #content .cd_link:hover { color: #FF0000; text-decoration: none; } #content .doc_link { border: solid 1px #FF9933; font-weight:lighter; font-size: 0.9em; background-image: none !important; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 5px 2px 5px 2px; color: #333333; text-transform: capitalize !important; } #content .doc_link:hover { text-decoration: none; background-color: #FF9933; } #content .vid_link { margin: 20px 0 20px 0; padding: 10px 0 15px 35px; background-image:url(images/vidlink.gif) !important; text-decoration: underline; } #content .vid_link:hover { color: red; text-decoration: underline; } ul.doc_links { margin-left: 1em; padding-left: 0.6em; list-style:none; list-style-image: url(../New%20Style/css/New%20Folder/blank.gif); } ul.doc_links li { padding-bottom: 4px; background-image: url(../New%20Style/css/New%20Folder/images/pdf.png); background-repeat: no-repeat; } ul.doc_links li a { background-image: none !important; margin-left: 20px; text-transform: capitalize !important; } ul.doc_links li a:hover { color: #FF0000; text-decoration: none; } /* PAGE SPECIFIC DIV ID STYLES */ /* Header area - top banner */ #header { height: 150px; background: url(images/grayscale/img02_sensor.jpg) no-repeat center top; background-color: #303439; } /* Sencon logo */ #Sencon_logo { position:absolute; left:11px; top:52px; width:400px; height:87px; z-index:1; } #Print_logo { display: none; } /* Sencon strapline */ #strapline { position:absolute; left:5px; top:53px; width:275px; height:87px; z-index:1; } #strapline p { font-family:Verdana, Arial, Helvetica, sans-serif; padding: 69px 0 0 7px; letter-spacing: 0.15em; font-size: 1.1em; color: #444444; } /* Main navigation tabs*/ #menu { float: right; } #menu ul { margin: 0; padding: 60px 20px 0 0; list-style: none; } #menu li { display: inline; } #menu ul a { float: left; width: 120px; height: 56px; margin: 0 0 0 2px; padding: 9px 0 0 0; background: url(images/grayscale/img04.jpg) no-repeat; text-decoration: none; text-align: center; letter-spacing: 1px; font-size: 1.1em; font-weight: bold; color: #101011; } #menu ul a:hover, #menu .current_page_item a { background: url(images/grayscale/img04-hilite.gif) no-repeat; color: #FF0000; } /* Languages links bar */ #LangBar { background-image:url(images/metal_bar2.jpg); text-align: center; text-transform: uppercase; word-spacing: 0.6em; color: #444444; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.15em; font-size: 0.8em; height: 16px; } /* Styling for the scrolling javascript text box on the title bar */ #LangBar { height: 16px;} #LangBar form {background-color: transparent;} #LangBar input {background-color: transparent; border: 0px; color: black; text-transform: uppercase; word-spacing: 0.6em; letter-spacing: 0.15em; font-size: 1em; white-space: pre; } #language { word-spacing: 0.5em; } #language a[href] { text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; } #language a[href]:hover { color: #FFCC00; text-decoration: none; } #technologies { background-color: #333333; padding: 10px 0 10px 0; border-right: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #000; text-align:center; word-spacing: 0.6em; } #technologies a[href] { text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; word-spacing: 0.1em; } #technologies a[href]:hover { color: #FFCC00; text-decoration: none; } /* main page contents divs */ #page { width: 980px; margin: 0 auto; } #content { float: left; width: 600px; padding: 0 0 0 25px; margin-top: -8px; } #subhead { float:right; margin-top: 10px; width: 330px; padding-right: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.3em; letter-spacing: 0.04em } #actions { margin-top: 15px; } /* SIDEBAR - LEFT AND RIGHT NAVIGATION PANELS */ #rightbar { padding: 0 0 0 25px; margin: 0; } .sidebar { float: left; width: 165px; background-color: #FFFFFF; } .sidebar ul { margin: 0; padding: 0; list-style: none; line-height: 135%; } .sidebar li { } .sidebar li ul { } .sidebar li li { padding: 6px 0 6px 10px; background: url(images/img08_red.gif) no-repeat 0 12px; border-bottom: 1px solid #fff; } .sidebar li li a { text-decoration: none; color: #0A416b; } .sidebar li li a:hover { color: #FF0000; padding: 6px 0 6px 11px; } .sidebar li h2 { padding-top: 20px; color: #101011; font-size: 0.9em; } .divider { padding-bottom: 8px; border-bottom: 1px solid #000; } /* Search box visual styling - the actual search function is called in from a cgi php script*/ #searchform { text } #searchform br { display: none; } #searchform input { margin-bottom: 5px; } #searchform #s { width: 190px; } /* PRODUCT AREA - VARIABLE PAGE CONTENT */ h1.sensors { background-image: url(images/grayscale/sensor.gif); background-repeat: no-repeat; background-position: 98% 12px; } h1.dwi { background-image: url(images/grayscale/dwi.gif); background-repeat: no-repeat; background-position: 98% 12px; } h1.welded { background-image: url(images/grayscale/welded.gif); background-repeat: no-repeat; background-position: 98% 12px; } h1.ends { background-image: url(images/grayscale/ends.gif); background-repeat: no-repeat; background-position: 98% 12px; } h1.QA { background-image: url(images/grayscale/qa.gif); background-repeat: no-repeat; background-position: 98% 12px; } h1.aerosols { background-image: url(images/grayscale/aerosol.gif); background-repeat: no-repeat; background-position: 98% 12px; } h1.filler { background-image: url(images/grayscale/fill.gif); background-repeat: no-repeat; background-position: 98% 12px; } .post { background-color:#FFFFFF; color: #0A416B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 0.8em; border-left: #4b5359 1px solid; border-right: #4b5359 1px solid; border-bottom: #4b5359 1px solid; background-image: url(images/grayscale/divider.gif); background-repeat:repeat-x; } .post p { margin-top: 0.8em; margin-bottom: 0.8em; } .post h1 { padding-top: 10px; } .post h2 { font-weight: bold; padding-top: 1em; margin-bottom: -0.5em; } .post .hilite { color:#CC0033; } .post a { color: #005697; } .post a:hover { color: red; } .post .redlink { color: #CC0033 !important; background: none !important; padding: 0 0 2px 0 !important; letter-spacing: 0.07em !important; } .post .title { margin: 0; padding: 17px 30px 0 30px; } .post .title a { text-decoration: none; color: #0A416B; } .byline { font-family: 'ISOCPEURRegular'; font-size: 1.4em; color: #CC0033; } .post .entry { padding: 0px 30px 10px 30px; } .post .entry li { font-weight:lighter; letter-spacing: normal; line-height: 150%; } .post .entry a[href] { font-weight: normal; letter-spacing: 1px; line-height: 175%; text-decoration:none; padding: 0px 0px 2px 10px; background: url(images/img09.gif) no-repeat 0px 6px; color: #006699; text-transform: uppercase; } .post .entry a[href]:hover { color: #FF0000; text-decoration: none; } .post .entry a[img] { background-image: none; } .post .benefits li { list-style: none; } /* CHARTS & TABLES */ /* styling for zebra charts */ ul.benefits { border: solid #005697 1px; border-collapse: collapse; margin: 0; padding: 0; } ul.benefits li.label{ background-color: #fffcd6; text-transform: uppercase; color: #005697; font-weight: bold; border-bottom: solid #005697 1px; padding-left: 5px; } ul.benefits li{ background-color: #d4effd; padding-left: 5px; } ul.benefits li.pale{ background-color: #f2f7fa; padding-left: 5px; } ul.features { border: solid #005697 1px; border-collapse: collapse; list-style: none; margin: 0; padding: 0; text-indent: 5px; color; #000; } ul.features li.label{ background-color: #d9ead3; text-transform: uppercase; color: #005697; font-weight: bold; border-bottom: solid #005697 1px; padding-left: 5px; } ul.features li{ background-color: #f7dbce; padding-left: 5px; } ul.features li.pale{ background-color: #fcf2ee; padding-left: 5px; } /* styling for tables with borders */ .techtable { border-collapse: collapse; border-spacing: 0pt; border: 1px solid; border-color: #0066CC; } .techtable td, th { background: white; border: inset 1pt; border-color: #0066CC; vertical-align: middle; font-weight: normal; font-family: "Helvetica Neue", "Helvetica", "Arial"; font-size: 0.9em; letter-spacing: 0.06em; line-height: 150%; } .techtable a[href] { text-transform: capitalize !important; background-image: none !important; padding: 0 0 0 0 !important; } /* FOOTER */ /* page footer text styles*/ #footer { clear: both; padding: 8px 0 1px 0; background-color: #101011; background-image: url(images/grayscale/footer3.gif); background-position: top; background-repeat: repeat-x; } #footer p { text-align: center; color: #fff; } #footer p.copyright { font-size: smaller; margin-top: -34px; letter-spacing: 0.2em; color: #222222; } p.footer_label { position: relative; top: 5px; color: white; text-transform: uppercase; text-align: right; letter-spacing: 0.3em; } #footer p#printFooter { display: none; } /* links in the footer */ #footer .links a { margin-left: auto; margin-right: auto; text-align: center; padding-left: 10px; font-size: 0.7em; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; color: #fff; } #footer .links a:hover { color: #fff; } /* W3C logos*/ #w3c a { background-image: none; padding-left: 0; } /* on page videos - works together with Flowplayer scripts */ #video_frame { height: 410px; padding-left: 0; background-image: url(http://www.sencon.com/sencon-video-channel/images/tv_frame.png); background-repeat: no-repeat; background-position:center } #video_screen { width: 450px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 55px; } #video_frame_wide { margin-left: -81px; background-image: url(http://www.sencon.com/sencon-video-channel/images/tv_frame_wide.png); width: 700px; height: 400px; background-repeat: no-repeat; background-position: center 10px; } #video_screen_wide { width: 600px; margin-top: 10px; padding-top: 28px; padding-left: 53px; } #player2 { display: block; width: 425px; height: 300px; background-image: none !important; } #player2_wide { display: block; width: 576px; height: 324px; background-image: none; padding-top: 15px !important }