/* CSS RESET */ @import url("reset.css"); @import url("redefine.css"); /* REUSABLE CLASS*/ @import url("reusable.css"); /*IN ALL PAGES*/ .Button {background:url('../images/button-bg.png') top left repeat-x;color:white;font-weight:bold;border:solid 1px #060606;cursor:pointer;padding:0px 8px; } a.Button:link, a.Button:visited, a.Button:hover {line-height:24px;text-decoration:none;display:block;float:left;margin:2px;padding:5px;color:white;background:url('../images/button-bg.png') top left repeat-x;color:white;font-weight:bold;border:solid 1px #060606;cursor:pointer;padding:0px 8px; } /* FRONT PAGE */ body#front {background:url('../images/body-bg.png') top center no-repeat;} body {background:url('../images/body-bg-level2.png') top center no-repeat;} #header {width:980px;height:140px;background:url('../images/header-bg.png') top left no-repeat;/*overflow:hidden;*/ } #front-wrap {width:980px;margin:auto;} #logo {width:324px;height:57px; display:block;position:absolute;background:url('../images/logo.jpg') top left no-repeat;margin-top:20px;} #logo a {display:block;width:324px;height:57px;} #logo em {display:none;} #language-selection {padding-top:5px;position:absolute;margin-left:720px;} #language-selection a:link, #language-selection a:hover, #language-selection a:visited{color:#878787} #language-selection a.active:link, #language-selection a.active:hover, #language-selection a.active:visited{color:white} #search-block-form {margin:10px 0px 30px 700px;padding-top:10px;} #top-menu {width:980px;height:32px;margin-top:112px;/*overflow:hidden;*/position:absolute;} #top-menu ul#ul-top-menu {} .spacer {padding:0px 10px;} /*#top-menu ul#ul-top-menu li{display:block;margin:0px;padding:0px;float:left;} #top-menu ul#ul-top-menu li.selected {background:url('../images/menuactive-bg.png') top right no-repeat;} #top-menu ul#ul-top-menu li a {padding:0px 25px 0px 25px;font-family:Century Gothic, arial;} #top-menu ul#ul-top-menu li a em{display:none} #top-menu ul#ul-top-menu li a:link, #top-menu ul#ul-top-menu li a:hover, #top-menu ul#ul-top-menu li a:visited {color:#e0e0e0;font-weight:bold;padding:0px;display:block;text-decoration:none;line-height:24px;} #top-menu ul#ul-top-menu li.selected a:link, #top-menu ul#ul-top-menu li.selected a:hover, #top-menu ul#ul-top-menu li.selected a:visited {color:#202020;background:url('../images/menuactive-bg-left.png') top left no-repeat;height:29px;display:block;}*/ ul.menu {list-style-type:none;margin:1px;padding:0px;} ul.menu li {position:relative; float:left; margin-right:2px} ul.menu li.selected {background:url('../images/menuactive-bg.png') top right no-repeat;} ul.menu li a {padding:0px 25px 0px 25px;font-family:Century Gothic, arial;} ul.menu li a:link, ul.menu li a:hover, ul.menu li a:visited {color:#e0e0e0;font-weight:bold;padding:0px;display:block;text-decoration:none;line-height:28px;} ul.menu li.selected a:link, ul.menu li.selected a:hover, ul.menu li.selected a:visited {color:#202020;background:url('../images/menuactive-bg-left.png') top left no-repeat;height:28px;display:block;float:left;} ul.menu ul {position:absolute;left:0; background-color:#787779; display:none; opacity:0; list-style:none;padding:0px;margin:0px;width:150px;} ul.menu ul li {background:none;} ul.menu li.selected ul a:link, ul.menu li.selected ul a:hover, ul.menu li.selected ul a:visited {background:none;color:#e0e0e0;} ul.menu li.selected ul a:hover {background:#000000} ul.menu ul li a {display:block; background:#787779;width:150px;padding-left:20px;color:#e0e0e0;} ul.menu ul li a:hover {background:#000000} ul.menu ul ul {top:0px} ul.menu .menulink {} ul.menu .menulink:hover, ul.menu .menuhover {margin-top:0px;padding-top:0px;} ul.menu .sub {} ul.menu .topline {} body#front #main-area {margin-top:7px;height:285px;width:980px;overflow:hidden;} #promo {width:650px;height:285px;padding:0px;margin:0px;overflow:hidden;float:left;} #notification {background:url('../images/notification-bg.jpg') top left no-repeat;padding:15px;width:291px;height:285px;display:block;margin-left:655px;overflow:hidden;} #notification h2 {border-bottom:solid 1px #d8d8d8;} #notification ul{list-style-type:none;font-size:11px;padding:0px;margin:0px;margin-bottom:0px;} #notification ul li{padding:5px;background:url('../images/notification-list.png') bottom left repeat-x;line-height:14px;} #notification ul li .date {color:#575656;font-weight:normal} #notification ul li .title {} #notification ul li .detail {color:#575656;font-weight:normal} #content2 {margin-top:5px;padding:7px 0px;} #content2 h2 {display:none;} #content2 #team{background:url('../images/team-bg.jpg') top left no-repeat;width:319px;height:171px;display:block;float:left;margin-right:9px;} #content2 #team ul {list-style-type:none;padding-left:20px;padding-top:90px;} #content2 #team ul li#chat{margin-bottom:3px;} #content2 #team ul li#check{} #content2 #team ul li#chat a{display:block;width:200px;height:20px;} #content2 #team ul li#chat a em{visibility:hidden;} #content2 #team ul li#check a{display:block;width:200px;height:20px;} #content2 #team ul li#check a em{visibility:hidden;} #content2 #register{background:url('../images/register-bg.jpg') top left no-repeat;width:319px;height:171px;display:block;float:left;margin-right:9px;} #content2 #register a {display:block;position:absolute;width:319px;height:190px;} #content2 #login{background:url('../images/login-bg.jpg') top left no-repeat;width:319px;height:171px;display:block;float:left;overflow:hidden;} #login-form {margin:70px 40px 30px 0px;} #login-form table {color:#c0c0c0;font-size:11px;} #login-form table td {padding:3px;} #login-form input {border:solid 0px #484848;padding:2px;color:#2d2d2d;width:113px;} #login-form .Button {width:80px;background:url('../images/button-bg.png') top left repeat-x;color:white;font-weight:bold;border:solid 1px #060606;cursor:pointer;padding:2px 8px;margin-left:90px } #footer {background:black;height:40px;padding:20px;text-align:center;font-size:11px;color:white;} #footer #komunigrafik-link {color:#575656;font-size:10px;} #footer #komunigrafik-link a:link, #footer #komunigrafik-link a:visited{color:#575656} #footer #komunigrafik-link a:hover{color:#ffffff} /* LEVEl 2 */ body#product #content {background:url('../images/product-bg.png') top left repeat-y;width:980px;} #content-banner {padding:10px 0px;background:white;} #category {background:#eeeeee url('../images/level2-left-bg.png') top left repeat-x;width:250px;display:block;float:left;padding-top:5px;min-height:450px;} #category.small {width:200px;} #category-block {background:url('../images/level2-category-bg.png') top left repeat-x;width:228px;margin:auto;} #category-block ul{padding:20px 0px 0px 15px;list-style-type:none;} #category-block ul li{padding-bottom:20px;} #category-block ul li a{} #category-block ul li ul {padding:5px 0px 0px 0px;list-style-type:none;margin:0px;width:200px;overflow:hidden;} #category-block ul li ul li{padding:5px;background:url('../images/notification-list.png') bottom left repeat-x;line-height:14px;} #category-block ul li ul li a{font-weight:normal;color:#0f0f0f;} #category-block ul li ul li a.active{font-weight:bold;/*color:#575656;*/color:black;} #category-bottom {background:#eeeeee url('../images/category-bottom.png') top left no-repeat;width:228px;margin:auto;height:70px;} /* NEWS */ .news-content {} .news-date{font-size:10px;} ul.news-list {list-style-type:none;padding:20px;} ul.news-list li{border-bottom:solid 1px #e4e2e2} h2.page-title {font-size:15px;padding:15px 0px} /* PRODUCT REGISTRATION */ h2#title-register-product {background:url('../images/title-product-registration.png') top left no-repeat;width:710px;height:37px;display:block;border-bottom:solid 1px #f3f3f3;} h2#title-register-product em{display:none} /* WHERE TO BUY */ h2#title-elevo-store {background:url('../images/title-elevo-store.png') top left no-repeat;width:710px;height:57px;display:block;border-bottom:solid 1px #f3f3f3;} h2#title-elevo-store em{display:none} a.small-link:link, a.small-link:hover, a.small-link:visited {font-size:11px;font-weight:normal;color:#575656;text-decoration:underline} ul#store-list {} ul#store-list h2{margin-bottom:3px;} ul#store-list p{margin-top:3px;} /* PRODUCT CATALOGUE */ h2.title-product-catalogue {background:url('../images/title-product-catalogue.png') top left no-repeat;width:710px;height:37px;display:block;border-bottom:solid 1px #f3f3f3;} h2.title-product-catalogue em{display:none;} ul#product-catalogue {padding:0px;margin:0px;} ul#product-catalogue li {display:block;width:230px;height:180px;float:left;padding:20px 0px 10px 0px;margin:0px;text-align:center;border:solid 1px #f3f3f3} ul#product-catalogue li a {border:none;text-align:center} ul#product-catalogue li a {width:200px;height:160px;display:block;margin:auto;} ul#product-catalogue li.left{border-width:0px 1px 1px 0px;} ul#product-catalogue li.center {border-width:0px 0px 1px 0px;} ul#product-catalogue li.right{border-width:0px 0px 1px 1px;} /*PRODUCT DETAIL*/ #main-content {margin-left:250px;padding:15px 0px 0px 15px;text-align:justify} h2.title-product-detail {width:710px;height:30px;display:block;border-bottom:solid 1px #dddddd;font-size:22px;font-weight:bold;padding-top:10px;} #main-content #image-area {border-bottom:solid 1px #dddddd;padding-bottom:20px;} #main-content #content-detail {width:500px;padding:10px;text-align:justify;float:left;} #main-content #content-detail p{text-align:justify;} #main-content #sub-category {border-left:solid 1px #dddddd;margin-left:530px;height:400px;} #main-content #sub-category ul{list-style-type:none;padding:0px;margin:0px;} #main-content #sub-category ul li{padding:10px 10px;border-bottom:solid 1px #dddddd;} #main-content #sub-category ul li.selected{background:#eeeeee;} #main-content #sub-category ul li a{} #main-content #sub-category ul li.selected {} #main-content #sub-category ul li.selected a{color:black} /* PRODUCT SPEC*/ table.spec {} table.spec tr{} table.spec td{border-top:solid 1px #dddddd;padding:3px;} table.spec td.label{font-weight:bold;width:200px;} table.spec td.dark{font-weight:normal;width:200px;background:#eeeeee;border:none;padding:10px;} /*PRODUCT ORDER*/ table.input {margin-top:5px;} table.input tr{} table.input td{padding:3px;} table.input td.label{width:200px;} table.input td.block{font-weight:bold;border-bottom:solid 1px #dddddd;padding-top:20px;} /*PRODUCT DOWNLOADS*/ ul.bulleted-categorized-list {} ul.bulleted-categorized-list li{margin-top:25px;line-height:13px;} ul.bulleted-categorized-list li a:hover{text-decoration:underline} table.normal {} table.normal tr{} table.normal td{font-size:11px;border:none;padding:1px;font-weight:normal;} table.normal td.label{font-weight:bold;width:130px;} /* SERVICE & SUPPORT */ body#product #content.service-support {background:none;padding-top:25px;} #check-service-status {font-size:11px;display:block;width:300px;float:left;overflow:hidden;text-align:justify} #check-service-status h2{background:url("../images/title-service-status.jpg") top left no-repeat; width:300px;height:33px;display:block;border-bottom:solid 1px #f3f3f3;margin-bottom:20px;} #check-service-status h2 em{display:none} #check-service-status form#input-serial {background:#c6c6c6;padding:10px;margin:10px 0px;} #check-service-status #result {padding:15px 0px;} #quick-response-unit {font-size:11px;display:block;width:300px;float:left;overflow:hidden;margin-left:40px;text-align:justify} #quick-response-unit h2{background:url('../images/title-qru.jpg') top left no-repeat;width:300px;height:33px;display:block;border-bottom:solid 1px #f3f3f3;margin-bottom:20px;} #quick-response-unit h2 em{display:none} #chat-with-our-team {font-size:11px;display:block;width:300px;float:left;overflow:hidden;margin-left:40px;text-align:justify} #chat-with-our-team h2{background:url('../images/title-chat.jpg') top left no-repeat;width:300px;height:33px;display:block;border-bottom:solid 1px #f3f3f3;margin-bottom:20px;} #chat-with-our-team h2 em{display:none} ul#chat-tree {padding:0px;margin:0px;color:black;} ul#chat-tree li {padding:0px;margin:10px 0px 20px 0px;} ul#chat-tree li ul {padding:0px 0px 0px 20px;margin:0px;list-style-type:none;} ul#chat-tree li ul li {padding:0px;margin:3px 0px 3px 0px;} ul#chat-tree li ul li a:link, ul#chat-tree li ul li a:hover, ul#chat-tree li ul li a:visited {font-weight:normal;color:#575656} #additional { background:#dfdfdf; padding:35px 5px 45px 5px; margin:30px 0px 30px 0px; } #additional ul#links {list-style-type:none;padding:0px;margin:0px;} #additional ul#links li{ width:280px; height:20px; border-bottom:solid 1px #adadad; padding:1px 0px; display:block; float:left; margin:0px 15px; } /* MY PAGES : LOGIN */ form.single-login {background:url('../images/loginblock.png') top left no-repeat;width:323px;height:189px;display:block;margin:auto;margin-top:40px;padding-top:50px;} form.single-login table{} form.single-login table tr{} form.single-login table td{padding:3px;} /* DOWNLOADS */ body#product #content.download-page {background:none;padding-top:5px;} #product-selector {background:#f6f6f6;padding:20px 15px;} #product-selector hr {padding:0px;margin:10px 0px 0px 0px;} #product-selector-form {border-right:solid 1px #909090;width:290px;overflow:hidden;height:160px;float:left;padding-top:40px;} form#selectProduct {padding:10px;margin:0px} form#selectProduct select {width:200px;} form#selectProduct select option {} form#selectProduct input[submit] {} #product-browser {padding:20px 0px 0px 20px;margin-left:290px;} ul#products {padding:0px;margin:0px;} ul#products li{display:block;width:190px;float:left;height:30px;padding-left:10px;overflow:hidden;} ul#products li a{} #product-paging {text-align:right;background:#e9e7e7;padding:3px 20px;border-top:solid 1px #909090;} #product-paging a.previous {margin:0px 20px;} #product-paging a.next {} #product-selector-category{} #product-selector-brief{border-right:solid 1px #909090;width:240px;overflow:hidden;float:left;padding-top:2px;min-height:500px;} #product-download-block {display:block;margin-left:250px;padding:20px 0px;} #product-selector-category form#selectProduct {padding:10px 0px;margin:0px} #product-selector-category form#selectProduct select {width:150px;} /* INPUT FORM*/ form.input-form{} form.input-form table{font-size:11px;} form.input-form table td{} form.input-form input{border:solid 1px #b9b9b9} form.input-form textarea{border:solid 1px #b9b9b9} form.input-form select{border:solid 1px #b9b9b9} form.input-form input[text]{ } form.input-form input[textarea]{} form.input-form .Button {background:url('../images/button-bg.png') top left repeat-x;color:white;font-weight:bold;border:solid 1px #060606;cursor:pointer;padding:0px 8px; } /* FAQ */ h2#title-faq {background:url('../images/title-faq.png') top left no-repeat;width:710px;height:37px;display:block;border-bottom:solid 1px #f3f3f3;} h2#title-faq em{display:none;} /* CONTACT US */ h2#title-contact {background:url('../images/title-contact.png') top left no-repeat;width:710px;height:37px;display:block;border-bottom:solid 1px #f3f3f3;} h2#title-contact em{display:none;} /* MY PAGES */ #welcome {margin-bottom:15px;} .mypages-notification{padding:15px;margin-bottom:5px;} .mypages-notification h2{margin-bottom:15px;} .grey-notification {background:#eeeeee;} .grey-notification .grey-notification-close {} .white-notification {background:#ffffff;border:solid 1px #eeeeee} .white-notification .white-notification-close {} /* HIsTORY */ h2#history {background:white url('../images/title-history.jpg') center left no-repeat; width:710px; height:80px; display:block;} h2#history em {display:none;} /* FORUM */ h2#forum {background:white url('../images/title-forum.jpg') center left no-repeat; width:710px; height:80px; display:block;} h2#forum em {display:none;} table#table-forum {} table#table-forum a:hover {text-decoration:underline} table#table-forum tr{} table#table-forum td{} table#table-forum table.Grid{} table#table-forum table.Grid tr{} table#table-forum table.Grid td{} table#table-forum table.Grid tr.Caption{} table#table-forum table.Grid tr.Caption th{background:black;padding:3px;color:white;} table#table-forum table.Grid tr.Caption td{} table#table-forum table .Row{border-bottom:solid 1px black;} table#table-forum table .Row td{} table#table-forum table .Footer{} table#table-forum table .Row td{} table#table-forum-messages {} table#table-forum-messages a:hover {text-decoration:underline} table#table-forum-messages tr{} table#table-forum-messages td{} table#table-forum-messages .Grid{} table#table-forum-messages .Grid tr{} table#table-forum-messages .Grid td{} table#table-forum-messages .Grid tr.Caption{} table#table-forum-messages .Grid tr.Caption th{background:black;padding:3px;color:white;} table#table-forum-messages .Grid tr.Caption td{} table#table-forum-messages .Row{border-top:solid 1px black;padding:3px;} able#table-forum-messages .Row td {padding:5px;} table#table-forum-messages .Row td.who{width:150px;background:#f3f3f3;padding:5px 5px 15px 5px;} table#table-forum-messages .Row td.messages{background:white;padding:5px;} table#table-forum-messages .Footer{} table#table-forum-messages .Row td{} .minimal {font-size:10px;} .block{} .block a:link, .block:visited, .block:hover {color:white;} .black-block {display:block;background:black;color:white;padding:5px 10px;} .dark-block {display:block;background:#919191;color:white;padding:5px 10px;}