/* INIT ------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } td { padding: 2px; border: 1px solid #ccc; } table.layout, table.layout td { border: 0; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body { margin: 0; padding: 0; font: 100% verdana,helvetica,arial,sans-serif; background: #fff url(../images/bg_body.gif) repeat-x top center; color: #333; text-align: center; } .clear { width: 100%; height: 1px; overflow: hidden; clear: both; } .tall { height: 10px; } #container { width: 759px; margin: 0 auto; text-align: left; position: relative; } /* NAV ------------------------------------------------*/ #header { height: 128px; overflow: hidden;} #header #logo_en { background: transparent url(../images/logo_header_en.png) no-repeat 0 -3px; height: 128px; } #header #logo_es { background: transparent url(../images/logo_header_es.png) no-repeat 0 -3px; height: 128px; } #header #logo_de { background: transparent url(../images/logo_header_de.png) no-repeat 0 -3px; height: 128px; } #header #logo_it { background: transparent url(../images/logo_header_it.png) no-repeat 0 -3px; height: 128px; } #header #logo_fr { background: transparent url(../images/logo_header_fr.png) no-repeat 0 -3px; height: 128px; } #header #homelink { display: block; text-decoration: none; width: 345px; height: 128px; } #header form input#searchbox { font-size: 80%; color: #333; border: 1px solid #999; padding: 1px; width: 146px; } #header form { position: absolute; top: 90px; right: 20px; width: 195px; } #header #topbar-search #searchbox { float: left; } #header #topbar-search #searchbtn { float: right; } #header #contact { position: absolute; top: 20px; right: 20px; font-size: 80%; line-height: 1.4; } #header #contact p { text-align: right; font-weight: bold; color: #1b2760; } #header #contact a:link, #header #contact a:visited { color: #36489d; } #header #contact a:hover, #header #contact a:active { color: #333; } /* NAV ------------------------------------------------*/ #nav { height: 28px; } #nav .endcap { display: inline; float: left; } #nav ul { width: 759px; background-color: transparent; color: #fff; float: left; list-style-type: none; padding: 0; margin: 0; display: inline; } #nav li { float: left; } #nav li a { display: block; height: 28px; color: #fff; text-indent: -999em; background-position: 0 0; overflow: hidden; } #nav li a:hover { background-position: 0 -28px; } /*English*/ #nav li a#home_en { background-image: url(../images/n_home_en.gif); width: 83px; } #nav li a#products_en { background-image: url(../images/n_products_en.gif); width: 120px; } #nav li a#applications_en { background-image: url(../images/n_applications_en.gif); width: 145px; } #nav li a#bespoke_en { background-image: url(../images/n_bespoke_en.gif); width: 118px; } #nav li a#news_en { background-image: url(../images/n_news_en.gif); width: 71px; } #nav li a#about_en { background-image: url(../images/n_about_us_en.gif); width: 105px; } #nav li a#contact_en { background-image: url(../images/n_contact_en.gif); width: 117px; } /*Spanish*/ #nav li a#home_es { background-image: url(../images/n_home_es.gif); width: 74px; } #nav li a#products_es { background-image: url(../images/n_products_es.gif); width: 104px; } #nav li a#applications_es { background-image: url(../images/n_applications_es.gif); width: 115px; } #nav li a#bespoke_es { background-image: url(../images/n_bespoke_es.gif); width: 110px; } #nav li a#news_es { background-image: url(../images/n_news_es.gif); width: 82px; } #nav li a#about_es { background-image: url(../images/n_about_us_es.gif); width: 170px; } #nav li a#contact_es { background-image: url(../images/n_contact_es.gif); width: 104px; } /*German*/ #nav li a#home_de { background-image: url(../images/n_home_de.gif); width: 77px; } #nav li a#products_de { background-image: url(../images/n_products_de.gif); width: 106px; } #nav li a#applications_de { background-image: url(../images/n_applications_de.gif); width: 142px; } #nav li a#bespoke_de { background-image: url(../images/n_bespoke_de.gif); width: 105px; } #nav li a#news_de { background-image: url(../images/n_news_de.gif); width: 124px; } #nav li a#about_de { background-image: url(../images/n_about_us_de.gif); width: 98px; } #nav li a#contact_de { background-image: url(../images/n_contact_de.gif); width: 107px; } /*Italian*/ #nav li a#home_it { background-image: url(../images/n_home_it.gif); width: 83px; } #nav li a#products_it { background-image: url(../images/n_products_it.gif); width: 114px; } #nav li a#applications_it { background-image: url(../images/n_applications_it.gif); width: 141px; } #nav li a#bespoke_it { background-image: url(../images/n_bespoke_it.gif); width: 116px; } #nav li a#news_it { background-image: url(../images/n_news_it.gif); width: 91px; } #nav li a#about_it { background-image: url(../images/n_about_us_it.gif); width: 99px; } #nav li a#contact_it { background-image: url(../images/n_contact_it.gif); width: 115px; } /*French*/ #nav li a#home_fr { background-image: url(../images/n_home_fr.gif); width: 97px; } #nav li a#products_fr { background-image: url(../images/n_products_fr.gif); width: 100px; } #nav li a#applications_fr { background-image: url(../images/n_applications_fr.gif); width: 131px; } #nav li a#bespoke_fr { background-image: url(../images/n_bespoke_fr.gif); width: 107px; } #nav li a#news_fr { background-image: url(../images/n_news_fr.gif); width: 115px; } #nav li a#about_fr { background-image: url(../images/n_about_us_fr.gif); width: 101px; } #nav li a#contact_fr { background-image: url(../images/n_contact_fr.gif); width: 108px; } /* HEADER IMAGE ------------------------------------------------*/ #headerimage { margin-top: 1px; position: relative; width: 759px; height: 161px; overflow: hidden; background-repeat: no-repeat; background-position: left top; } #headerimage img { display: none; border: 0; position: absolute; z-index: 5; top: 0; left: 0; margin: 0; padding: 0; } #headerimagecorners { position: absolute; z-index: 20; left: 0; top: 141px; width: 759px; height: 20px; background: url(../images/bg_bottomcorners.png) no-repeat left top; } #headerimage .inner { position: absolute; z-index: 10; left: 489px; top: 0; width: 270px; height: 161px; overflow: hidden; background-image: url(../images/bg_black_tint.png); } #headerimage .inner p { line-height: 1.3; color: #fff; margin: 0; padding: 10px; font-size: 95%; } /* BREADCRUMB ------------------------------------------------*/ #breadcrumb { font-size: 70%; color: #000; padding: 0.7em 15px; } #breadcrumb ul, #breadcrumb li { display: inline; margin: 0; padding: 0; } #breadcrumb a:link, #breadcrumb a:visited { color: #19265e; text-decoration: underline; } #breadcrumb a:hover, #breadcrumb a:active { color: #777; text-decoration: none; } #breadcrumb strong { font-weight: normal; color: #000; } /* CONTENT ------------------------------------------------*/ #content { width: 759px; font-size: 75%; } #content a:link { color: #05a; text-decoration: underline; } #content a:visited { color: #333; text-decoration: underline; } #content a:hover, #content a:active { color: #777; text-decoration: none; } #content h1 { text-transform: uppercase; padding: 5px 15px; background: #384b8d url(../images/bg_h1.gif) no-repeat; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; font-size: 110%; margin: 0; } #content h2 { margin: 0.2em 0 0.8em; color: #384b8d; font-weight: bold; font-size: 110%; } #content h3 { font-weight: bold; color: #384b8d; font-size: 100%; } #content .box { background: #e1e4ee; color: #000; padding: 5px 15px 10px; line-height: 1.4; } #content ul { list-style: square; margin: 0 0 1em 0; padding: 0 0 0 1.5em; } #content p { margin: 0 0 1em; } #content strong { font-weight: bold; } #content em { font-style: italic; } #content td { } /* HOME SPECIALS ------------------------------------------------*/ #sample-evaluation_en { width: 760px; height: 34px; background: transparent url(../images/sample_banner_en.gif) no-repeat; margin-top: 10px; } #sample-evaluation_es { width: 760px; height: 34px; background: transparent url(../images/sample_banner_es.gif) no-repeat; margin-top: 10px; } #sample-evaluation_de { width: 760px; height: 34px; background: transparent url(../images/sample_banner_de.gif) no-repeat; margin-top: 10px; } #sample-evaluation_it { width: 760px; height: 34px; background: transparent url(../images/sample_banner_it.gif) no-repeat; margin-top: 10px; } #sample-evaluation_fr { width: 760px; height: 34px; background: transparent url(../images/sample_banner_fr.gif) no-repeat; margin-top: 10px; } #sample-evaluation_en a, #sample-evaluation_es a, #sample-evaluation_de a, #sample-evaluation_it a, #sample-evaluation_fr a { display: block; width: 760px; height: 34px; } #services { width: 759px; background-image: url(../images/service_bg.gif); background-repeat: repeat-y; float: left; } #services .service { width: 253px; float: left; position: relative; } #services .service h2 { position: relative; text-indent: -999em; margin: 0; padding: 0; height: 25px; overflow: hidden; } #services .service h2 a { position: absolute; display: block; left: 0; top: 0; width: 253px; height: 25px; } #services .service .inner, #recent .inner { position: relative; line-height: 1.5; font-size: 95%; padding: 5px 10px 20px 20px; color: #222; } #services .service .inner form { margin-top: 1em; position: absolute; bottom: 0; } #services .service .inner select { width: 213px; background-color: #fff; } #services .service .inner ul, #recent .inner ul { list-style-type: square; padding-left: 1em; } #services .service .inner a { font-weight: bold; text-decoration: none; } #services .service .inner a:link, #services .service .inner a:visited { color: #05a; } #services .service .inner a:hover, #services .service .inner a:active { color: #333; } #services .service .inner strong { color: #0f0f11; } #services #products_en, #products_es, #products_de, #products_it, #products_fr { background-color: #d0d0d0 } #services #products_en h2 { background-image: url(../images/service_products_en.gif); } #services #products_es h2 { background-image: url(../images/service_products_es.gif); } #services #products_de h2 { background-image: url(../images/service_products_de.gif); } #services #products_it h2 { background-image: url(../images/service_products_it.gif); } #services #products_fr h2 { background-image: url(../images/service_products_fr.gif); } #services #applications_en, #applications_es, #applications_de, #applications_it, #applications_fr { background-color: #ddc4c4; } #services #applications_en h2 { background-image: url(../images/service_applications_en.gif); } #services #applications_es h2 { background-image: url(../images/service_applications_es.gif); } #services #applications_de h2 { background-image: url(../images/service_applications_de.gif); } #services #applications_it h2 { background-image: url(../images/service_applications_it.gif); } #services #applications_fr h2 { background-image: url(../images/service_applications_fr.gif); } #services #bespoke_en, #bespoke_es, #bespoke_de, #bespoke_it, #bespoke_fr { background-color: #c4c9dd } #services #bespoke_en h2 { background-image: url(../images/service_bespoke_en.gif); } #services #bespoke_es h2 { background-image: url(../images/service_bespoke_es.gif); } #services #bespoke_de h2 { background-image: url(../images/service_bespoke_de.gif); } #services #bespoke_it h2 { background-image: url(../images/service_bespoke_it.gif); } #services #bespoke_fr h2 { background-image: url(../images/service_bespoke_fr.gif); } #services #products .inner, #services #applications .inner { min-height: 9em; } #recent { background: url(../images/bg_recent.gif); margin-top: 10px; width: 759px; float: left; } #recent h2 { text-indent: -999em; margin: 0; padding: 0; height: 26px; overflow: hidden; } #recent #news-col_en, #news-col_es, #news-col_de, #news-col_it, #news-col_fr { width: 379px; float: left; position: relative; } #recent #news-col_en h2 { background-image: url(../images/head_latest_en.gif); } #recent #news-col_es h2 { background-image: url(../images/head_latest_es.gif); } #recent #news-col_de h2 { background-image: url(../images/head_latest_de.gif); } #recent #news-col_it h2 { background-image: url(../images/head_latest_it.gif); } #recent #news-col_fr h2 { background-image: url(../images/head_latest_fr.gif); } #recent #featured-col_en, #featured-col_es, #featured-col_de, #featured-col_it, #featured-col_fr { width: 380px; float: left; position: relative; } #recent #featured-col_en h2 { background-image: url(../images/head_featured_en.gif); } #recent #featured-col_es h2 { background-image: url(../images/head_featured_es.gif); } #recent #featured-col_de h2 { background-image: url(../images/head_featured_de.gif); } #recent #featured-col_it h2 { background-image: url(../images/head_featured_it.gif); } #recent #featured-col_fr h2 { background-image: url(../images/head_featured_fr.gif); } /* GENERIC FORM ------------------------------------------------*/ #content .genform { padding: 10px; border: 1px solid #ccc; background: #edf0f7; } #content .genform label { display: block; font-weight: normal; margin: 2px 0 0 2px; width: 6em; float: left; } #content .genform label.inline { display: inline; width: auto; margin: 0; float: none; } #content .genform input, #content .genform select, #content .genform textarea { background: #fff; border-width: 1px; border-style: solid; border-color: #ccc #eee #eee #ccc; color: #000; font: 100% verdana,arial,sans-serif; float: left; width: 300px; } #content .genform input.check { width: auto; margin: 0 6px 0 2px; border: 0; padding: 0; } #content .genform input.submit { font-size: 95%; padding: 1px; width: auto; margin: 0.5em 0 0 6em; float: none; font-weight: bold; background: #384b8d; color: #fff; border-style: outset; border-width: 2px; border-color: #7a89be #172862 #172862 #7a89be; cursor: pointer; } #content .genform br { clear: both; } #content .genform .hwid { width: 150px; } #content .genform .formoption { clear: both; float: left; margin: 2px 0 0; padding: 3px 2px; width: 565px; line-height: normal; } #content .spaceafter, #content .genform .spaceafter { margin-bottom: 1.5em; } #content .spacebefore { margin-top: 1.5em; } #content .errormessage { margin: 0 0 1em; padding: 10px; border: 1px solid #dab992; background: #fff2b8; color: #503306; } #content .errormessage ul { margin-bottom: 0; } #content .genform .err { background-color: #f7c9c9; } /* FOOTER ------------------------------------------------*/ #footer { clear: both; text-align: center; color: #666; font-size: 70%; line-height: 1.5; padding-top: 10px; } #footer #credit { color: #999; text-decoration: none; } #footer a:link { color: #05a; text-decoration: underline; } #footer a:visited { color: #333; text-decoration: underline; } #footer a:hover { color: #666; text-decoration: none; } #footer a:active { color: #777;text-decoration: none; } /* LANGUAGE SELECTOR ------------------------------------------------*/ #lang-select { margin: 0; padding: 0; } #lang-select ul { list-style: none; padding: 0; float:right;} #lang-select li { padding: 0; margin: 0; border: 0; float: left; } #lang-select a { width: 20px; height: 15px; border: 0; padding: 0; margin-left: 5px; display: block; background-position: left; } #lang-select #fr { background-image: url('../images/flags/fr_small.gif'); } #lang-select #en { background-image: url('../images/flags/en_small.gif'); } #lang-select #es { background-image: url('../images/flags/es_small.gif'); } #lang-select #de { background-image: url('../images/flags/de_small.gif'); } #lang-select #ru { background-image: url('../images/flags/ru_small.gif'); } #lang-select #ch { background-image: url('../images/flags/ch_small.gif'); } #lang-select #it { background-image: url('../images/flags/it_small.gif'); }