/* OMRON EUROPE CSS STYLES Copyright 2006-2008. All rights reserved. Made by Voormedia - WWW.VOORMEDIA.COM commented backslash hack for IE Mac star html hack for IE4, IE5 and IE6 *:first-child+html hack for IE7 html[xmlns*=""] body:last-child hack for Safari 2 body:first-of-type hack for Safari 3 @media all and (min-width: 0px) hack for Opera 8-9 Please contact Voormedia if changes are necessary in this stylesheet. */ /* GENERAL TAG STYLES */ html { height: 100%; } /* hide for IE mac \*/ body { height: 100%; } /* */ body { margin: 0; font-family: Verdana, Arial, sans-serif; font-size: 70%; color: #4C5157; } table { border-collapse: collapse; font-size: 142%; spacing: 0; } table table { font-size: 143%; } th,td { padding: 0; vertical-align: top; font-size: 70%; } img { border: 0; } form { display: inline; } input, select, textarea { font-family: Verdana, Arial, sans-serif; font-size: 100%; } a { color: #006ec7; font-weight: bold; text-decoration: none; } a:hover { text-decoration: underline; } h1 { margin: 0 0 1px 0; font-size: 100%; } h2 { margin: 0 0 1px 0; font-size: 100%; } h3 { margin: 0 0 1px 0; font-size: 100%; } h3 a { color: #4C5157; } h4 { margin: 0 0 14px 0; font-size: 100%; } p { margin: 0 0 14px 0; line-height: 150%; } ul { margin: 0 0 16px 0; padding: 0; line-height: 150%; list-style: none; } li { padding: 0 0 0 12px; background: url("link") no-repeat 2px 4px; } /* GLOBAL STYLES */ table.container { height: 100%; width: 1004px; border-right: 1px solid #b9bdc3; background: url("link") repeat-y left top; } table.container td.footer { vertical-align: bottom; } body.homepage table.container, body.widecontent table.container { background: none; } div.print { display: none; } div.header { height: 63px; color: #0055c4; background: #fff url("link") repeat-x bottom left; border-top: 3px solid #0055c4; } * html div.header { height: 67px; } div.header a { font-weight: normal; } div.logo { position: absolute; left: 0; margin: 18px 0 0 16px; } div.title { padding: 31px 0 0 158px; font-size: 105%; font-weight: 500; } div.title span.country { color: #555; } div.title span.divider { color: #bdbdbd; } table.searchrow { float: right; margin: 23px 18px 0 0; } * html table.searchrow { margin-right: 9px; } table.searchrow td.links { padding: 9px 5px 0 0; } table.searchrow td.links span.bullet { padding: 0 9px 0 7px; font-size: 100%; background: url("link") no-repeat 0 4px; } table.searchrow input.textfield { width: 121px; margin-right: 4px; padding: 4px 2px 2px; font-size: 11px; border: 1px solid #ddd; border-bottom-color: #f4f4f4; border-right-color: #f4f4f4; background: #fff url("/assets/iab/images/quicksearch-background_tcm260-2668.gif?v=1") no-repeat; } * html table.searchrow input.textfield { height: 21px; width: 125px; } table.searchrow td.button div { height: 21px; background: url("link") no-repeat top right; } table.searchrow td.button div div { background: url("link") no-repeat top left; } /* Disable the background image for Safari 2. */ html[xmlns*=""] body:last-child table.searchrow td.button div { background: none; margin-top: 2px; } /* Re-enable the background image for Safari 3.1+. */ html[xmlns*=""] body:first-of-type table.searchrow td.button div { background: url("link") no-repeat top right; } html[xmlns*=""] body:first-of-type table.searchrow td.button div div { background: url("link") no-repeat top left; } table.searchrow td.button input.submit { height: 19px; background: none; border: none; font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #6e6e6e; font-size: 110%; } * html table.searchrow td.button { padding-top: 1px; } * html table.searchrow td.button input.submit { height: 21px; padding-top: 1px; } table.main { width: 100%; } td.leftcolumn { width: 187px; } td.main { padding-left: 2px; } table.content { width: 100%; } td.bulletlist ul li, div.bulletlist ul li { background: url("link") no-repeat 2px 4px; } td.content { padding: 0 12px 16px; } body.widecontent td.content { padding: 10px 30px; } td.content h1 { padding: 4px 0 12px 0; color: #006ec7; font-size: 130%; font-weight: bold; } table.caseheading h1 { padding: 0 0 1px 0; } td.content ul.bullet { list-style: circle; } td.sidebar { width: 230px; padding: 16px 12px 0 12px; } .hidden { display: none; } .smallfont { font-size: 80%; } td.left { text-align: left; padding: 2px 10px 8px 0; } td.center { text-align: center; padding: 2px 0 4px 0; } td.right { text-align: right; padding: 2px 0 8px 10px; } a.emaillink { font-weight: normal; } a.linkarrow { padding: 0 0 0 18px; background: url("link") no-repeat 8px 2px; white-space: nowrap; } a.linkarrowflushedleft { padding: 0 0 0 10px; background: url("link") no-repeat 0 2px; white-space: nowrap; } a.linkarrowflushedright { display: block; padding: 0 0 0 10px; background: url("link") no-repeat 0 2px; white-space: nowrap; } a.omronsite { padding-right: 15px; background: url("link") no-repeat right 2px; } a.omronsiteblank { padding-right: 17px; background: url("link") no-repeat right top; } a.othersite { padding-right: 15px; background: url("link") no-repeat right 2px; } a.othersiteblank { padding-right: 17px; background: url("link") no-repeat right top ; } /* CLEARFIX STYLE FOR CLEARING DIVS WITH FLOATS */ div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.clearfix { display: inline-block; margin: 0 0 8px 0; } /* Hides from IE-mac \*/ * html div.clearfix { height: 1%; } div.clearfix { display: block; } /* End hide from IE-mac */ /* TOP MENU STYLES */ table.topmenu { width: 100%; background: #ccc; } table.topmenu td.menu { height: 29px; margin: 0; padding: 0 0 0 17px; } table.topmenu td.menu a, table.topmenu td.menu span { float: left; height:19px; color:#555; margin: 0; padding: 8px 14px 1px 14px; text-decoration: none; font-weight: bold; background: #ccc; display: inline; } table#topmenu td.menu span.divider { width: 1px; padding: 0; background: url("link") top left no-repeat; } * html table.topmenu td.menu a { height:29px; margin: 0; padding: 8px 14px 1px 14px; } * html table.topmenu td.menu span { height:29px; } table.topmenu td.menu a:hover { background-color: #bfbfbf; color:#555; text-decoration: underline; border-bottom: 1px solid #bfbfbf; } table.topmenu td.menu a.highlight { background-color: #bfbfbf; text-decoration: underline; padding: 8px 14px 1px 14px; color:#555; border-bottom: 1px solid #bfbfbf; } table.topmenu td.menu a.selected { background-color: #808080; color:#fff; border-bottom: 1px solid #656565; } table.topmenu td.menu a.selected:hover { background-color: #808080; color:#fff; border-bottom: 1px solid #656565; text-decoration: none; } div.menushadow { height: 16px; background: url("link") top left repeat-x; background-color: #fff; } body.homepage div.menushadow { display: none; } table.topmenu td.status { height: 21px; text-align: right; padding: 8px 15px 0 0; } * html table.topmenu td.status { height: 1%; } table.topmenu td.status a { text-decoration: none; font-weight: normal; color:#555; } table.topmenu td.status a img { margin: -1px 0 -2px 10px; } table.topmenu td.status a:hover { text-decoration: underline; color:#555; } table.topmenu td.status span.country { padding: 0 0 0 8px; background: url("link") no-repeat 0 4px; } table.topmenu td.status span.country a:hover { text-decoration: none; } * html table.topmenu td.status span.country a:hover { text-decoration: underline; } table.topmenu td.status span.country a:hover span.underline { text-decoration: underline; } table.topmenu td.status span.language { color:#555; padding: 0 0 0 32px; margin: 0; } table.topmenu td.status span.language span.lang_title { padding: 0 8px 0 0; } table.topmenu td.status span.language a { margin-left: 5px; display: inline; padding: 2px 2px 2px 2px; font-weight: bold; text-transform: uppercase; } table.topmenu td.status span.language a.selected { background: #808080; color: #fff; } div.submenu { z-index: 40; width: 190px; margin: 0; padding: 9px 0 0 0; visibility: hidden; position: absolute; background: url("link") top left repeat-x; } div.submenu a, div.submenu span { display: block; color: #646464; padding: 5px 3px 6px 11px; text-decoration: none; background: none; background-color: #e1e1e1; border-bottom: 1px solid #fff; font-weight: normal; } div.submenu a { cursor: pointer; cursor: hand; } * html div.submenu a { width: 100%; } div.submenu a:hover { text-decoration: underline; background: #959595; color: #fff; } div.submenu a.selected { background-color: #f5f5f3; } div.submenu a.selected:hover { background-color: #f5f5f3; color: #646464; } div.show { visibility: visible; } /* TITLE BAR STYLES */ table.titlebar { width: 100%; background-color: #808080; xxxxbackground-color: #959595; height: 22px; } table.titlebar td { padding: 4px 13px 3px 12px; font-size: 70%; font-weight: bold; color: #fff; } table.titlebar td h1 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; color: #fff; } table.titlebar td span.uppercase { text-transform: uppercase; } table.titlebar td img { margin-bottom: -1px; } table.titlebar td.back { text-align: right; } table.titlebar td.back a { padding-left: 12px; color: #fff; background: url("link") no-repeat 3px left; } table.titlebar td.productsearch { text-align: right; } * html table.titlebar td.productsearch { padding: 2px 18px 2px 0; } table.titlebar td.productsearch input { font-size: 10px; border: 0; font-weight: normal; } * html table.titlebar td.productsearch input { margin: 1px; vertical-align: middle; } table.titlebar td.productsearch input.submit { vertical-align: top; } * html table.titlebar td.productsearch input.submit { vertical-align: absbottom; } table.titlebar td.select a { color: #d4d7db; text-decoration: none; } table.titlebar td a.selected { color: #fff; } table.titlebar td a:hover { color: #fff; text-decoration: underline; } /* FOOTER STYLES */ div.footer { height: 54px; margin-top: 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #ccc; border-bottom: 3px solid #0053c3; } * html div.footer { height: 58px; } div.footer p { margin: 2px 0 3px; } div.footer a { font-weight: normal; } div.links { text-align: center; margin: 9px 150px 0 140px; } div.links span.bullet { padding: 0 6px 0 7px; background: url("link") no-repeat 0 4px; } div.realizing { float: right; padding: 18px 30px 0 0; } /* HOMEPAGE STYLES */ div.billboard { z-index: 10; } div.billboard a img { display: block;} div.billboard span.menu_shadow_bar { display: block; background: url("link") top left no-repeat; height: 7px; width: 1003px; position: absolute; z-index: 10; cursor: pointer; cursor: hand; } * html div.billboard span.menu_shadow_bar { background-image: none; /* FILTER IN USE SEE IMAGES */} td.normal { width: 380px; } td.wide { width: 420px; } td.small { width: 220px; } td.leftline { background: url("link") top left no-repeat; } td.rightline { background: url("link") top right no-repeat; } div.padding { padding: 25px 20px 0 25px; } div.padding h2 { margin: 0 0 4px 0; color: #006ec7; font-size: 115%; } td.lastblock div.padding { padding-right: 40px; } div.productitem { line-height: 140%; margin-top: 20px; margin-bottom: 0; } div.productitem span.title { display: block; padding: 0 0 3px 133px; font-size: 105%; } * html div.productitem span.title { padding-left: 135px; } div.productitem a { text-decoration: none; color: #4C5157; } * html div.productitem a:hover { text-decoration: underline; cursor: hand; } * html div.productitem span.image span { text-decoration: none; } * html div.productitem span.description { text-decoration: none; } div.productitem a:hover span.title { text-decoration: underline; } div.productitem span.image { display: block; float: left; width: 107px; margin: 8px 0 0 0; padding: 0 23px 0 0; text-align: center; background: url("link") right top repeat-x; } /* Hide from IE Mac \*/ * html div.productitem span.image { width: 130px; } /* End hide from IE Mac */ div.productitem span.image span { display: block; padding: 0 0 5px 0; border-right: 1px solid #006EC7; border-bottom: 1px solid #006EC7; border-top: 2px solid #fff; background-color: #fff; } div.productitem span.description { display: block; margin: 0 0 0 133px; font-weight: normal; } div.productitem span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.productitem span.description { height: 1%; margin-left: 0; } /* End hide from IE-mac */ /* TAB BAR STYLES */ table.tabs { margin-left: 1px; } * html table.tabs { margin-left: 0; table-layout:fixed; } *:first-child+html table.tabs { margin-left: 0; table-layout:fixed; } body:first-of-type table.tabs { margin-left: 0; } html[xmlns*=""] body:last-child table.tabs { margin-left: 0; } table.tabs td.tab { border: 1px solid #808080; border-width: 1px 1px 0 1px; cursor: pointer; cursor: hand; background-color: #eaeef2; background-repeat: no-repeat; background-position: bottom center; } table.tabs td.tab div.label { background: url("link") no-repeat 100% 0; font-size: 100%; overflow: hidden; } table.tabs td.tab div.label a, table.tabs td.tab div.label span { display: block; min-height: 12px; padding: 4px 4px 13px 4px; color: #484E54; text-align: center; background: url("link") no-repeat 0 0; text-decoration: none; font-weight: bold; font-size: 100%; } /* Hide from IE Mac \*/ * html table.tabs td.tab div.label a { height: 32px; } /* End hide from IE Mac */ table.tabs td.tab div.label a:hover { text-decoration: underline; } table.tabs td.cyan { background-image: url("link"); } table.tabs td.darkkhaki { background-image: url("link"); } table.tabs td.lightblue { background-image: url("link"); } table.tabs td.yellow { background-image: url("link"); } table.tabs td.orange { background-image: url("link"); } table.tabs td.red { background-image: url("link"); } table.tabs td.blue { background-image: url("link"); } table.tabs td.green { background-image: url("link"); } table.tabs td.purple { background-image: url("link"); } table.tabs td.selected { background: none; background-color: #fff; } table.tabs td.tabover { background-color: #fff; } table.tabs td.clicked { background: none; background-color: #fff; } table.tabs td.darkkhakiopen { background: none; background-color: #fff; } table.total3 td.tab { width: 270px; } table.total4 td.tab { width: 202px; } table.total4 td.last { width: 203px; } table.total5 td.tab { width: 162px; } table.total5 td.last { width: 160px; } table.total6 td.tab { width: 135px; } table.total6 td.last { width: 132px; } table.total7 td.tab { width: 115px; } table.total7 td.last { width: 116px; } * html table.total3 td.tab { width: 271px; } * html table.total3 td.last { width: 272px; } * html table.total4 td.tab { width: 203px; } * html table.total4 td.last { width: 205px; } * html table.total5 td.tab { width: 163px; } * html table.total5 td.last { width: 162px; } * html table.total6 td.tab { width: 136px; } * html table.total6 td.last { width: 134px; } * html table.total7 td.tab { width: 116px; } * html table.total7 td.last { width: 118px; } html[xmlns*=""] body:last-child table.total3 td.last { width: 271px; } html[xmlns*=""] body:last-child table.total4 td.last { width: 204px; } html[xmlns*=""] body:last-child table.total5 td.last { width: 161px; } html[xmlns*=""] body:last-child table.total6 td.last { width: 133px; } html[xmlns*=""] body:last-child table.total7 td.last { width: 117px; } body.homepage table.total3 td.tab { width: 333px; } body.homepage table.total4 td.tab { width: 249px; } body.homepage table.total4 td.last { width: 251px; } body.homepage table.total5 td.tab { width: 199px; } body.homepage table.total5 td.last { width: 201px; } body.homepage table.total6 td.tab { width: 166px; } body.homepage table.total7 td.tab { width: 142px; } body.homepage table.total7 td.last { width: 143px; } * html body.homepage table.total3 td.tab { width: 334px; } * html body.homepage table.total3 td.last { width: 335px; } * html body.homepage table.total4 td.tab { width: 250px; } * html body.homepage table.total4 td.last { width: 253px; } * html body.homepage table.total5 td.tab { width: 200px; } * html body.homepage table.total5 td.last { width: 203px; } * html body.homepage table.total6 td.tab { width: 167px; } * html body.homepage table.total6 td.last { width: 168px; } * html body.homepage table.total7 td.tab { width: 143px; } * html body.homepage table.total7 td.last { width: 145px; } html[xmlns*=""] body.homepage:last-child table.total3 td.last { width: 334px; } html[xmlns*=""] body.homepage:last-child table.total4 td.last { width: 252px; } html[xmlns*=""] body.homepage:last-child table.total5 td.last { width: 202px; } html[xmlns*=""] body.homepage:last-child table.total6 td.last { width: 167px; } html[xmlns*=""] body.homepage:last-child table.total7 td.last { width: 144px; } /* SUB ITEM */ div.subitem { padding: 0 0 10px 0; } div.padding div.subitem { padding: 20px 0 0 0; } div.subitem h3 { display: block; padding: 0 0 3px 0; } div.subitem p { margin: 0 0 4px 0; } div.subitem ul { margin: 0; clear: both; } div.subitem span.image {display: block; float: left; width: 102px; margin: 5px 0 0 0; padding: 0 5px 10px 0; } * html div.subitem span.image { width: 107px; } /* PRODUCT SUB MENU */ div.productsubmenu { position: absolute; margin-top: -1px; } * html div.productsubmenu { margin-top: 0; } *:first-child+html div.productsubmenu { margin-top: 0; } div.productsubmenu div { padding: 0 3px 0 4px; border: 1px solid; border-top-width: 0; float: left; background-color: #fff ! important; background-repeat: no-repeat; background-position: bottom left; } div.productsubmenu td { text-align: center; width: 142px; height: 120px; } div.productsubmenu a { display: block; padding: 15px 10px 20px 10px; text-decoration: none; font-size: 100%; color: #4C5157; } div.productsubmenu a:hover { text-decoration: underline; } div.productsubmenu img { display: block; margin: 0 auto 8px; } div.productsubmenu div.cyan { border-color: #4BAE9B; background-image: url("link"); } div.productsubmenu div.darkkhaki { border-color: #CDCC35; background-image: url("link"); } div.productsubmenu div.lightblue { border-color: #8D9ACB; background-image: url("link"); } div.productsubmenu div.yellow { border-color: #F7D53D; background-image: url("link"); } div.productsubmenu div.orange { border-color: #DB8136; background-image: url("link"); } div.productsubmenu div.red { border-color: #DC492E; background-image: url("link"); } div.productsubmenu div.blue { border-color: #7D9AE2; background-image: url("link"); } div.productsubmenu div.green { border-color: #95DD80; background-image: url("link"); } div.productsubmenu div.purple { border-color: #A88CD7; background-image: url("link"); } /* LEFT MENU STYLES */ div.leftmenu { margin: 0 0 25px 0; width: 186px; overflow: hidden; border-bottom: 1px solid #cde4f6; border-top: 1px solid #cde4f6; border-right: 1px solid #cde4f6; } div.leftmenu ul { margin: 0; list-style: none; } div.leftmenu ul li { padding: 0; background: #fff url("link") no-repeat left top; } div.leftmenu ul li.selected { padding: 0; margin: 0; } div.leftmenu ul li a, div.leftmenu ul li span { display: none; padding: 2px 18px 4px 23px; color: #fff; font-weight: bold; } *:first-child+html div.leftmenu a.leftnosub { height: 16px; } *:first-child+html div.leftmenu span.leftnosub { height: 16px; } * html div.leftmenu a { margin-bottom: -1px; } * html div.leftmenu span { margin-bottom: -1px; } *:first-child+html div.leftmenu a { margin-bottom: -1px; } *:first-child+html div.leftmenu span { margin-bottom: -1px; } /* \*/ * html div.leftmenu a { width: 100%; } /* */ /* \*/ * html div.leftmenu span { width: 100%; } /* */ *:first-child+html a { height: 1%; } *:first-child+html ul li span { width: 145px; } *:first-child+html ul ul li span { width: 133px; } div.leftmenu ul { background-color: #fff; } div.leftmenu ul li { background: none; background-color: #cde4f6; } div.leftmenu ul li.parent { background-color: #f2f8fd; } div.leftmenu ul li a, div.leftmenu ul li span { display: block; padding: 3px 18px 5px 23px; color: #006ec7; font-weight: normal; background: none; border-top: 2px solid #fff; } div.leftmenu ul li.selected { background: none; background-color: #f2f8fd; padding-top: 0; } div.leftmenu ul li.selected a { background: url("link") no-repeat 97% 8px; font-weight: bold; } div.leftmenu ul ul { width: 186px; border-top: 2px solid #fff; } div.leftmenu ul ul li { background-color: #f2f8fd; } div.leftmenu ul ul li a, div.leftmenu ul ul li span { padding: 3px 18px 3px 35px; border-top: none; } div.leftmenu ul li.parent a, div.leftmenu ul li.parent span { font-weight: bold; } div.leftmenu ul li.parent li a, div.leftmenu ul li.parent li span { font-weight: normal; } div.leftmenu ul li.selected li a, div.leftmenu ul li.selected li span { font-weight: normal; background-image: none; } div.leftmenu ul ul li.selected a { font-weight: normal; background-color: #fff; background-image: url("link"); } div.leftmenu ul li a.firstitem { border-top: none; } div.leftmenu ul.nosub { border: none; } div.leftmenu ul.nosub li { border: none; } /* LEFT BANNER */ div.leftbanner { margin: 0 0 25px 0; padding: 0; } /* LANDING PAGE STYLES */ div.introduction { padding: 0 200px 3px 0; } table.landing { border-left: 1px solid #a7c8eb; } table.landing td { width: 332px; padding: 0 50px 10px 12px; border-right: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; } table.landing h2 { margin: 0 -50px 10px -12px; padding: 3px 20px 4px 12px; border-top: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; color: #006ec7; font-size: 115%; } /* LEAD ITEMS */ div.leaditem { line-height: 140%; margin-bottom: 8px; } table.landing div.leaditem { margin-bottom: 12px; } div.leaditem span.title { display: block; padding: 0 0 3px 0; font-size: 105%; } div.leaditem span.description { padding: 0 0 4px 0; margin: 0; display: block; font-weight: normal; } * html div.leaditem span.description { text-decoration: none; } div.leaditem a { text-decoration: none; color: #4C5157; } * html div.leaditem a:hover { text-decoration: underline; cursor: hand; } div.leaditem a:hover span.title { text-decoration: underline; } div.leaditem span.image { display: block; float: left; width: 102px; margin: 5px 0 0 0; padding: 0 5px 0 0; } * html div.leaditem span.image { width: 107px; } div.leaditem span.heading { display: block; margin: 2px 0 0 0; font-weight: bold; } div.leaditem a:hover span.headdesc span.heading { text-decoration: underline; } div.leaditem a:hover span.headdesc span.description { text-decoration: none; } div.leaditem span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.leaditem span.heading { height: 1%; margin-left: 0; } * html div.leaditem span.description { height: 1%; margin-left: 0; text-decoration: none; } div.leaditem span.headdesc { margin: 0 0 0 107px; display: block; text-decoration: none; } * html div.leaditem span.headdesc {height: 1%; margin-left: 0; } /* End hide from IE-mac */ /* RELATED PRODUCTS */ div.relateditem { line-height: 140%; margin-bottom: 4px; width: 280px; } div.relateditem span.description { padding: 0 0 4px 0; margin: 0; display: block; font-weight: normal; } * html div.relateditem span.description { text-decoration: none; } div.relateditem a { text-decoration: none; color: #4C5157; } * html div.relateditem a:hover { text-decoration: underline; cursor: hand; } div.relateditem span.image { display: block; float: left; width: 67px; margin: 5px 0 0 0; padding: 0 5px 0 0; } * html div.relateditem span.image { width: 72px; } div.relateditem span.heading { display: block; padding: 3px 0 0 0; margin: 0; font-weight: bold; } div.relateditem a:hover span.headdesc span.heading { text-decoration: underline; } div.relateditem a:hover span.headdesc span.description { text-decoration: none; } div.relateditem span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.relateditem span.heading { height: 1%; margin-left: 0; } * html div.relateditem span.description { height: 1%; margin-left: 0; text-decoration: none; } div.relateditem span.headdesc { margin: 0 0 0 72px; display: block; text-decoration: none; } * html div.relateditem span.headdesc {height: 1%; margin-left: 0; } /* End hide from IE-mac */ /* CATALOGUE TABEL */ table.tabs tr.catalogue td { background: none; border-width: 0 1px; border-color: #fff #A7C8EB; border-style: solid; text-align: center; cursor: default; overflow: hidden; } table.tabs tr.catalogue a { display: block; padding: 4px 10px; font-weight: normal; color: #4c5157; overflow: hidden; } * html table.tabs tr.catalogue a { width: 100%; } table.tabs tr.catalogue img { display: block; margin: 0 auto; } table.tabs tr.topline td { padding-top: 12px; border-top: 1px solid #A7C8EB; } table.tabs tr.bottomline td { padding-bottom: 18px; border-bottom: 1px solid #A7C8EB; } table.tabs tr.break { background: #fff; border-color: #fff; border-width: 0; height: 20px; } table.tabs tr.break td { background: #fff; border-color: #fff; border-width: 0; cursor: default; height: 20px; } * html table.tabs tr.break td { border-width: 1px; border-bottom-width: 0; } /* SAFARI3 OVERFLOW FIX */ body:first-of-type table.total3 tr.catalogue td a { width: 250px; } body:first-of-type table.total4 tr.catalogue td a { width: 182px; } body:first-of-type table.total5 tr.catalogue td a { width: 140px; } body:first-of-type table.total6 tr.catalogue td a { width: 112px; } body:first-of-type table.total7 tr.catalogue td a { width: 95px; } /* GROUP MAP */ div.groupmap { margin: 0; padding: 0;} div.groupmap div.groupmap-content { padding: 10px 5px 13px 5px; border: 1px solid; border-top: 0; border-bottom: 0; } /* IE6 does not recognize the child div that is nested below itself Because of this we need to deduct the height of the div from the bottom padding */ * html div.groupmap div.groupmap-content { padding-bottom: 6px;} div.groupmap div.groupmap-bar { height: 7px; padding: 0; margin: 0; border: 1px solid; border-top: 0; background-repeat: no-repeat; } div.cyan div.groupmap-content { background-color: #E5F6F4; border-color: #4BAE9B;} div.darkkhaki div.groupmap-content { background-color: #FCFBE8; border-color: #CDCC35;} div.lightblue div.groupmap-content { background-color: #f1f1fb; border-color: #8D9ACB;} div.yellow div.groupmap-content { background-color: #FEF8DC; border-color: #F7D53D;} div.orange div.groupmap-content { background-color: #FEF2E5; border-color: #DB8136;} div.red div.groupmap-content { background-color: #FDECE8; border-color: #DC492E;} div.green div.groupmap-content { background-color: #e8f8e4; border-color: #95dd80;} div.purple div.groupmap-content { background-color: #ece6f6; border-color: #a88cd7;} div.blue div.groupmap-content { background-color: #e2e9f9; border-color: #7d9ae2;} div.cyan div.groupmap-bar { background-color: #E5F6F4; border-color: #4BAE9B; background-image: url("link"); } div.darkkhaki div.groupmap-bar { background-color: #FCFBE8; border-color: #CDCC35; background-image: url("link"); } div.lightblue div.groupmap-bar { background-color: #f1f1fb; border-color: #8D9ACB; background-image: url("link"); } div.yellow div.groupmap-bar { background-color: #FEF8DC; border-color: #F7D53D; background-image: url("link"); } div.orange div.groupmap-bar { background-color: #FEF2E5; border-color: #DB8136; background-image: url("link"); } div.red div.groupmap-bar { background-color: #FDECE8; border-color: #DC492E; background-image: url("link"); } div.green div.groupmap-bar { background-color: #e8f8e4; border-color: #95dd80; background-image: url("link"); } div.purple div.groupmap-bar { background-color: #ece6f6; border-color: #a88cd7; background-image: url("link"); } div.blue div.groupmap-bar { background-color: #e2e9f9; border-color: #7d9ae2; background-image: url("link"); } div.cyan div.groupmap-content a { background-color: #E5F6F4; } div.darkkhaki div.groupmap-content a { background-color: #FCFBE8; } div.lightblue div.groupmap-content a { background-color: #f1f1fb; } div.yellow div.groupmap-content a { background-color: #FEF8DC; } div.orange div.groupmap-content a { background-color: #FEF2E5; } div.red div.groupmap-content a { background-color: #FDECE8; } div.green div.groupmap-content a { background-color: #e8f8e4; } div.purple div.groupmap-content a { background-color: #ece6f6; } div.blue div.groupmap-content a { background-color: #e2e9f9; } div.groupmap-totaltabs-7 div.groupmap-tab-1 { background-position: 46px 0px; } div.groupmap-totaltabs-7 div.groupmap-tab-2 { background-position: 164px 0px; } div.groupmap-totaltabs-7 div.groupmap-tab-3 { background-position: 279px 0px; } div.groupmap-totaltabs-7 div.groupmap-tab-4 { background-position: 395px 0px; } div.groupmap-totaltabs-7 div.groupmap-tab-5 { background-position: 509px 0px; } div.groupmap-totaltabs-7 div.groupmap-tab-6 { background-position: 628px 0px; } div.groupmap-totaltabs-7 div.groupmap-tab-7 { background-position: 746px 0px; } div.groupmap-totaltabs-6 div.groupmap-tab-1 { background-position: 56px 0px; } div.groupmap-totaltabs-6 div.groupmap-tab-2 { background-position: 193px 0px; } div.groupmap-totaltabs-6 div.groupmap-tab-3 { background-position: 328px 0px; } div.groupmap-totaltabs-6 div.groupmap-tab-4 { background-position: 465px 0px; } div.groupmap-totaltabs-6 div.groupmap-tab-5 { background-position: 599px 0px; } div.groupmap-totaltabs-6 div.groupmap-tab-6 { background-position: 738px 0px; } div.groupmap-totaltabs-5 div.groupmap-tab-1 { background-position: 69px 0px; } div.groupmap-totaltabs-5 div.groupmap-tab-2 { background-position: 235px 0px; } div.groupmap-totaltabs-5 div.groupmap-tab-3 { background-position: 396px 0px; } div.groupmap-totaltabs-5 div.groupmap-tab-4 { background-position: 559px 0px; } div.groupmap-totaltabs-5 div.groupmap-tab-5 { background-position: 719px 0px; } div.groupmap-totaltabs-4 div.groupmap-tab-1 { background-position: 89px 0px; } div.groupmap-totaltabs-4 div.groupmap-tab-2 { background-position: 294px 0px; } div.groupmap-totaltabs-4 div.groupmap-tab-3 { background-position: 496px 0px; } div.groupmap-totaltabs-4 div.groupmap-tab-4 { background-position: 701px 0px; } div.groupmap-totaltabs-3 div.groupmap-tab-1 { background-position: 123px 0px; } div.groupmap-totaltabs-3 div.groupmap-tab-2 { background-position: 396px 0px; } div.groupmap-totaltabs-3 div.groupmap-tab-3 { background-position: 667px 0px; } /* IE6 does not position the background image correctly. Therefore we place the image 6px from the top (div height - border height) */ * html div.groupmap-totaltabs-7 div.groupmap-tab-1 { background-position: 46px 6px; } * html div.groupmap-totaltabs-7 div.groupmap-tab-2 { background-position: 164px 6px; } * html div.groupmap-totaltabs-7 div.groupmap-tab-3 { background-position: 279px 6px; } * html div.groupmap-totaltabs-7 div.groupmap-tab-4 { background-position: 395px 6px; } * html div.groupmap-totaltabs-7 div.groupmap-tab-5 { background-position: 509px 6px; } * html div.groupmap-totaltabs-7 div.groupmap-tab-6 { background-position: 628px 6px; } * html div.groupmap-totaltabs-7 div.groupmap-tab-7 { background-position: 746px 6px; } * html div.groupmap-totaltabs-6 div.groupmap-tab-1 { background-position: 56px 6px; } * html div.groupmap-totaltabs-6 div.groupmap-tab-2 { background-position: 193px 6px; } * html div.groupmap-totaltabs-6 div.groupmap-tab-3 { background-position: 328px 6px; } * html div.groupmap-totaltabs-6 div.groupmap-tab-4 { background-position: 465px 6px; } * html div.groupmap-totaltabs-6 div.groupmap-tab-5 { background-position: 599px 6px; } * html div.groupmap-totaltabs-6 div.groupmap-tab-6 { background-position: 738px 6px; } * html div.groupmap-totaltabs-5 div.groupmap-tab-1 { background-position: 69px 6px; } * html div.groupmap-totaltabs-5 div.groupmap-tab-2 { background-position: 235px 6px; } * html div.groupmap-totaltabs-5 div.groupmap-tab-3 { background-position: 396px 6px; } * html div.groupmap-totaltabs-5 div.groupmap-tab-4 { background-position: 559px 6px; } * html div.groupmap-totaltabs-5 div.groupmap-tab-5 { background-position: 719px 6px; } * html div.groupmap-totaltabs-4 div.groupmap-tab-1 { background-position: 89px 6px; } * html div.groupmap-totaltabs-4 div.groupmap-tab-2 { background-position: 294px 6px; } * html div.groupmap-totaltabs-4 div.groupmap-tab-3 { background-position: 496px 6px; } * html div.groupmap-totaltabs-4 div.groupmap-tab-4 { background-position: 701px 6px; } * html div.groupmap-totaltabs-3 div.groupmap-tab-1 { background-position: 123px 6px; } * html div.groupmap-totaltabs-3 div.groupmap-tab-2 { background-position: 396px 6px; } * html div.groupmap-totaltabs-3 div.groupmap-tab-3 { background-position: 667px 6px; } div.cyan div.groupmap-content table { border-color: #E5F6F4; } div.darkkhaki div.groupmap-content table { border-color: #FCFBE8; } div.lightblue div.groupmap-content table { border-color: #f1f1fb; } div.yellow div.groupmap-content table { border-color: #FEF8DC; } div.orange div.groupmap-content table { border-color: #FEF2E5; } div.red div.groupmap-content table { border-color: #FDECE8; } div.green div.groupmap-content table { border-color: #e8f8e4; } div.purple div.groupmap-content table { border-color: #ece6f6; } div.blue div.groupmap-content table { border-color: #e2e9f9; } * html div.groupmap table { border-left: 1px solid #fff; } div.groupmap table td { width: 195px; border-left: 0; } div.groupmap table td+td { border-left: 1px solid #96A0AB; } div.groupmap table td.extra { padding-left: 30px; border-left: 0; } div.groupmap table td.last { width: auto; } /* \*/ * html div.groupmap table td { border-left: 1px solid #96A0AB; } /* */ div.groupmap table a, div.groupmap table span { float: left; padding: 0 5px 0 18px; line-height: 140%; font-size: 100%; color: #4C5157; background: url("link") no-repeat 8px 3px; font-weight: normal; } div.groupmap table a:hover { color: #006ec7; } div.groupmap table div { min-height: 10px; padding: 0 5px 0 0; border: 0; clear: left; background: none; } div.groupmap table div.parent { background: url("link") repeat-x 0 3px; } * html div.groupmap table div.parent { height: 1%; } div.groupmap table div.parent a { font-weight: bold; } div.groupmap table div.selected a { font-weight: bold; } table.tabs td.darkkhakiopen { background: none; background-color: #FCFBE8; } table.tabs td.cyanopen { background: none; background-color: #E5F6F4; } table.tabs td.darkkhakiopen { background: none; background-color: #FCFBE8; } table.tabs td.lightblueopen { background: none; background-color: #f1f1fb; } table.tabs td.yellowopen { background: none; background-color: #FEF8DC; } table.tabs td.orangeopen { background: none; background-color: #FEF2E5; } table.tabs td.redopen { background: none; background-color: #FDECE8; } table.tabs td.greenopen { background: none; background-color: #e8f8e4; } table.tabs td.purpleopen { background: none; background-color: #ece6f6; } table.tabs td.blueopen { background: none; background-color: #e2e9f9; } div.groupmap span.column { padding-left:0; width:100%;whitespace:no-wrap; } div.groupmap span.last { width:auto; } /* CATALOGUE GROUP PAGE */ div.cataloguestart { margin-top: 0; } div.cataloguegroup { line-height: 140%; margin: 0; padding-top: 0; border-left: 1px solid #006EC7; } div.lastcataloguegroup { border-left: 1px solid #ffffff; } div.lastcataloguegroup span.title { border-left: 1px solid #006EC7; margin-left: -1px; } * html div.lastcataloguegroup { border-left: 1px solid #006EC7; } div.cataloguegroup span.title { display: block; padding: 18px 0 11px 133px; font-size: 100%; } * html div.cataloguegroup span.title { padding-left: 132px; } div.cataloguegroup a { text-decoration: none; color: #4C5157; } div.cataloguegroup a span.title { text-decoration: none; xcolor: #006ec7; } * html div.cataloguegroup a:hover { text-decoration: underline; cursor: hand; } * html div.cataloguegroup span.image span { text-decoration: none; } * html div.cataloguegroup span.description { text-decoration: none; } div.cataloguegroup a:hover span.title { text-decoration: underline; } div.cataloguegroup span.leftborder { display: block; float: left; } div.cataloguegroup span.image { border-left: 1px solid #006EC7; display: block; float: left; width: 107px; margin: 0 0 0 -1px; padding: 0 23px 0 0; text-align: center; background: url("link") right top repeat-x; } /* \*/ * html div.cataloguegroup span.image { width: 130px; } /* */ div.cataloguegroup span.image span { display: block; padding: 0 0 5px 0; border-right: 1px solid #006EC7; border-bottom: 1px solid #006EC7; border-top: 2px solid #fff; background-color: #fff; } div.cataloguegroup span.description { display: block; margin: -8px 0 0 133px; font-weight: normal; } div.cataloguegroup span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.cataloguegroup span.description { height: 1%; margin-left: 0; } /* End hide from IE-mac */ /* LISTING PAGE */ table.listing { margin-bottom: 12px; } table.listing td { width: 464px; padding: 0 50px 4px 12px; border-left: 1px solid #a7c8eb; border-right: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; } table.listing h2 { margin: 0 -50px 10px -12px; padding: 3px 20px 4px 12px; border-top: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; color: #006ec7; font-size: 115%; } table.listing td.nopadding h2 { margin: 0 -10px 10px -12px; } table.listing td.nopadding h2.noborder { margin: 0 -10px 10px -12px; border-top: none; } table.listing td.nopadding { width: 504px; padding: 0 10px 4px 12px; } table.listing table.documents { width: 100%; margin-bottom: 13px; margin-right: 0; } table.listing table.documents td { width: auto; padding: 0; border: none; } table.listing table.documents td.title { padding-right: 10px; } table.listing table.documents td.block1 { width: 35px; height: 25px; text-align: center; border-left: 2px solid #fff; } table.listing table.documents td.block2 { width: 35px; height: 25px; text-align: center; border-left: 2px solid #fff; } table.listing table.documents a.more { } /* FEATUREWINDOW */ table.featurewindow { width: 100%; border-top: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; } body.widecontent td.featurewindowcontent { padding: 0 10px 17px; } table.featurewindow td.features { width: 559px; } body.widecontent table.featurewindow td.features { width: 746px; } body.widecontent table.featurewindow div.features { height: 279px; overflow: hidden; } body.widecontent table.featurewindow table.featurewithtext { margin-left: 20px; } table.featurewindow table.featurewithtext td { padding: 13px 13px 13px 0; } table.featurewindow table.featurewithtext td.text { padding: 10px 25px 13px 0; } table.featurewindow table.featurewithtext h2 { color: #006ec7; font-size: 115%; padding-bottom: 3px; } table.featurewindow table.featurewithtext td.image h2 { margin-top: -3px; padding-bottom: 9px;; } table.featurewindow td.buttons { background: url("link"); } table.featurewindow div.buttons { height: 335px; overflow: hidden; } body.widecontent table.featurewindow div.buttons { height: 279px; overflow: hidden; } table.featurewindow div.buttons a { display: block; height: 55px; border-bottom: 1px solid #a7c8eb; color: #4C5157; line-height: 130%; cursor: pointer; cursor: hand; } * html table.featurewindow div.buttons a { height: 56px; } table.featurewindow div.buttons a span.title { display: block; height: 43px; padding: 5px 10px 3px; overflow: hidden; } * html table.featurewindow div.buttons a span.title { height: 51px; } table.featurewindow td.buttons a.selected { background-color: #fff; } table.featurewindow td.buttons span.topcorner { display: none; position: absolute; height: 10px; width: 8px; margin-top: -10px; background: url("link") 0 0 no-repeat; } table.featurewindow td.buttons span.bottomcorner { display: none; position: absolute; height: 10px; width: 8px; margin-top: 55px; background: url("link") 0 0 no-repeat; } table.featurewindow td.buttons a.selected span.topcorner { display: block; } table.featurewindow td.buttons a.selected span.bottomcorner { display: block; } table.featurewindow td.buttons a.first span.topcorner { display: none; } table.featurewindow td.buttons a.sixth span.bottomcorner { display: none; } body.widecontent table.featurewindow td.buttons a.fifth span.bottomcorner { display: none; } /* INTERESTING TO KNOW */ div.interesting { margin-bottom:10px; } div.interesting h3 { margin: 0; padding: 10px 20px 12px 40px; background: url("link") no-repeat 15px 5px; } div.interesting h4 { margin: 0; padding: 5px 5px 6px 15px; color: #006ec7; background: #cde4f6; cursor:pointer; border-top:1px solid #96a0aa; } div.interesting h4:hover { text-decoration:underline; } xdiv.interesting h4 img { float: right; cursor:hand; cursor: pointer; } div#interesting h4 div.plus { float: right; width:15px; height: 15px; background: #fff url("link") no-repeat 0 0; } div#interesting h4 div.minus { float: right; width:15px; height: 15px; background: #fff url("link") no-repeat 0 0; } div.interesting div.sections { background-color: #f5fafd; border-left: 1px solid #96a0aa;border-right:1px solid #96a0aa; border-bottom:1px solid #96a0aa; } div.interesting div.section {} div#interesting div.jsnodisplay { display: none; } div.interesting div.section div.divider { height: 1px; overflow: hidden; } div.interesting span.title { display: block; padding: 0 0 3px 0; font-size: 100%; font-weight:bold; } div.interesting div.section span.item { display: block; padding: 5px 5px 7px 15px; margin-bottom:-1px; text-decoration: none; border-top:1px solid #96a0aa; } div.interesting div.section span.item a { text-decoration:none; } div.interesting div.section a{ color: #4C5157; } div.interesting div.section a:hover span.title { text-decoration: underline; } div.interesting div.section span.description { display: block; font-weight: normal; } div.interesting div.section span.more { color: #006ec7; font-size: 90%; } * html div.interesting div.section a:hover { text-decoration: none; cursor: hand; } * html div.interesting div.section span.description { text-decoration: none; } /* div.interesting div.section span.photo span.image img { width: 88px; } */ div.interesting div.section span.photo span.image { float: left; width: 88px; } div.interesting div.section span.photo span.description { margin-left: 100px; } span.photo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } span.photo { display: inline-block; margin: 0 0 8px 0; } /* Hides from IE-mac \*/ * html span.photo { height: 1%; } span.photo { display: block; } /* End hide from IE-mac */ div.interesting h4.last { border-bottom: none; } div.interesting div.show { position:static; display: table; } div.interesting div.hide { position:absolute; left:-999em; height:1px; width:100px; overflow:hidden; } /* RESULT PAGES */ div.resultpages { padding: 8px 0 12px; } div.resultpages a { padding: 0 3px; font-weight: normal; } div.resultpages a:hover { text-decoration: underline; } div.resultpages a.selected { font-weight: bold; } div.resultpages span.previous { padding: 0 10px 0 0; font-weight: bold; } div.resultpages span.next { padding: 0 0 0 10px; font-weight: bold; } div.resultpages span.previous a { padding: 0; font-weight: bold; } div.resultpages span.next a { padding: 0; font-weight: bold; } div.resultpages span.nolink { color: #c4ddf2; font-weight: bold; } /* SIDE BAR PHOTO */ td.sidebar div.photo { margin-bottom: 16px; } /* td.sidebar div.photo img { width: 229px; } */ /* CALL TO ACTION */ div.calltoaction { width: auto; padding: 0; margin: 0; } div.calltoaction a { display: auto; clear:none; margin: 0; padding: 0; } div.calltoaction a:hover { text-decoration:none} a.send_brochure { background: none; } a.send_quotation { background: none; } a.buy_product { background: none; } a.contact { background: none; } div.calltoaction { padding: 5px 0 12px 10px; } div.calltoaction div.image { position: absolute; width: 25px; height: 25px; overflow: hidden; } div.calltoaction div.action, div.brochure, div.quotation, div.buyfromrs, div.contact { margin-bottom:15px; padding: 3px 0 0 27px; } div.calltoaction div.action { margin-bottom: 0; background: url("link") no-repeat; } div.brochure { background: url("link") no-repeat; } div.quotation { background: url("link") no-repeat; } div.buyfromrs { background: url("link") no-repeat; } div.contact { background: url("link") no-repeat; } div.calltoaction div.action a, div.brochure a, div.quotation a, div.buyfromrs a, div.contact a { padding: 0 3px 4px 5px; border-bottom: 1px solid #006ec7; float: left; display: inline; } /* CALL TO ACTION V2 */ div.calltoactionv2 { width:200px; padding: 5px 0 0 10px; margin-bottom:12px; } div.calltoactionv2 a { display:block; clear:both; margin-bottom:15px; padding: 3px 0 0 27px; cursor: hand; } div.calltoactionv2 a:hover { text-decoration:underline} a.send_brochurev2 { background: url("link") no-repeat; } a.send_quotationv2 { background: url("link") no-repeat; } a.buy_productv2 { background: url("link") no-repeat; } a.contactv2 { background: url("link") no-repeat; } div.calltoactionv2 a div.text { float:left; border-bottom: 1px solid #006ec7; padding: 0 3px 4px 5px; } /* FAMILY TABLE */ div#grouptable table { margin-top:1px; } div#grouptable th { text-align: center; padding:5px 0; font-size: 75%; } div#grouptable td { text-align: center; } div#grouptable td.valuecell { cursor: hand; cursor: pointer; } div#grouptable td.separator { width:1px; } div#grouptable th a { display: block; padding: 5px 5px 0; color: #4c5157; } div#grouptable td span.attribute { display: block; padding: 3px 5px; width: 130px; } div#grouptable th a { width: 120px; margin: 0 auto; } div#grouptable div.labels { float: left; width: 150px; padding-top: 1px; } div#grouptable div.labels table { width: 150px; font-weight: bold; background-color: #f2f3f4; } div#grouptable div.labels table td { border: 1px solid #d1d5da; margin-top:0; } div#grouptable div.labels table td#groupheading { background-color: #fff; border-bottom:none; /*border-right:none;*/ margin:-1px 0 0 -1px; display:block; } div#grouptable div.labels table td.mouseover { border-right: 1px solid #96a0ab; } div#grouptable div.values { width: 664px; /*margin-left: -1px;*/ padding:1px 0 1px 0; overflow: auto; } /* \*/ * html div#grouptable div.values { float: left; /*margin-left: -2px;*/ padding-bottom: 16px; width: 664px; overflow-y: hidden; overflow-x: auto; } /* */ *:first-child+html div#grouptable div.values { float: left; /*margin-left: -2px;*/ padding-bottom: 16px; width: 664px; overflow-y: hidden; overflow-x: auto; } @media all and (min-width: 0px) { div#grouptable div.values { width: 662px; } } html[xmlns*=""] body:last-child div#grouptable div.values { width: 665px; } body:first-of-type div#grouptable div.values { width: 664px; } div#grouptable div.values th { width: 115px; border-top: 1px solid #d1d5da; border-bottom: 1px solid #d1d5da; font-size: 70%; } div#grouptable div.values td { width: 115px; border-bottom: 1px solid #d1d5da; } div#grouptable div.values td.separator { width: 0; padding: 0; border-left: 1px solid #d1d5da; } div#grouptable div.values tr.image td img { margin: 5px; } div#grouptable div.values th.mouseover { border-top: 1px solid #96a0ab; } div#grouptable div.values th.mouseover a { text-decoration:underline; } div#grouptable div.values td.mouseover { border-bottom: 1px solid #96a0ab ! important; } div#grouptable div.values td.separator_mouseover { width: 0; padding: 0; border-left: 1px solid #96a0ab; } /* overflow fix */ table#groupnames td, table#groupnames td.nameRow span, table#groupnames td.heading span, div#grouptable td.valuecell, div#grouptable td.valuecell a, div#grouptable th.valuecell a, div#grouptable td.valuecell span { overflow: hidden; } /* negative margin fix */ td#separator1 { display: none; } /* PRODUCT DESCRIPTION */ div.product { line-height: 140%; } div.product h2 { padding: 16px 0 10px 0;} div.product div.image { float: left; width: 200px; } div.product div.description { margin: 0 10px 0 210px; } div.product div.description h3 { margin-bottom: 16px; } div.product div.symbols { margin: 0 10px 0 210px; padding-top: 8px; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.product div.description { height: 1%; margin-left: 0; } * html div.product div.symbols { height: 1%; margin-left: 0; } /* End hide from IE-mac */ div.product div.description li { padding: 0 0 0 12px; background: url("link") no-repeat 2px 4px; } div.largeimage { padding: 0 18px 8px 0; text-align: center; font-size: 90%; } div.largeimage a { padding: 0 0 0 12px; background: url("link") no-repeat 2px 1px; } /* TABS */ div.tabcontainer div.tabs { background: url("link") bottom repeat-x; } div.tabcontainer div.tabs td { width: 116px; cursor: pointer; cursor: hand; background: url("link") no-repeat bottom left; } div.tabcontainer div.tabs td div { background: url("link") no-repeat top left; } div.tabcontainer div.tabs td a { display: block; min-height: 22px; padding: 4px 4px 6px 4px; color: #484E54; text-align: center; text-decoration: none; font-weight: bold; font-size: 100%; } * html div.tabcontainer div.tabs td div a { height: 32px; } div.tabcontainer div.tabs td a:hover { text-decoration: underline; } div.tabcontainer div.tabs td.tabover { background-image: url("link"); } div.tabcontainer div.tabs td.selected { background-image: url("link"); } div.tabcontainer div.tabssub { padding: 7px 5px 8px 0; border-bottom: 1px solid #ccc; font-size: 100%; } div.tabcontainer div.tabssub a { padding: 1px 10px; border-right: 1px solid #ccc; } div.tabcontainer div.tabssub a.selected { color: #484E54; } /* TAB CONTENT */ div.tabcontainer div.tabcontent { border-left: 1px solid #b9bdc3; background-color:#fff; border-bottom: 1px solid #b9bdc3; } div.tabcontainer div.tabcontent div.margins { padding: 18px 11px; } div.tabcontainer div.tabcontent div.importedhtml font { font-size: 100%; color: #4C5157; } div.tabcontainer div.tabcontent div.importedhtml font strong { font-size: 115%; } div.tabcontainer div.tabcontent div.importedhtml th, div.tabcontainer div.tabcontent div.importedhtml td { border: 1px solid #fff; } div.tabcontainer div.tabcontent div.importedhtml th { padding: 2px 10px 3px 4px; text-align: left; color: #fff; font-weight: normal; } div.tabcontainer div.tabcontent div.importedhtml th font { color: #fff; } div.tabcontainer div.tabcontent div.importedhtml td { padding: 3px 10px 4px 4px; background-color: #ECF1F5; } div.tabcontainer div.tabcontent div.cyan th { background-color: #4BAE9B; } div.tabcontainer div.tabcontent div.darkkhaki th { background-color: #CDCC35; } div.tabcontainer div.tabcontent div.lightblue th { background-color: #8D9ACB; } div.tabcontainer div.tabcontent div.yellow th { background-color: #F7D53D; } div.tabcontainer div.tabcontent div.orange th { background-color: #DB8136; } div.tabcontainer div.tabcontent div.red th { background-color: #DC492E; } div.tabcontainer div.tabcontent div.blue th { background-color: #E2E9F9; } div.tabcontainer div.tabcontent div.green th { background-color: #E8F8E4; } div.tabcontainer div.tabcontent div.purple th { background-color: #ECE6F6; } /* DOCUMENTS AND MANUALS */ div.subtabcontent table.documents { width: 100%; } * html div.subtabcontent table.documents { width: 97%; } table.documents td { vertical-align: middle; } *:first-child+html table.documents td a { height: 16px;} table.documents td.title { padding-right: 10px; font-weight: bold; } table.documents td.title div.documenttitle { float: left; } table.documents td.title div.dclanguage { float: right; } table.documents td.languages { text-transform: uppercase; } table.documents td.item { padding-right: 10px; } table.documents td.block1 { background-color: #D9E7F7; width: 35px; height: 25px; text-align: center; border-left: 2px solid #fff; } table.documents td.block2 { background-color: #A7C8EB; width: 35px; height: 25px; text-align: center; border-left: 2px solid #fff; } table.documents td.block1 a, table.documents td.block2 a { display: block; width: 100%; } table.documents td a.more { display: block; width: 100%; padding: 0 0 0 20px; background: url("link") no-repeat 10px 2px; white-space: nowrap; font-weight: normal; } table.documents tr.spacer td { height: 20px; } /* RELATED TOPICS */ div.relatedtopics { border: 1px solid #a7c8eb; margin: -4px 0 14px; padding: 0 20px 0 10px; } div.relatedtopics h3 { margin: 0 -20px 6px -10px; padding: 3px 20px 4px 10px; border-bottom: 1px solid #a7c8eb; font-size: 100%; } div.relatedtopics a.relatedtopic {display:block; padding: 0 0 0 12px; background: url("link") no-repeat 2px 2px; } div.relatedtopics ul { margin-bottom:10px; } div.relatedtopics a.backlink {display:block; margin:5px 0 12px 0; } /* DOWNLOAD CENTRE */ form.downloadsearch { display: block; margin: 0 0 20px 0; } form.downloadsearch td { padding: 2px 10px 5px 0; } form.downloadsearch td td { padding: 0; } form.downloadsearch h3 { padding: 2px 0; } form.downloadsearch input.textfield { width: 142px; padding-right: 5px; } * html form.downloadsearch input.textfield { width: 151px; } form.downloadsearch select { width: 152px; padding-right: 0; } form.downloadsearch td.submit { padding-top: 0; } /* DOWNLOAD CENTRE SEARCH RESULTS */ div.dcsearchresult { border: 1px solid #a4a8ab; border-top: none; padding-left: 5px; } div.dcsearchresulttitle { padding: 15px 5px 5px 20px; } div.dcsearchresultcontent { /*height: 370px;*/ padding: 0 5px 5px 20px; border-top: 1px solid #3071b5; overflow:auto; } /* \*/ * html div.dcsearchresultcontent { overflow-y: auto; overflow-x: hidden; } /* */ *:first-child+html div.dcsearchresultcontent { overflow-y: auto; overflow-x: hidden; } div.dcsearchresult table.documents { margin: 10px 0; } div.dcsearchresult table.documents td.title, div.dcsearchresult table.documents td.item { width: 320px; } div.dcsearchresult table.documents td.block1 { width: 50px; border-left: 5px solid #fff; } div.dcsearchresult table.documents td.block2 { width: 50px; border-left: 5px solid #fff; } div.dcsearchresult table.documents td.divider { height: 10px; } /* DOWNLOAD CENTRE BROWSER */ div.downloadbrowse { border: 1px solid #A4A8AB; height: 472px; margin-top: -3px; padding-top: 8px; } div.downloadbrowse div.folders { float: left; height: 467px; width: 188px; padding: 0 2px 5px 10px; overflow: auto; } * html div.downloadbrowse div.folders {height: 472px; width: 200px; margin-right: -3px; } div.downloadbrowse div.captions { height: 62px; margin-left: 200px; border-left: 1px solid #A4A8AB; } * html div.downloadbrowse div.captions { margin-left: 197px; } div.downloadbrowse div.captions table { margin: 2px 0 0 10px; } div.downloadbrowse div.captions td.title { width: 270px; font-weight: bold; } div.downloadbrowse div.captions td.type { width: 100px;font-weight: bold; } div.downloadbrowse div.captions td.languages { width: 100px; font-weight: bold; } div.downloadbrowse div.captions td.filesize { width: 90px; font-weight: bold; } div.downloadbrowse div.captions select { margin: 10px 0 0 0; font-weight: normal; } div.downloadbrowse div.resultpane { height: 400px; padding: 5px 0 5px 12px; overflow:auto; border-top: 1px solid #A4A8AB; border-left: 1px solid #A4A8AB; } * html div.downloadbrowse div.resultpane { height: 410px; } div.downloadbrowse div.resultpane td { padding: 5px 0; } div.downloadbrowse div.resultpane td.title { width: 265px; padding-right: 5px; } * html div.downloadbrowse div.resultpane td.title { width: 270px; } div.downloadbrowse div.resultpane td.type { width: 100px; } div.downloadbrowse div.resultpane td.languages { width: 100px; } div.downloadbrowse div.resultpane td.icon { width: 22px; } div.downloadbrowse div.resultpane td.filesize { width: 55px; } /* XTREE */ div.webfx-tree-container { margin: 0; padding: 0; white-space: nowrap; } div.webfx-tree-item { padding: 0; margin: 0; font-size: 90%; white-space: nowrap; } div.webfx-tree-item a, div.webfx-tree-item a:active, div.webfx-tree-item a:hover { margin-left: 3px; padding: 1px 2px 1px 2px; } div.webfx-tree-item a { text-decoration: none; } div.webfx-tree-item a:hover { text-decoration: underline; } div.webfx-tree-item a:active { background: #006ec7; color: #fff; text-decoration: none; } div.webfx-tree-item img { vertical-align: middle; border: 0; } xdiv.webfx-tree-icon { width: 16px; height: 16px; } div.webfx-tree-item a.selected { background-color: #cde4f6; } div.webfx-tree-item a.selected-inactive { color: #006ec7; background-color: #e0eefa; } /* PLAIN TABLES */ table.plain { width: 100%; margin-bottom: 12px; } table.plain th { padding: 2px 10px 4px 6px; border-bottom: 2px solid #fff; text-align: left; background-color: #e6ebf1; } table.plain td { padding: 3px 10px 4px 6px; border-bottom: 2px solid #fff; background-color: #f4f8fb; } table.plain td.title { padding: 10px 3px 0 0; border: none; background: none; } table.plain .nobreak { white-space: nowrap; } /* SALES OFFICES */ table.contacts { width: 614px; border-left: 1px solid #a7c8eb; } table.contacts div.address { margin: 10px 0 8px 0; } table.contacts td { padding: 0 10px 0 12px; border-right: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; } table.contacts td.title {border-top: 1px solid #a7c8eb; } table.contacts h2 { margin: 0 -10px 0 -12px; padding: 3px 10px 4px 12px; color: #006ec7; font-size: 115%; } table.contacts div.details { display: inline; } table.contacts h3 { display: block; margin: 0 10px 10px 0; xcolor: #006ec7; } table.contacts img { float: left; margin: 2px 20px 0 0; width: 173px; } * html table.contacts img { margin-bottom: -8px; } table.contacts p { float: left; width: 195px; margin-bottom: 4px; } table.twocolumns td { width: 306px; } table.twocolumns div.details { display: block; margin: 0 5px 0 122px; } /* Hide from IE-mac - fix 3px float bug \*/ * html table.twocolumns div.details { height: 1%; margin-left: 0; } /* End hide from IE-mac */ table.twocolumns h3 { margin: 0 0 4px 0; } table.twocolumns img { margin-right: 12px; width: 110px; } table.twocolumns p { width: auto; float: none; } /* SITE MAP */ div.sitemap { margin: -10px -12px 0 -12px; } div.sitemap ul { margin: 0; } div.sitemap ul li { margin: 0; padding: 0; border-top: 2px solid #fff; background-color: #cde4f6; background-position: 12px 5px; width: 100%; } * html div.sitemap ul li { background-position: 12px 7px; } *:first-child+html div.sitemap ul li { background-position: 12px 7px; } div.sitemap ul li span { display: block; padding: 3px 0 4px 22px; line-height: 130%; font-weight:bold; width: 100%; } * html div.sitemap ul span { width: 100%; } *:first-child+html ul span { width: 100%; } div.sitemap ul ul { border-top: 2px solid #fff; } div.sitemap ul ul ul { margin-bottom: 0; border: none; } div.sitemap ul ul li { border: none; background: #e6f3fc url("link") no-repeat 35px 4px; width: 100%; } * html div.sitemap ul ul li { background-position: 35px 4px; } *:first-child+html div.sitemap ul ul li { background-position: 35px 5px; } div.sitemap ul ul li span { padding: 2px 0 2px 45px; width: 100%; } div.sitemap ul ul li a { xfont-weight: normal; xcolor: #4C5157; } div.sitemap ul ul li li { background-position: 72px 2px; width: 100%; } * html div.sitemap ul ul ul li { background-position: 72px 3px; } *:first-child+html div.sitemap ul ul ul li { background-position: 72px 4px; } div.sitemap ul ul ul li span { padding: 1px 0 1px 82px; width: 100%; } div.sitemap ul ul ul li { background-color:white; width: 100%; } /* FORMS STYLE */ form h2 { margin: 16px 0 8px 0; xcolor: #006ec7; font-size: 115%; } table.form { margin-left: -4px; } table.form tr { border-top: 1px solid #c9c9c9; } /* safari lets td alert overrule tr borders */ table.form tr.spacing { border-top: none; } * html table.form td { border-top: 1px solid #c9c9c9; } * html table.form tr.spacing td { border-top: none; } *:first-child+html table.form td { border-top: 1px solid #c9c9c9; } *:first-child+html table.form td td { border-top: none; } *:first-child+html table.form tr.spacing td { border-top: none; } table.form td { padding: 4px 4px; line-height: 18px; } table.form td.label { width: 130px; } table.form td.checkboxlabel { width: 208px; } table.form td.checkbox, table.form td.radio { text-align: right; width: 22px; } table.form td.required { width: 10px; color: #f30; padding: 3px 2px; } table.form td.value { width: 212px; padding-right: 0; } table.form td.message { width: 150px; } table.form td.widevalue td.label { width: 337px; } table.form td.widevalue td.message { width: 362px; } table.form tr tr { border-top: none; } table.form td td { padding: 0 4px 4px 0; border-top: none; } table.form td.big { padding-right: 0; width: 360px; } table.form td.big td.label { width: 136px; padding-left: 0; } table.form tr.alert td.label { border: 1px solid #f30; border-right: 0; } table.form tr.alert td.required { border: 1px solid #f30; border-left: 0; border-right: 0; } table.form tr.alert td.value { border: 1px solid #f30; border-left: 0; border-right: 0; } table.form tr.alert td.message { border: 1px solid #f30; border-left: 0; color: #f30; font-weight: bold; font-size: 59%; } table.form tr.alert td.widevalue { border: 1px solid #f30; border-left: 0; } table.form tr.alert td.widevalue td { border: 0; } table.form tr.alert td.big { border: 1px solid #f30; border-right: 0; } table.form tr.alert td.big td.label, table.form tr.alert td.big td.required, table.form tr.alert td.big td.value { border: 0; } table.form input.normal, table.form textarea.normal, table.form input.fileupload { width: 200px; } table.form select.normal { width: 205px; } * html table.form select.normal { width: 200px; } *:first-child+html table.form select.normal { width: 207px; } table.form input.readonly { background-color: white; border: 2px solid white; } table.form input.smalldate { width: 105px; margin-right: 2px; } table.form input.date { width: 132px; margin-right: 2px; } table.form input.datebutton { width: 66px; background-image: url("link"); padding-left: 17px; text-align: left; background-repeat: no-repeat; background-position: 1px 1px; } * html table.form input.datebutton { background-position: 0 0; } table.form tr.submit td { padding-top: 15px; } table.form tr.submit td td { padding-top: 0; } table.button { display: inline; margin-right: 5px; } table.button td { padding: 0; height: 21px; background: url("link") no-repeat top right; } /* Disable the background for Safari 2. */ html[xmlns*=""] body:last-child table.button td { background: none; margin-top: 2px; } /* Re-enable the background for Safari 3.1+. */ html[xmlns*=""] body:first-of-type table.button td { background: url("link") no-repeat top right; } table.button input.submit { height: 21px; margin: 0; padding: 0 12px 1px 12px; background: url("link") no-repeat top left; border: none; font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #6e6e6e; font-size: 110%; } * xhtml table.button { padding-top: 1px; } * html table.button input.submit { padding: 1px 6px; } /* GOOGLE */ div.google { } div.google table.searchform { margin: 0 0 20px 0; } div.google table.searchform td.label { padding: 5px 10px 2px 0; } div.google table.searchform td.choice label { padding-right: 5px; } div.google table.searchform td.choice { padding-right: 5px; } div.google table.searchform input.searchbox { margin: 1px 3px 0 0; font-size: 110%; width: 150px; } * html div.google table.searchform input.searchbox { margin-top: 0; font-size: 110%; } div.google table.searchform select { margin: 1px 10px 0 0; font-size: 110%; } div.google div.divider { height: 10px; border-bottom: 1px solid #ccc; overflow: hidden; } div.google div.indented { margin-left: 2.5em; } div.google a { font-weight: normal; } div.google h3 { margin: 14px 0 0 0; font-size: 110%; } div.google h3 a { color: #0055c4; font-weight: bold } div.google span.additional { white-space: nowrap; } div.google span.url, div.google span.url b { color: #008000; font-weight: normal; } div.google div.resultpages { padding: 24px 0 0; text-align: center; } div.google div.sortby { padding: 10px 0 0; } div.google div.filtered { padding: 20px 0 0; font-size: 110%; } div.google div.noresults { padding: 10px 0 0; } div.google div.noresults ul { margin: 3px 0 0; } div.google div.spelling, div.google div.synonyms { padding: 10px 0 15px; font-size: 110%; color: #cc0000; } div.google div.spelling a, div.google div.synonyms a { font-weight: bold; font-style: italic; } div.google div.powered { padding: 24px 0 0; } div.google div.powered img { vertical-align: middle; } /* POP UP STYLE */ table.popup { height: 100%; width: 100%; } table.popup td.header { background-color: #f9f9f9; } table.popup td.footer { vertical-align: bottom; background-color: #f9f9f9; } table.popup td.footer div.footer { height: auto; min-height: 54px; } table.popup td.footer div.links { text-align: left; margin: 9px 18px 10px 18px; } table.popup div.header { height: auto; } table.popup div.header div.description { padding: 60px 18px 20px 18px; color: #4C5157; } table.popup { } /* POP UP DISTRIBUTORS */ table.buylist { width: 100%; } table.buylist h3 { margin: 15px 15px 10px 18px; } table.buylist td.name { padding: 2px 0 2px 18px; } table.buylist td.name img { width: 60px; border: 1px solid #ccc; float: left; } table.buylist div.name { margin: 3px 5px 3px 70px; } table.buylist div.link { float: right; margin-left: 5px; } table.buylist div.link a { margin-right: 15px; padding: 3px 4px 3px 30px ; line-height: 24px; color: #fff; background: #0055c4 url("link") no-repeat top left; white-space: nowrap; } table.buylist td.divider { height: 15px; border-bottom: 1px solid #ccc; overflow: hidden; } /* EXPERT AREA LANDING */ table.landing td.landingbig { margin: 0 -50px 0 0; } h2.overview { margin: 0 0 14px 0; color: #006ec7; font-size: 115%; line-height: 150%; } /* EXPERT AREA SYMBOLS */ table.landing h2 span.industry { padding-left: 22px; display: block; background: url("link") top left no-repeat; } table.landing h2 span.application { padding-left: 22px; display: block; background: url("link") top left no-repeat; } table.landing h2 span.technology { padding-left: 22px; display: block; background: url("link") top left no-repeat; } table.landing h2 span.cases { padding-left: 22px; display: block; background: url("link") top left no-repeat; } table.landing h2 span.products { padding-left: 22px; display: block; background: url("link") top left no-repeat; } table.listing { margin-bottom: 24px; } table.listing h2 span.industry { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.listing h2 span.application { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.listing h2 span.technology { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.listing h2 span.cases { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.listing h2 span.products { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.relproductlisting h2 span.industry { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.relproductlisting h2 span.application { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.relproductlisting h2 span.technology { display: block; padding-left: 22px; background: url("link") top left no-repeat; } table.relproductlisting h2 span.cases { display: block; padding-left: 22px; background: url("link") top left no-repeat;} table.relproductlisting h2 span.products { display: block; padding-left: 22px; background: url("link") top left no-repeat; } /* EXPERT AREA SMALL LISTING */ table.smalllisting { margin-bottom: 24px; width: 100%;} table.smalllisting td { padding: 0 12px 4px 12px; border-left: 1px solid #a7c8eb; border-right: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; } table.smalllisting h3 { margin: 0 -12px 10px -12px; padding: 3px 20px 4px 12px; border-top: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; color: #006ec7; font-size: 115%; } table.smalllisting h3 span{ color: #006ec7; display: block; } table.smalllisting h3 span.industry { padding-left: 22px; background: url("link") top left no-repeat; } table.smalllisting h3 span.application { padding-left: 22px; background: url("link") top left no-repeat; } table.smalllisting h3 span.technology { padding-left: 22px; background: url("link") top left no-repeat; } table.smalllisting h3 span.cases { padding-left: 22px; background: url("link") top left no-repeat; } table.smalllisting ul.smalllist { width: 205px; } /* EXPERT AREA ITEMS */ div.expertareaitem { line-height: 140%; margin-bottom: 18px; } div.expertareaitem span.description { padding: 0 0 4px 0; margin: 0 0 0 82px; display: block; font-weight: normal; } * html div.expertareaitem span.description { text-decoration: none; } div.expertareaitem a { text-decoration: none; color: #4C5157; } * html div.expertareaitem a:hover { text-decoration: underline; cursor: hand; } div.expertareaitem span.image { display: block; float: left; width: 77px; margin: 5px 0 0 0; padding: 0 5px 0 0; overflow: hidden; } * html div.expertareaitem span.image { width: 82px; } div.expertareaitem span.heading { display: block; margin: 0 0 0 82px; padding: 5px 0 5px 0; font-weight: bold; } div.expertareaitem a:hover span.heading { text-decoration: underline; } div.expertareaitem span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.expertareaitem span.heading { height: 1%; margin-left: 0; } * html div.expertareaitem span.description { height: 1%; margin-left: 0; } /* End hide from IE-mac */ div.expertareaitem span.title { display: block; padding: 0 0 3px 0; font-size: 100%; } div.expertareaitem a:hover span.title { text-decoration: underline; } /* EXPERT AREA APPLICATION ITEM - WITHOUT IMAGES */ div.applicationitem { line-height: 140%; margin-bottom: 5px; } div.applicationitem span.description { padding: 0 0 4px 0; margin: 0; display: block; font-weight: normal; } * html div.applicationitem span.description { text-decoration: none; } div.applicationitem a { text-decoration: none; color: #4C5157; } * html div.applicationitem a:hover { text-decoration: underline; cursor: hand; } div.applicationitem span.heading { display: block; margin: 0; padding: 5px 0 5px 0; font-weight: bold; } div.applicationitem a:hover span.heading { text-decoration: underline; } div.applicationitem span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.applicationitem span.heading { height: 1%; margin-left: 0; } * html div.applicationitem span.description { height: 1%; margin-left: 0; } /* End hide from IE-mac */ /* EXPERT AREA RELATED PRODUCTS */ div.expertareaproduct { line-height: 140%; width: 210px; padding: 0 10px 0 12px; float: left; margin: 0; clear: none; } div.expertareaproduct span.description { padding: 0 0 4px 0; margin: 0 0 0 82px; display: block; font-weight: normal; } * html div.expertareaproduct span.description { text-decoration: none; } div.expertareaproduct a { text-decoration: none; color: #4C5157; } * html div.expertareaproduct a:hover { text-decoration: underline; cursor: hand; } div.expertareaproduct span.image { display: block; float: left; width: 77px; margin: 7px 0 0 0; padding: 0 5px 0 0; } * html div.expertareaproduct span.image { width: 82px; margin: 9px 0 0 0; } *:first-child+html div.expertareaproduct span.image { margin: 9px 0 0 0; } div.expertareaproduct span.heading { display: block; margin: 0 0 0 82px; padding: 5px 0 5px 0; font-weight: bold; } div.expertareaproduct a:hover span.heading { text-decoration: underline; } div.expertareaproduct span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.expertareaproduct span.heading { height: 1%; margin-left: 0; } * html div.expertareaproduct span.description { height: 1%; margin-left: 0; } /* End hide from IE-mac */ div.expertareaproduct span.title { display: block; padding: 0 0 3px 0; font-size: 100%; } div.expertareaproduct a:hover span.title { text-decoration: underline; } table.relproductlisting { margin-bottom: 12px; border-left: 1px solid #a7c8eb; border-right: 1px solid #a7c8eb; } table.relproductlisting td { width: 464px; padding: 12px 50px 4px 12px; border-bottom: 1px solid #a7c8eb; } table.relproductlisting td.headcont { border-bottom: 1px solid #a7c8eb; padding: 0; } table.relproductlisting h2 { margin: 0; padding: 3px 0 4px 12px; border-top: 1px solid #a7c8eb; color: #006ec7; font-size: 115%; } * html table.relproductlisting h2 { margin-right: -62px; } *:first-child+html table.relproductlisting h2 { margin-right: -62px; } /* EXPERT AREA APPLICATIONS */ table.application_holder { width: 362px; margin-right: -30px; } table.application_holder td { border: none; margin: 0; padding: 0 15px 0 0; width: 50%; } table.application_holder a { font-weight: normal; } table.application_holder a.lastapp { font-weight: bold; } /* EXPERT AREA CASES */ table.cases_holder { width: 362px; margin-bottom: 5px; margin-right: -30px; } table.cases_holder td { border: none; margin: 0; } table.cases_holder td.lineh { background: url("link") center center repeat-x; padding: 0; margin: 0; border: none; width: 173px; height: 20px; } table.cases_holder td.linevert { background: url("link") center center repeat-y; padding: 0; margin: 0; border: none; width: 20px; } table.cases_holder td.linecross { padding: 0; margin: 0; border: none; width: 20px; height: 20px; } table.cases_holder td.leftcase { width: 163px; padding: 0 10px 0 0; } table.cases_holder td.rightcase {width: 163px; padding: 0 5px 0 5px; } table.cases_holder td.bottomcase {padding-bottom: 10px; } table.cases_holder td.topcase {padding-top: 5px; } table.cases_holder a { font-weight: bold; color: #4C5157; text-decoration: none; } table.cases_holder a:hover { text-decoration: underline; } table.cases_holder a span.more { color: #006ec7; font-size: 90%; font-weight: normal; text-decoration: none; } /* EXPERT AREA CASETABLE */ table.caseheading { margin-bottom: 14px; } table.caseheading img { margin-right: 10px; } table.caseheading td { margin: 0; padding: 0; } table.caseheading td.valign { vertical-align: middle; } /* EXPERT AREA INTERESTING TO KNOW */ div.interesting div.alertblock { background-color: #f5fafd; border:1px solid #a7c8eb; padding: 5px 5px 7px 15px; margin: 5px 0 24px 0; } div.interesting div.alertblock a{ color: #4C5157; } div.interesting div.alertblock span.title { display: block; padding: 0 0 3px 0; font-size: 105%; font-weight:bold; } div.interesting div.alertblock span.description { display: block; font-weight: normal; } div.interesting div.alertblock span.more { color: #006ec7; font-size: 90%; } * html div.interesting div.alertblock a:hover { text-decoration: none; cursor: hand; } * html div.interesting div.alertblock span.description { text-decoration: none; } /* EXPERT AREA INFO TABS */ div.infosmalltabs { width: 522px; background: url("link") bottom repeat-x; margin-bottom: 12px; } div.infosmalltabs td { width: 83px; cursor: pointer; cursor: hand; background: url("link") no-repeat bottom left; } div.infosmalltabs td div { background: url("link") no-repeat top left; } div.infosmalltabs td a { display: block; min-height: 13px; padding: 4px 4px 6px 4px; color: #484E54; text-align: center; text-decoration: none; font-weight: bold; font-size: 90% } * html div.infosmalltabs td div a { height: 23px; font-size: 90%; } div.infosmalltabs td a:hover { text-decoration: underline; } div.infosmalltabs td.tabover { background-image: url("link"); } div.infosmalltabs td.selected { background-image: url("link"); } /* EXPERT AREA RELATED TABS */ table.relatedlisting td { padding-top: 14px; } div.relatedtabcontainer { width: 528px; margin: 0; padding: 0; background: url("link") bottom repeat-x; } table.relatedtabs { width: 528px; margin: 0; padding: 0;} table.relatedtabs td { width: 175px; padding: 0; margin: 0; cursor: pointer; cursor: hand; background: url("link") no-repeat bottom left; } * html table.relatedtabs td { height: 27px; } table.relatedtabs td div { background: url("link") top left no-repeat; } table.relatedtabs td a { display: block; min-height: 16px; padding: 6px 4px 4px 4px; color: #484E54; text-align: center; text-decoration: none; font-weight: bold; font-size: 100%; color: #006ec7; } table.relatedtabs td a.tab_application { background: url("link") 12px 5px no-repeat; } table.relatedtabs td a.tab_technology { background: url("link") 12px 5px no-repeat; } table.relatedtabs td a.tab_case { background: url("link") 12px 5px no-repeat; } table.relatedtabs td a.tab_industry { background: url("link") 12px 5px no-repeat; } table.relatedtabs td a.tab_product { background: url("link") 12px 5px no-repeat; } table.relatedtabs td a:hover { text-decoration: underline; } table.relatedtabs td.tabover { background: url("link") no-repeat bottom left; } table.relatedtabs td.selected { background: url("link") no-repeat bottom left;} div.tabcontent { padding: 0 0 0 1px; } * html div.tabcontent { padding: 0; } *:first-child+html div.tabcontent { padding: 0; } html[xmlns*=""] body:last-child div.tabcontent { padding: 0; } body:first-of-type div.tabcontent { padding: 0; } table.relatedtabs td.tab_hidden { visibility: hidden;} table.relatedtabs td a.tab_hidden { visibility: hidden;} /* EXPERT AREA SPECIAL ELEMENTS */ img.clearnone { float: left; clear: none; margin: 0 14px 14px 0; } img.caseheading { float: left; clear: left; margin: 4px 10px 0 0; } div.marginfix { margin-bottom: 10px; } img.marginfix { margin-bottom: 10px; } /* EXPERT AREA SIDEBAR BANNER */ div.sidebanner { border: 1px solid #a7c8eb; margin: 5px 0 24px 0; } div.sidebanner a { border: none; text-decoration: none; margin: 0; padding: 0; } div.sidebanner a img { border: none; outline: none; } /* COUNTRY SELECT */ td.countryselect { padding-top: 0; } td.countryselectintro, td.countryselectintro p { padding-bottom: 0; } td.countrysidebar { width: 315px; padding: 0 12px 16px 12px; } div.countrylist table { width: 100%; } div.countrylist table td { padding: 16px 0 16px 0; width: 33%; } div.countrylist a:hover { cursor: pointer; } div.backbutton-top { position: absolute; padding: 0 0 10px 0; margin: 0; z-index: 10; background-color: #fff; } span.countryitem { line-height: 140%; margin-bottom: 8px; display: block; width: 289px; } span.countryitem span.description { padding: 0 0 4px 0; margin: 0; display: block; font-weight: normal; } * html span.countryitem span.description { text-decoration: none; } span.countryitem ul { padding: 0; margin: 0; overflow: hidden; width: 280px; } span.countryitem span.image { display: block; float: right; width: 117px; margin: 5px 0 0 10px; padding: 0; } * html span.countryitem span.image { width: 82px; } span.countryitem span.heading { display: block; margin: 0; padding: 5px 0 5px 0; font-weight: bold; } span.countryitem a:hover span.heading { text-decoration: underline; } span.countryitem span.more { color: #006ec7; font-size: 90%; } /* Hide from IE-mac - fix 3px float bug \*/ * html div.countryitem span.heading { height: 1%; margin-left: 0; } * html div.countryitem span.description { height: 1%; margin-left: 0; } /* End hide from IE-mac */ /* CONTACT SELECT */ table.contactlisting { width: 100%; margin: 0; } table.contactlisting td { width: 50%; padding: 0 11px; } table.contactlisting td.separator { border-right: 1px solid #A7C8EB; padding: 0; } table.contactlisting ul { margin: 0; padding: 0; } table.contactlisting ul li { margin: 0 0 2px 0; } table.contactlisting ul li a { background: #fff; padding-right: 4px; } table.contactlisting ul li.selected div { background: url("link") center left no-repeat; } td.contactcell { padding-bottom: 30px; } div.contactaddress { margin: 0 0 5px 0; width: 300px; } div.contactaddress span.image { margin-left: 5px; float: right; clear: both; } /* PARAMETRIC PRODUCT LISTS */ div.parametricproducts { width: 100%; margin: 5px 0 0 0; } div.parametricproducts a { width: 100px; padding: 0px; margin: 5px 5px 0 0; font-weight: normal; font-size: 90%; color: #4c5157; display: block; overflow: hidden; float:left; text-align: center; } div.parametricproducts a img { display: block; margin: 0 auto; } div.parametricproducts div { padding: 0 0 5px 10px; border: 2px solid; } div.parametricproducts div.cyan { border-color: #4BAE9B; } div.parametricproducts div.darkkhaki { border-color: #CDCC35; } div.parametricproducts div.lightblue { border-color: #8D9ACB; } div.parametricproducts div.yellow { border-color: #F7D53D; } div.parametricproducts div.orange { border-color: #DB8136; } div.parametricproducts div.red { border-color: #DC492E; } div.parametricproducts div.blue { border-color: #E2E9F9; } div.parametricproducts div.green { border-color: #E8F8E4; } div.parametricproducts div.purple { border-color: #ECE6F6; } /* DATE PICKER */ .datePicker { position:absolute; left:558px; border: 1px solid WindowText; background: Window; width: 170px; padding: 0; cursor: default; -moz-user-focus: normal; line-height:12px; margin-top:-18px; } * html div.datePicker{ margin-top:0; left:560px; } /* IE6 */ *:first-child+html div.datePicker { margin-top:0; left:560px; } /* IE7 */ .datePicker td { font: smallcaption; font: small-caption; text-align: center; color: WindowText; cursor: default; line-height:18px ! important; font-weight: normal !important; -moz-user-select: none; padding: 0 ! important; } .datePicker td.red { color: red; } .datePicker .header { background: ActiveCaption; background-image: none; border-top:none; color:none; height:20px; overflow:hidden;border-bottom: 1px solid WindowText; } .datePicker .headerTable { width: 164px; height:14px; margin: 3px; line-height:16px; } .datePicker .footer { margin:0; height:auto; padding: 3px; } .datePicker .footerTable { width: 100%; } .datePicker .grid { padding: 3px; } .datePicker .gridTable { width: 160px; overflow:hidden; } .datePicker .gridTable td { width: 14.3%; padding:0 ! important; } .datePicker .gridTable .daysRow td { font-weight: bold !important; border-bottom: 1px solid ThreeDDarkShadow; } .datePicker .grid .gridTable .upperLine { width: 100%; height: 2px; overflow: hidden; background: transparent; } .datePicker td.today { font-weight: bold !important; } .datePicker td.selected { background: Highlight; color: HighlightText !important; } .datePicker td.labelContainer { width: 100%; line-height:12px ! important; } .datePicker td .topLabel { color: CaptionText; display: block; font-weight: bold !important; width: 100%; text-decoration: none; } .datePicker td.filler { width: 100%; } .datePicker button { border-width: 1px; font: Caption; font-weight: normal !important; display: block; } .datePicker .previousButton, .datePicker .nextButton { width: 14px; height: 14px; } .datePicker .todayButton,.datePicker .noneButton { width: 50px; } .datePicker .labelPopup { position: absolute; min-width: 130px; background: Window; border: 1px solid WindowText; padding: 1px; } .datePicker .labelPopup a { width: 100%; display: block; color: WindowText; text-decoration: none; white-space: nowrap; } .datePicker .labelPopup a:hover { background: Highlight; color: HighlightText; } .datePicker .labelPopup a.selected { font-weight: bold; } .datePicker .previousButton { background: buttonface url("link") no-repeat center center; } .datePicker .nextButton { background: buttonface url("link") no-repeat center center; } /* PRODUCT FEATEURE BANNERS */ div.featurebanners { border-top: 1px solid #a7c8eb; border-bottom: 1px solid #a7c8eb; } div.featurebanners div.maxheight { height: 279px; overflow: hidden; } div.featurebanners div.banners { width: 979px; overflow: hidden; } div.featurebanners div.buttons { position: absolute; left: 759px; } div.featurebanners div.buttons a { display: block; height: 55px; width: 230px; border-bottom: 1px solid #a7c8eb; border-left: 1px solid #a7c8eb; color: #006ec7; line-height: 130%; cursor: pointer; cursor: hand; } * html div.featurebanners div.buttons a { height: 56px; } div.featurebanners div.buttons div.ending { height: 300px; border-left: 1px solid #a7c8eb; } div.featurebanners div.buttons div.ending div.shade { height: 300px; width: 242px; } div.featurebanners div.buttons a span.shade { position: absolute; display: block; z-index: 1; width: 242px; height: 56px; } div.featurebanners div.buttons a span.title { position: relative; display: block; z-index: 2; height: 43px; padding: 5px 10px 3px; overflow: hidden; } * html div.featurebanners div.buttons a span.title { height: 51px; } div.featurebanners div.buttons a span.shade, div.featurebanners div.buttons div.ending div.shade { background-color: #fff; filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7; } div.featurebanners div.buttons a.selected { color: #fff; background-color: none; border-left: none; } div.featurebanners div.buttons a.selected span.shade { background: none; } div.featurebanners div.buttons span.topcorner { display: none; position: absolute; height: 10px; width: 8px; margin-top: -10px; background: url("link") 0 0 no-repeat; } div.featurebanners div.buttons span.bottomcorner { display: none; position: absolute; height: 10px; width: 8px; margin-top: 55px; background: url("link") 0 0 no-repeat; } div.featurebanners div.buttons a.selected span.topcorner { display: block; } div.featurebanners div.buttons a.selected span.bottomcorner { display: block; } div.featurebanners div.buttons a.first span.topcorner { display: none; } div.featurebanners div.buttons a.fifth span.bottomcorner { display: none; } div.featurebanners div.buttons a.sixth span.bottomcorner { display: none; } /* CONTACT ACTIONS */ div.contactactions { padding: 10px 0; } div.contactactions div.action { padding: 0 0 10px 0; } div.contactactions p { } div.contactactions div.heading { border-bottom: 1px solid #a7c8eb; height: 24px; overflow: hidden; } div.contactactions div.heading div.icon { border: 1px solid #a7c8eb; border-bottom: none; float: left; } div.contactactions div.heading h2 { margin-left: 35px; padding: 3px 0 0 0; color: #006ec7; font-size: 120%; line-height: 140%; } * html div.contactactions div.heading h2 { padding-top: 1px; } div.contactactions div.heading h2.hand { cursor: pointer; cursor: hand; } div.contactactions div.description { padding: 8px 0 0 35px; line-height: 140%; } div.contactactions div.hand { cursor: pointer; cursor: hand; } div.contactactions div.steps { padding: 0 0 10px 35px; line-height: 140%; } div.contactactions div.steps h2 { padding: 0 0 4px 0; line-height: 140%; font-size: 110%; } div.contactactions table.form td { border-top: 1px solid #fff; } /* switch off grey dividers */ /* INLINE FORMS */ div.overlay { display: none; height: 100%; width: 100%; position: relative; left: 0px; top: 0px; background-color: #FFFFFF; } div.loading { width: 24px; height: 24px; position: relative; } div.inlineform table.form td { border-top: 1px solid #fff; } /* switch off grey dividers */ /* CONTACT ACTIONS */ div.contactactions { padding: 5px 0; } div.contactactions div.action { padding: 15px 0 0 0; } div.contactactions p { } div.contactactions div.heading { border-bottom: 1px solid #a7c8eb; height: 24px; overflow: hidden; } div.contactactions div.heading div.icon { border: 1px solid #a7c8eb; border-bottom: none; float: left; } div.contactactions div.heading h2 { margin-left: 35px; padding: 3px 0 0 0; color: #006ec7; font-size: 120%; line-height: 140%; } * html div.contactactions div.heading h2 { padding-top: 1px; } div.contactactions div.heading h2.hand { cursor: pointer; cursor: hand; } div.contactactions div.description { padding: 0 0 0 35px; line-height: 140%; } div.contactactions div.description p { margin: 0; padding: 8px 0 14px 0; } div.contactactions div.hand { cursor: pointer; cursor: hand; } div.contactactions div.steps { padding: 0 0 0 35px; line-height: 140%; } div.contactactions div.steps h2 { padding: 0 0 4px 0; line-height: 140%; font-size: 110%; }