/** Theme Name: Domko Theme URI: Version: 1 Author: Fuxy Author URI: http://www.fuxy.net Tags: Licence: GPL Description: */ @import url('reset.css'); /* back: #ffffff, #000000 text: #b2b2b2 bottom menu: #666666 footer: #8c8c8c; */ html { width: 100%; height: 100%; background: url(styles/back.png) repeat-y; background-position: top center; background-color: #000; overflow-y: scroll; } body { width: 100%; height: 100%; color: #b2b2b2; font-size: 13px; font-family: arial, tahoma, helvetica, verdana, lucida, sans-serif; background: url(styles/bigBack.png) no-repeat; background-position: top center; text-align: center; } input { font-family: Arial, tahoma, helvetica, verdana, lucida, sans-serif; } a { color: #666666; text-decoration: underline; } a:hover { text-decoration: none; } h2 { color: #000; font-weight: normal; font-size: 32px; margin-bottom: 20px; } h3 { font-size: 13px; font-weight: bold; } h3 span { font-size: 15px; color: #f00; } sup { font-size: 8px; vertical-align: top; } img { border: 0; } #rightCol h2 { margin-bottom: 20px; color: #fff; font-weight: normal; font-size: 32px; } div#top { width: 100%; float: none; } div#leftCol p { color: #000; line-height: 1.2em; margin-bottom: 10px; } #rightCol p { color: #fff; } #rightCol img { border:0 none; } .result { color: #000; font-size: 18px; margin-bottom: 15px; } /* Logo */ #flashlogo { width: 314px; height: 95px; display: block; overflow: hidden; float: right; } #flashlogo h1 a{ width: 314px; height: 95px; text-indent: -9999px; background: url(styles/logo.png) no-repeat; display: block; overflow: hidden; float: right; } /* Top Left */ div#topLeft { width: 50%; height: 95px; background: url(styles/topLeftBack.png) repeat-x; display: block; float: left; } /* Top Right */ div#topRight { position: relative; width: 453px; height: 95px; display: block; float: left; } div#topRight a { position: absolute; top: 70px; right: 0; width: 100px; display: block; text-align: right; font-size: 12px; } /* Main Menu */ ul#menu { overflow: hidden; width: 910px; height: 40px; margin: 0 auto; display: block; clear: both; } ul#menu a { overflow: hidden; display: block; height: 40px; text-indent: -9999px; } ul#menu li { float: left; } /* Bg */ ul#menu.bg a { background: url(styles/MenuBg.png) 0 0 no-repeat scroll; } ul#menu.bg li.page-item-2 a { width: 89px; background-position: 0 0px; } ul#menu.bg li.page-item-6 a { width: 89px; background-position: -89px 0px; } ul#menu.bg li.page-item-3748 a { width: 90px; background-position: -178px 0px; } ul#menu.bg li.page-item-10 a { width: 96px; background-position: -268px 0px; } ul#menu.bg li.page-item-8 a { width: 88px; background-position: -364px 0px; } ul#menu.bg li.page-item-12 a { width: 127px; background-position: -452px 0px; } ul#menu.bg li.page-item-14 a { width: 175px; background-position: -579px 0px; } ul#menu.bg li.page-item-16 a { width: 75px; background-position: -754px 0px; } ul#menu.bg li.page-item-18 a { width: 81px; background-position: -829px 0px; } ul#menu.bg li.page-item-2 a:hover { background-position: 0 -80px; } ul#menu.bg li.page-item-6 a:hover { background-position: -89px -80px; } ul#menu.bg li.page-item-3748 a:hover { background-position: -178px -80px; } ul#menu.bg li.page-item-10 a:hover { background-position: -268px -80px; } ul#menu.bg li.page-item-8 a:hover { background-position: -364px -80px; } ul#menu.bg li.page-item-12 a:hover { background-position: -452px -80px; } ul#menu.bg li.page-item-14 a:hover { background-position: -579px -80px; } ul#menu.bg li.page-item-16 a:hover { background-position: -754px -80px; } ul#menu.bg li.page-item-18 a:hover { background-position: -829px -80px; } ul#menu.bg li.page-item-2.current_page_item a { background-position: 0 -40px; } ul#menu.bg li.page-item-6.current_page_item a { background-position: -89px -40px; } ul#menu.bg li.page-item-3748.current_page_item a { background-position: -178px -40px; } ul#menu.bg li.page-item-10.current_page_item a { background-position: -268px -40px; } ul#menu.bg li.page-item-8.current_page_item a { background-position: -364px -40px; } ul#menu.bg li.page-item-12.current_page_item a { background-position: -452px -40px; } ul#menu.bg li.page-item-14.current_page_item a { background-position: -579px -40px; } ul#menu.bg li.page-item-16.current_page_item a { background-position: -754px -40px; } ul#menu.bg li.page-item-18.current_page_item a { background-position: -829px -40px; } /* En */ ul#menu.en a { background: url(styles/MenuEn.png) 0 0 no-repeat scroll; } ul#menu.en li.page-item-2 a { width: 97px; background-position: 0 0px; } ul#menu.en li.page-item-6 a { width: 100px; background-position: -97px 0px; } ul#menu.en li.page-item-3748 a { width: 79px; background-position: -197px 0px; } ul#menu.en li.page-item-10 a { width: 116px; background-position: -276px 0px; } ul#menu.en li.page-item-8 a { width: 75px; background-position: -392px 0px; } ul#menu.en li.page-item-12 a { width: 127px; background-position: -467px 0px; } ul#menu.en li.page-item-14 a { width: 163px; background-position: -594px 0px; } ul#menu.en li.page-item-16 a { width: 64px; background-position: -757px 0px; } ul#menu.en li.page-item-18 a { width: 89px; background-position: -821px 0px; } ul#menu.en li.page-item-2 a:hover { background-position: 0 -80px; } ul#menu.en li.page-item-6 a:hover { background-position: -97px -80px; } ul#menu.en li.page-item-3748 a:hover { background-position: -197px -80px; } ul#menu.en li.page-item-10 a:hover { background-position: -276px -80px; } ul#menu.en li.page-item-8 a:hover { background-position: -392px -80px; } ul#menu.en li.page-item-12 a:hover { background-position: -467px -80px; } ul#menu.en li.page-item-14 a:hover { background-position: -594px -80px; } ul#menu.en li.page-item-16 a:hover { background-position: -757px -80px; } ul#menu.en li.page-item-18 a:hover { background-position: -821px -80px; } ul#menu.en li.page-item-2.current_page_item a { background-position: 0 -40px; } ul#menu.en li.page-item-6.current_page_item a { background-position: -97px -40px; } ul#menu.en li.page-item-3748.current_page_item a { background-position: -197px -40px; } ul#menu.en li.page-item-10.current_page_item a { background-position: -276px -40px; } ul#menu.en li.page-item-8.current_page_item a { background-position: -392px -40px; } ul#menu.en li.page-item-12.current_page_item a { background-position: -467px -40px; } ul#menu.en li.page-item-14.current_page_item a { background-position: -594px -40px; } ul#menu.en li.page-item-16.current_page_item a { background-position: -757px -40px; } ul#menu.en li.page-item-18.current_page_item a { background-position: -821px -40px; } /* Language Menu */ #qtranslate-3-chooser .active { display: none; } /* Main */ div#main { width: 990px; /*min-height: 926px; height: auto !important; height: 926px;*/ text-align: left; padding-top: 17px; margin: 0 auto; display: block; } #flashcontent { width: 910px; height: 450px; color: #fff; background-color: #000; margin: 0 auto; display: block; clear: both; } div#fullWidth { width: 890px; margin-bottom: 25px; padding: 10px; color: #fff; background-color: #000; border-top: 1px solid #535353; border-bottom: 1px solid #535353; display: block; text-align: left; overflow: hidden; } div#fullWidth h2 { color: #fff; } div#fullWidth p { line-height: 1.2em; } div#fullWidth #goto { height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; display: block; clear: both; } /* Container */ div#container { position: relative; width: 910px; margin: 25px auto; display: block; text-align: left; overflow: hidden; } /* Left Col */ div#leftCol { position: relative; width: 422px; padding-right: 33px; float: left; } /* Right Col */ #rightCol { padding: 0 0 0 33px; width: 422px; float: right; } html>body #rightCol { width: 422px; } /* Home */ .home h3 { margin-top: 5px; } .home a { color:#666666; font-size: 13px; font-weight: normal; text-decoration:underline; } #banner { position: relative; width: 790px; height: 425px; display: block; margin: 0 auto; overflow: hidden; clear: both; } #banner_slider ul, #banner_slider li { position: relative; margin: 0; padding: 0; list-style: none; overflow: hidden; width: 790px; height: 400px; } #banner_slider .banner_info { position: absolute; width: 750px; bottom: 0; left: 0; background: transparent url(styles/alpha.png) repeat scroll; padding: 20px; font-size: 16px; line-height: 22px; } #banner #controls { position: absolute; right: 0; bottom: 0; } #banner #controls li { margin-left: 7px; float: left; } #banner #controls li a { width: 13px; height: 13px; text-indent: -9999px; background: transparent url(styles/slider_dots.png) no-repeat scroll 0 0; display: block; } #banner #controls li a:hover { background-position: 0 -13px; } #banner #controls li.current a { background-position: 0 -26px; } /* About */ div.showAll { display: none; } div#leftCol { width: 389px; padding-right: 0; } html>body div#leftCol { width: 422px; padding-right: 33px; } .about a { width: 428px; padding: 5px 20px 5px 7px; font-size: 18px; text-decoration: none; color: #3f3f3f; display: block; } .about a:hover { text-decoration: underline; } div#leftCol a.aMore { color: #f00; font-size: 13px; text-align: right; } #rightCol ul#years { overflow: hidden; } #rightCol ul#years li { float: left; margin: 0 7px 5px 0; padding-right: 7px; border-right: 2px solid #fff; } #rightCol ul#years li a { color: #fff; font-size: 18px; text-decoration: underline; float: left; } #rightCol ul#years li a:hover { text-decoration: none; } #rightCol ul#years li.activeYear a { color: #f00; text-decoration: none; } #rightCol ul#years li.normalYear a { color: #fff; text-decoration: underline; } #rightCol ul#years li.lastYear { border-right: 0; } #rightCol #years-data li { display: none; } div#services { position: relative; display: block; clear: both; border-top:1px solid #535353; margin-top: 40px; padding-top: 40px; width: 100%; min-height: 520px; } div#services ul li img { position: absolute; top: 85px; left: 487px; display: none; } div#services ul li h3 a { color: #3F3F3F; display: block; font-weight: normal; font-size: 18px; padding: 5px 20px 5px 7px; text-decoration: none; width: 428px; } div#services ul li h3 a:hover { text-decoration: underline; } div#services ul li .slide { display: none; width: 428px; color: #000; padding: 15px 14px 15px 13px; background-color: #eee; } div#services ul li .slide ol, div#services ul li .slide ul { margin: 0 0 7px 15px; list-style-position: inside; } div#services ul li .slide ol { list-style: decimal; list-style-position: inside; list-style-type: decimal; } div#services ul li .slide li { margin-bottom: 3px; } div#services ul li .slide ul { list-style: disc; list-style-position: inside; } div#services ul li p { line-height: 1.2em; margin-bottom: 10px; } div#services ul li a.noActiveNews { background: none; color: #3F3F3F; font-weight: normal; font-size: 18px; padding: 5px 20px 5px 7px; text-decoration: none; } div#services ul li a.activeNews { color: #fff; background: transparent url(styles/rightArrow.png) no-repeat right 50%; background-color: #000; font-weight: bold; } /* Products */ #leftCol.products { width: 455px; padding: 0; } #leftCol #l1, #leftCol #l2 { width: 227px; display: block; float: left; } #leftCol #l1 a, #leftCol #l2 a { width: 195px; padding: 5px 25px 5px 7px; font-size: 18px; color: #3f3f3f; display: block; } #leftCol #l1 .active, #leftCol #l2 .active { width: 196px; background: #000 url(styles/rightArrow.png) no-repeat scroll 100% 50%; color: #fff; font-weight: bold; display: block; } /* Promotions */ .promo .thumbs { width: 423px; overflow: hidden; } .promo .thumbs h3 { font-size: 20px; font-weight: normal; color: #000; margin: 30px 0 5px 0; display: block; clear: both; } .promo .thumbs a { width: 128px; height: 128px; border: 5px solid #fff; margin: 0 3px 3px 0; overflow: hidden; display: block; float: left; } .promo .thumbs a:hover { border: 5px solid #f00; } #slider_wrap { position: relative; width: 420px; height: 420px; display: block; overflow: hidden; } #slider_wrap ul, #slider_wrap ul li { text-align: center; position: relative; background-color: #000; width: 420px; height: 420px; display: block; } #slider_wrap ul img { margin-right: 0; } #slide { position: relative; color: #fff; } #slide a#infoBtn { position: absolute; top: 0; left: 0; width: 400px; height: 16px; padding: 5px 10px 5px 10px; font-size: 14px; color: #fff; background: url(styles/alpha.png); display: block; z-index : 15; } #overlay { position: absolute; top: 26px; left: 0; background: transparent url(styles/alpha.png) repeat scroll; width: 420px; max-height: 420px; z-index : 16; } #info { line-height: 1.3em; width: 400px; max-height: 374px; padding: 10px; z-index : 8; overflow: auto; font-size: 13px; color: #fff; display: none; } #info ul { list-style-position: inside; } #info a { color: #bbb; } #info p { margin-bottom: 1em; } #price { padding-top: 10px; width: 420px; height: 45px; display: block; } #price #oldPrice { color: #999; text-align: right; margin: 5px 20px 0 10px; font-size: 20px; float: right; } #price #oldPrice span { font-size: 12px; } #price #newPrice { font-size: 54px; font-weight: bold; margin-right: 10px; float: right; } #price #newPrice span { font-size: 20px; } #download { height: 100px; margin-top: 40px; } #download a#pic { width: 120px; height: 105px; background: url(styles/pdf.png) 0 0 no-repeat; display: block; margin-right: 15px; float: left; } #download a:hover#pic { background-position: 0 3px; } #download a { font-size: 18px; color: #8c8c8c; } #download p { margin-top: 10px; } /* Stores */ #stores ul { display: none; } #stores ul li { margin-bottom: 15px; display: block; clear: both; } #stores ul div { float: left; margin: 0 20px 15px 0; } #stores ul div h3 { width: 200px; font-size: 16px; color: #fff; } #stores ul div img { margin-bottom: 5px; } #stores ul p { line-height: 1.2em; } /* Distributors */ .left_p { width: 420px; float: left; } .right_p { width: 420px; float: right; } .left_p p, .right_p p { margin-bottom: 5px; } #distr .hidden { display: none; } #distr li li { display: block; color: #fff; font-size:24px; margin-bottom: 5px; } #rightCol div#cont { margin-top: 50px; } #rightCol div#cont h4 { font-size: 18px; color: #fff; } #rightCol div#cont p { font-size: 14px; font-weight: normal; margin-top: 5px; } /* Projects */ #projects a.selected { background: #000 url(styles/rightArrow.png) no-repeat scroll right 50%; color: #fff; font-weight: bold; } #projects a { color:#3F3F3F; display:block; font-size:18px; padding:5px 20px 5px 7px; text-decoration:none; width:428px; } #designers { border-top:1px solid #535353; margin-top: 40px; padding-top: 40px; width: 100%; overflow: hidden; } #designers #images { position: relative; width: 420px; height: 420px; display: block; float: right; } #rightCol #project_info h3 { color:#fff; font-size:18px; margin-bottom:15px; } #rightCol #project_info p { color:#fff; font-size:13px; line-height: 1.4em; } #rightCol #project_info img { border:0 none; margin:10px 10px 0 0; } #leftCol a.seemore { color: #f00; font-size: 13px; text-decoration: underline; } #leftCol a.one { margin-bottom: 20px; display: block; } #leftCol a.two { display: none; } #other-projects { display: none; padding-bottom: 20px; } #other-projects p { color:#3F3F3F; display:block; font-size:18px; padding: 0 20px 0 7px; text-decoration:none; width:428px; } /* News */ .archive { position: absolute; left: 300px; } .archive p { color: #000; margin-bottom: 5px; } .archive select { width:60px; height:18px; font-size: 12px; } #news li { width: 425px; padding: 10px 10px 10px 20px; } #news li.activeNews { background: #000 url(styles/rightArrow.png) right 50% no-repeat; } #news li p { font-size: 13px; font-weight: bold; color: #B2B2B2; margin-bottom: 0; } #news li h3 a { font-size: 13px; line-height: 1.3em; font-weight: normal; color: #666666; padding: 0; text-decoration: underline; } #news li h3 a:hover { text-decoration: none; } #news li.activeNews h3 a { color: #fff; } #news li.noActiveNews { background: none; } #news li.noAactiveNews a { color: #666666; } div#container .newsRight h3 { color: #fff; font-size:16px; font-weight:normal; margin-bottom:15px; } .newsRight small { color:#B2B2B2; font-size:13px; font-weight:bold; margin-bottom:10px; } .newsRight p { color:#fff; font-size:14px; line-height: 1.3em; margin: 10px 0; } .newsRight #thumbs { margin-top: 20px; } .newsRight #thumbs img { margin: 10px 10px 0 0; } .newsRight h4 { color: #fff; font-size: 18px; margin: 20px 0 10px 0; } .newsRight .bigimg { width: 128px; height: 128px; margin: 0 10px 10px 0; display: block; float: left; } .newsRight .bigimg img, .newsRight .smallimg img { margin: 0; } .newsRight .smallimg { width: 70px; height: 70px; margin-right: 10px; display: block; float: left; } .newsRight ul { list-style: disc; margin-left: 20px; } .newsRight ul li { margin: 5px 0; color:#ccc; font-size:14px; line-height: 1.3em; } /* Contact */ #contact { width: 185px; color:#000000; display:block; font-size:13px; left:235px; position:absolute; top:55px; } #contact h3 { font-size: 18px; margin-bottom: 5px; } #contactForm { position: relative; } #contactForm label { color: #000; display: block; margin-bottom: 5px; } #contactForm label span { color: #f00; } #contactForm label.error { color: #f00; margin-top: -15px; } #contactForm h4 { margin-top: 5px; } #contactForm input, #contactForm select { font-family: arial, tahoma, helvetica, verdana, lucida, sans-serif; width: 210px; height: 20px; font-size: 13px; margin-bottom: 15px; } #contactForm textarea { width: 420px; height: 160px; font-size: 13px; overflow: auto; } #contactForm .btn { color: #3f3f3f; font-size: 13px; width: 75px; height: 21px; border: 0; background: url(styles/btnBack.png) 0 0 no-repeat; margin-top: 15px; } .contactsList { float: left; width: 200px; margin-right: 10px; color: #fff; font-size: 14px; font-weight: bold; list-style: none; display: block; } .contactsList li { margin-bottom: 15px; } div#container .contactsList li h3 { font-size: 16px; margin-bottom: 5px; } #rightCol .contactsList li p { font-size: 13px; color: #aaa; line-height: 1.2em; } .contactsList li a, .contactsList li p span { font-weight: normal; } /* Sitemap */ #leftCol .sitemap li, #rightCol .sitemap li { margin-bottom: 5px; } #leftCol .sitemap li a, #rightCol .sitemap li a { color: #000; font-size: 18px; } #rightCol .sitemap li a { color: #fff; } #leftCol .sitemap li ul, #rightCol .sitemap li ul { margin-left: 20px; } #leftCol .sitemap li ul a, #rightCol .sitemap li ul a { color: #333; font-size: 16px; } #rightCol .sitemap li { color: #fff; font-size: 18px; } #rightCol .sitemap li ul a { color: #bbb; } /* Careers */ #careersForm { margin-top: 15px; } #careersForm label { color: #fff; margin-top: 10px; margin-bottom: 5px; display: block; } #careersForm label span { color: #f00; } #careersForm .btn { color: #3f3f3f; font-size: 13px; width: 75px; height: 21px; border: 0; background: url(styles/btnBack.png) 0 0 no-repeat; margin-top: 15px; } #careersForm #cname, #careersForm #cphone, #careersForm select { width: 350px; } #careersForm textarea { width: 420px; height: 160px; overflow: auto; } #careersForm #t1, #careersForm #t2 { margin-top: 5px; margin-bottom: 5px; } .career p { line-height: 1.3em; margin: 10px 0; } #careersList a.careerHeader { width: 428px; padding: 5px 20px 5px 7px; display: block; font-size: 18px; font-weight: bold; text-decoration: none; color: #000; display: block; } #careersList a:hover.careerHeader { text-decoration: underline; } #careersList a.careerHeader span { font-weight: normal; font-size: 14px; color: #000; margin: 0; padding-top: 5px; display: block; clear: both; overflow: hidden; } #careersList a.careerHeader p { margin-bottom: 0; } #careersList a.selected { color: #fff; background: #000 url(styles/rightArrow.png) no-repeat scroll right 50%; } #careersList a.selected span { color: #D3D2CB; } #careersList a.selected p { color: #D3D2CB; } #careersList div { width: 435px; color: #000; padding: 10px 10px 0; background-color: #eee; overflow: hidden; } #careersList div p { line-height: 1.3em; } #careersList div ul { list-style: circle; list-style-position: inside; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; } #careersList div ul li { margin-bottom: 3px; } #careersList div ul.noBullets { list-style-position: inside; list-style: none; } #careersList div a:hover { text-decoration: underline; } /* Slider */ #slider { width: 420px; height: 420px; display: block; overflow: hidden; } #slider_wrap #controls { position: absolute; top: 208px; left: 0; width: 420px; } #slider_wrap #controls #prevBtn a, #slider_wrap #controls #nextBtn a { width: 26px; height: 26px; text-indent: -9999px; display: block; background: transparent url(styles/popupL.png) no-repeat; overflow: hidden; float: left; margin-left: 8px; } #slider_wrap #controls #nextBtn a { background: transparent url(styles/popupR.png) no-repeat; float: right; margin-right: 8px; } /* Footer */ div#footer { width: 990px; height: 40px; color: #8c8c8c; text-align: left; font-size: 12px; margin: 0 auto; display: block; } html>body div#footer { margin-top: 44px; } div#footer #lFooter { width: 422px; padding-left: 40px; display: block; float: left; } div#footer #rFooter { width: 460px; color: #666666; text-align: left; float: right; display: block; } div#footer #rFooter ul li { float: left; } div#footer #rFooter ul li.page-item-25 { margin-left: 10px; padding-left: 10px; border-left: 2px solid #666666; } div#footer #rFooter a { color: #666666; } div#footer #rFooter li.current_page_item a { color: #f00; } div.line { width: 900px; height: 40px; margin: 0 auto; border-bottom: 1px solid #535353; clear: both; } div#textCol1, div#textCol2 { width: 420px; display: block; float: left; } div#textCol2 { float: right; } .spacer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .spacer {display: inline-block;} /* Hides from IE-mac \*/ * html .spacer {height: 1%;} .spacer {display: block;} /* End hide from IE-mac */ /* normally hidden but will appear when css disabled */ .skip, .noCss { position: absolute; left: -9999px; } .clear { clear: both; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .hidden { display: none; }