/* CSS style sheet by www.stenikgroup.com */ /* STENIK GROUP Ltd. - Web design company */ /* We give your business a face */ /* ----------------------------------------------------------------------- [ GLOBAL CONFIG ] */ /* mac hide\*/ /* html, body {height:100%} */ /* end hide */ * { outline:0; border:0; margin:0; padding:0; outline:0; } hr{ border-bottom:1px solid black; } html, body, select, option, textarea, input { font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:12px; color:#818285; } body { background:url(../im/body-bkg.jpg) 0 0 repeat-x; } img, a img { border:0; } .clear { clear:both; font-size:1px; margin:0; padding:0; } p, a { font-size:12px; margin:0; text-decoration:none; text-transform:none; } p { text-align:justify; padding-bottom:5px; color:#818285; display:block; } p.sub { display:block; background-image:url(../im/bullet1.gif); background-position:23px 5px; background-repeat:no-repeat; text-decoration:none; margin:0 0 0 25px; padding-left:30px; } p.newsDate { display:block; padding:0 0 10px; color:#999999; } a { cursor:pointer; color:#666; text-decoration:underline; } a:hover { color:#4777B8; text-decoration:none; } input { color:#838383; } h1 { font-size:20px; padding-bottom:10px; text-align:left; font-weight:normal; color:#789bca; display:block; margin:0 0 10px; } h2 { font-size:18px; padding-bottom:0; color:#818285; font-weight:normal; display:block; padding:0 0 10px; } h3 { font-size:14px; text-transform:uppercase; padding-bottom:3px; font-weight:bold; border-bottom:1px dotted #818285; margin:5px 0 10px; text-align:left; color:#789bca; } h4 { font-size:18px; padding-bottom:0; color:#818285; font-weight:normal; display:block; } .top10px { margin:10px 0 0; } .top20px { margin:20px 0 0; } /* ----------------------------------------------------------------------- [ WRAPPER ] */ #wr { width:984px; margin:35px auto 0; background:url(../im/wr-bkg1.jpg) 0 15px no-repeat; display:block; } /* ----------------------------------------------------------------------- [ WRAPPER � INTERNAL ] */ #wr .int { width:952px; margin:0 auto; background:url(../im/int-bkg.jpg) 0 100% no-repeat; padding:0 16px; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER ] */ .int .head { width:952px; margin:0 auto; display:block; } .head a.logo { float:left; width:187px; height:87px; text-decoration:none; } .head ul { display:block; float:right; width:237px; height:49px; background:url(../im/languages-bkg.png) no-repeat; margin:38px 0 0; color:#818285; font-size:10px; } .head ul li { list-style:none; float:left; width:auto; padding:0 0 0 7px; margin-top:8px; } .head ul li a.bg, .head ul li a.en, .head ul li a.de, .head ul li a.ru, .head ul li a.es { text-decoration:none; display:block; width:15px; height:11px; } .head ul li a.bg { background:url(../im/flag-bg.gif) 0 0 no-repeat; } .head ul li a.en { background:url(../im/flag-en.gif) 0 0 no-repeat; } .head ul li a.de { background:url(../im/flag-de.gif) 0 0 no-repeat; } .head ul li a.ru { background:url(../im/flag-ru.gif) 0 0 no-repeat; } .head ul li a.es { background:url(../im/flag-es.gif) 0 0 no-repeat; } .head ul li a.bg:hover, .head ul li a.en:hover, .head ul li a.de:hover, .head ul li a.ru:hover, .head ul li a.es:hover, .head ul li a.act { background-position: 0 -11px; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � NAVIGATION ] */ .int .navLine { width:952px; height:40px; background:url(../im/navline-bkg.gif) 0 0 no-repeat; margin:28px 0 0; } .navLine ul.nav { width:auto; background:none; display:block; float:left; padding:0; margin:0 0 0 4px; color:#818285; height:40px; } .navLine ul.nav li { list-style:none; background:url(../im/navspacer.gif) top right no-repeat; display:block; float:left; width:auto; margin:0; padding:0; height:40px; } .navLine ul.nav li a { background:url(../im/navhover-bkg.gif) 50% -100px no-repeat; color:#6b8fca; float:left; width:auto; text-align:center; text-decoration:none; text-transform:uppercase; padding:14px 14px 12px; position:relative; } .navLine ul.nav li a span { color:#fffff3; float:left; left:-1px; width:auto; position:absolute; top:0px; padding:14px 14px 12px; height:auto; } .navLine ul.nav li a:hover, .navLine ul.nav li a.act { background-position:top center; color:#003399; } .navLine ul.nav li a:hover span, .navLine ul.nav li a.act span { color:#fffff4; } .navLine .search { display:block; float:right; background:url(../im/search-bkg.gif) 0 0 no-repeat; width:202px; height:27px; margin:7px 9px 0 0; } .search .txtField { overflow:hidden; width:202px; height:27px; } .txtField input.searchField { float:left; color:#777777; padding:7px 5px 6px 7px; width:158px; margin:0; background:none; font-size:11px; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT ] */ .int .content { display:block; margin:20px 0 0; } .content .sidebar { width:210px; display:block; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � SIDEBAR ] */ .sidebar .top { display:block; background:url(../im/sidebar-bkg1.gif) 0 0 no-repeat; height:15px; font-size:1px; } .sidebar .center { display:block; background:url(../im/sidebar-bkg2.gif) 0 0 repeat-y; padding:0 15px; } .sidebar .bottom { display:block; background:url(../im/sidebar-bkg1.gif) 0 -15px no-repeat; height:15px; font-size:1px; } .sidebar .break { background:url(../im/break.gif) 0 0 no-repeat; font-size:1px; height:2px; display:block; margin:10px 0; } .sidebar a.adv { display:block; width:180px; height:70px; padding:5px 0; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � LEFT SIDE ] */ .content .l { width:210px; float:left; } .content .l ul { display:block; } .content .l ul li { list-style:none; } .content .l ul li a { display:block; background-image:url(../im/bullet1.gif); background-position:0 7px; background-repeat:no-repeat; padding:3px 0 3px 12px; font-size:12px; width:auto; text-decoration:none; } .content .l ul li a.act, .content .l ul li a:hover { background-position:2px 7px; color:#4777B7; } .content .l ul li ul { margin:0px; padding:5px 0; } .content .l ul li ul li a { display:block; background-image:url(../im/bullet2.gif); background-position:15px 7px; background-repeat:no-repeat; padding:2px 0 2px 28px; font-size:12px; text-transform:none; width:auto; } .content .l ul li ul li a.act, .content .l ul li ul li a:hover { background-position:17px 7px; color:#4777B8; } .content .l a.cat, .content .l a.cat:link, .content .l a.cat:visited { display:block; width:180px; background:url(../im/button.gif) 0 0 no-repeat; height:30px; color:#fffff1; text-align:center; line-height:30px; text-decoration:none; margin:10px 0; font-weight:bold; } .content .l a.cat:hover { background:url(../im/button.gif) 0 -30px no-repeat; color:#6b8fca; } .content .l a.cat:active { background:url(../im/button.gif) 0 -60px no-repeat; color:#fffff2; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � MAIN ] */ .content .c { width:502px; float:left; margin:0 0 0 15px; } .content .c a.promo { display:block; background:url(../im/promobox-bkg.jpg) top right no-repeat; width:502px; height:120px; margin:10px 0 20px; text-decoration:none; } .content .c a.promo img { float:left; border-right:1px solid #e4e5e6; padding:10px 10px 10px 0; } .content .c a.promo span.description { display:block; font-weight:normal; float:right; width:360px; margin:10px 10px 0 0; } .content .c a.promo span.description span.title { display:block; font-size:14px; font-weight:bold; padding:0 0 10px; } .content .c a.promo span.description span.text { display:block; padding:0 0 10px; } .content .c a.promo span.description span.more { display:block; text-decoration:underline; font-size:11px; background:url(../im/bullet1.gif) 0 5px no-repeat; padding:0 0 0 10px; } .content .c a.promo:hover span.description span.more { background-position:2px 5px; text-decoration:none; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � REGISTER FORM ] */ .content .c form { width:370px; margin:0 auto; } .content .c .formLine { display:block; } .content .c form { display:block; padding:10px 0 0; } .content .c form label { float:left; width:auto; padding:5px 0 0 0; margin:0 10px 0 0; font-weight:bold } .content .c .f1 { background:url(../im/inputs-bkg.gif) 0 0 no-repeat; width:auto; height:26px; float:left; display:block; padding:4px 4px 0 4px; } .content .c .w350 { width:350px; padding:6px 0 0 6px; height:20px; } .content .c .captcha { width:100px; } .content .c input.captcha { width:94px; padding:2px 0 0 6px; color:#0066FF; text-align:center; } .content .c a.captcha img { width:94px; height:26px; float:left; margin:0 0 0 20px; border:0; } .content .c .f2 { background:url(../im/inputs-bkg.gif) top right no-repeat; display:block; float:left; width:7px; height:26px; font-size:1px; margin:0 0 5px; } .content span.error{ color:red; display:block; width:100%; padding-left:67px; } .content .c .inputs { background:url(../im/inputs-bkg.gif) 0 0 no-repeat; width:350px; height:26px; float:left; display:block; padding:6px 0 0 6px; margin:0 0 5px; } .content .c input.reg, .content .c .inputs input, .content .c .textareas textarea { width:345px; padding:0; } .content .c .inputs input:focus { color:#000000; } .content .c select { width:350px; } .content .c input.submitRegBtn { background:none; font-size:12px; margin:0; overflow:hidden; padding:7px 0 6px; width:180px; font-weight:bold; color:#fffff2; } .content .c .f3 { background:url(../im/textareas-bkg.gif) 0 0 no-repeat; width:495px; height:63px; float:left; display:block; padding:6px 0 0 6px; margin:0 0 5px; } .content .c .w400 { width:400px; padding:6px 0 0 6px; } .content .c .f4 { background:url(../im/textareas-bkg.gif) top right no-repeat; display:block; float:left; width:7px; height:63px; font-size:1px; margin:0 0 10px; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � PRODUCT ] */ .content .c .product { display:block; } .product .pictures { float:left; width:220px; } .pictures a img { display:block; /*width:218px; height:218px;*/ border:1px solid #b0b0b0; } .pictures a:hover img { border:1px solid #4777B9; } .pictures a span.zoom { display:block; padding:10px 0 0 0; text-align:right; font-size:10px; text-transform:uppercase; width:220px; } .pictures a.th { float:left; display:block; width:100px; border-top:1px solid #DCDCDC; padding:5px 0 0; margin:15px 20px 0 0; } .pictures a.th img { display:block; width:100px; height:100px; border:none; } .pictures a.last { margin-right:0; } .pictures a.th:hover { border-top:1px solid #4777B9; } .product .info { /*float:right;*/ /*width:262px;*/ } .product strong { display:block; padding:0 0 5px; font-size:14px; } /* INQUIRE ---------------------------------------------------------*/ .product a.inquire, .product a.inquire:link, .product a.inquire:visited { display:block; width:140px; background:url(../im/send-mail.png) -1px 0 no-repeat; height:45px; color:#fffff1; text-align:center; text-decoration:none; margin:10px 0 10px 5px; font-weight:bold; float:right; padding:10px 0 0 40px; height:36px; } .product a.inquire:hover { background:url(../im/send-mail.png) 0 -45px no-repeat; color:#6b8fca; } .product a.inquire:active { background:url(../im/send-mail.png) 0 -91px no-repeat; color:#fffff2; } /* ----------------------------------------------------------------------*/ /*DOWNLOAD ---------------------------------------------------------------*/ .product a.downloadTech, .product a.downloadTech:link, .product a.downloadTech:visited { display:block; width:140px; background:url(../im/download-technical.png) -1px 0 no-repeat; height:45px; color:#fffff1; text-align:center; text-decoration:none; margin:10px 0; font-weight:bold; float:right; padding:10px 0 0 40px; height:36px; } .product a.downloadTech:hover { background:url(../im/download-technical.png) 0 -45px no-repeat; color:#6b8fca; } .product a.downloadTech:active { background:url(../im/download-technical.png) 0 -91px no-repeat; color:#fffff2; } /*---------------------------------------------------------------------------*/ /*CATALOG ---------------------------------------------------------------*/ .content .l a.downCatalog, .content .l a.downCatalog:link, .content .l a.downCatalog:visited { display:block; width:140px; background:url(../im/download-catalogue.png) -1px 0 no-repeat; color:#fffff1; text-decoration:none; font-weight:bold; height:37px; margin:10px 0; padding:8px 0 0 65px; text-align:left; width:auto !important; } .content .l a.downCatalog:hover { background:url(../im/download-catalogue.png) 0 -45px no-repeat; color:#6b8fca; } .content .l a.downCatalog:active { background:url(../im/download-catalogue.png) 0 -91px no-repeat; color:#fffff2; } /*---------------------------------------------------------------------------*/ .product .info a.pdf { background:url(../im/icon-pdf.gif) 0 0 no-repeat; padding:0 0 0 22px; text-decoration:none; /*display:block;*/ margin:5px 0 0; } .product .info a.back { background:url(../im/icon-back.gif) 3px 2px no-repeat; padding:0 0 0 22px; text-decoration:none; display:block; margin:5px 0 0; width:160px; } .product .info a.back.machine { display:inline; } .product .info a.pdf:hover, .product .info a.back:hover { text-decoration:underline; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � PAGEING ] */ .content .c .pages { /*float:right; width:auto;*/ text-align:right; } .pages a.page, .pages a.page:link, .pages a.page:visited { display:inline; background:url(../im/button4.gif) 0 0 no-repeat; width:20px; height:20px; padding:4px 8px 3px 7px; color:#fffff1; text-align:center; line-height:20px; text-decoration:none; margin:0 3px; /*float:left;*/ font-size:10px; } .pages a.page:hover, .pages a.page.actPage { background:url(../im/button4.gif) 0 -20px no-repeat; color:#6b8fca; } .pages a.page:active { background:url(../im/button4.gif) 0 -40px no-repeat; color:#fffff2; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � NEWS ] */ .content .c a.newsArchive { display:block; width:502px; padding:5px 0 5px; margin:5px 0; border-bottom:1px solid #b7b7b7; background-color:#fff; float:left; text-decoration:none; } a.newsArchive span.newsArchiveTitle { display:block; font-size:14px; font-weight:bold; padding:0 0 3px; float:left; width:502px; } a.newsArchive span.newsArchiveDate { display:block; font-weight:normal; padding:2px 0 0; color:#aeaeae; float:left; width:50%; } a.newsArchive span.newsArchiveReadon { display:block; font-weight:normal; padding:2px 0 0; color:#aeaeae; float:right; width:50%; text-align:right; } .content .c a.newsArchive:hover { background-color:#f3f3f3; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � RIGHT SIDE ] */ .content .r { width:210px; float:right; } .sidebar .center form { display:block; padding:0 0 10px; } form .user { display:block; background:url(../im/user-bkg.gif) 0 0 no-repeat; height:28px; padding:0 0 10px; } form .pwd { display:block; background:url(../im/pwd-bkg.gif) 0 0 no-repeat; height:28px; padding:0 0 10px; } form .submit { display:block; background:url(../im/button2.gif) 0 0 no-repeat; width:80px; height:30px; font-weight:bold; } form .submitReg { display:block; width:180px; background:url(../im/button.gif) 0 0 no-repeat; height:30px; color:#fffff1; text-align:center; line-height:30px; text-decoration:none; margin:10px 0; font-weight:bold; padding:0; } form input { overflow:hidden; padding:7px 5px 6px 25px; width:180px; margin:0; background:none; font-size:11px; } form input.submit { border:0px none; width:80px; height:30px; display:block; padding:0; text-align:center; color:#fffff2; font-size:12px; } .content .r a.signUp { display:block; background-image:url(../im/bullet1.gif); background-position:0 7px; background-repeat:no-repeat; padding:2px 0 2px 12px; font-size:12px; width:auto; text-decoration:none; } .content .r a.signUp:hover { text-decoration:underline; background-position:2px 7px; } .content .r .news { display:block; margin:10px 0 0; } .content .r .news a { display:block; background:url(../im/break.gif) 0 100% no-repeat; padding:0 0 10px; margin:10px 0 0; text-decoration:none; } .news a span.title { display:block; font-size:14px; font-weight:bold; padding:0 0 3px; } .news a span.date { display:block; font-weight:normal; padding:0 0 3px; font-size:10px; color:#aeaeae; } .news a span.article { display:block; font-weight:normal; padding:0 0 5px; } /* ----------------------------------------------------------------------- [ WRAPPER � INT � CONTENT � NAVIGATION LINE 2 ] */ .int .navLine2 { display:block; position:relative; bottom:15px; margin-top:70px; } .int .navLine2 .left { float:left; width:auto; } .int .navLine2 .right { float:right; width:auto; text-align:right; } .int .navLine2 a { text-decoration:none; padding:1px 6px 2px; margin-right:2px; background:none; font-size:11px; } .int .navLine2 a.act, .int .navLine2 a:hover { /*position:relative;*/ color:#fff; padding:1px 6px 2px; background-color:#666; } /* ----------------------------------------------------------------------- [ WRAPPER � FOOTER ] */ #wr .footer { display:block; padding:10px 15px 0; margin:0 0 10px; } .footer span { color:#000; } .footer .left { float:left; width:auto; padding:0; margin:0; } .footer .right { float:right; width:auto; text-align:right; padding:0; margin:0; } /* --------------------------------------------------------------------------- [REGISTRATION / TOOLTIP] */ span.custTooltip{ color:white; padding:5px; display:block; background-color:#88A7D0; } span.contTel{ padding-left:36px; } span.contTel2{ padding-left:8px; } a.contMail{ padding-left:18px; } span.newprod { display:block; background:url(../im/new-prod-bgr.png) no-repeat 0 0; padding:5px 10px; text-transform:uppercase; top:0px; position:relative; color:#fff; float:right; width:110px; text-align:right; }