*{ margin:0; padding:0; outline:none} * fieldset { border: none; } body{ background:#e4e4e4; font:normal 12px/14px Verdana, Geneva, sans-serif;} .left{ float:left; } .right{ float:right; } .clear{ clear:both; } a{ text-decoration:none; } a:hover{ text-decoration:underline; } img{ border:none; } hr{ border:1px solid blue; margin-top:3px; } /***********layout starts****************/ #layout{ margin:0 auto; width:998px;} #main{float:left; width:998px; padding-bottom:30px;} #main_inner{float:left; width:966px; background:url(../images/main_strip.jpg) repeat-y 0 0; margin-left:20px;display:inline;} #main_inner .outer{float:left; width:966px; background:url(../images/main_top_curve.jpg) no-repeat 0 0;} #main_inner .inner{float:left; width:966px; background:url(../images/bottom_curve.jpg) no-repeat 0 bottom; padding-bottom:10px;} #main_content{float:left; width:920px; background:#f2eded url(../images/main_bg_rotate.jpg) repeat-x 0 0; padding:0 20px;} /*********main top links starts***********/ .main_top_link{float:left; width:940px; padding:0 0 0 39px; height:45px;} .main_top_link ul{float:right; list-style:none; padding-top:15px;} .main_top_link ul li{float:left; width:auto; font:normal 10px/12px Verdana, Geneva, sans-serif; color:#000; padding:0 3px 0 0;} .main_top_link ul li a{ float:left; color:#000 ; margin-right:3px; display:inline;} /*********main top links ends***********/ /********header starts************/ #header{ float:left; width:920px;} #header .logo{float:left; margin:18px 0 0 0;} #header .logo img{float:left} #header .links{float:right; width:267px; margin-top:1px} #header .links .cart{float:left; width:247px; height:25px; background:#f2f5f7; padding:10px 10px 0 10px;} #header .links .cart p.carts{float:left; background:url(../images/cart.jpg) no-repeat 0 0; padding-left:25px; color:#007a71; font-size:11px; line-height:20px; font-weight:bold } #header .links .cart p.carts a{float:left; height:12px;margin-left: 10px; padding-right:3px;color:#007a71; padding-bottom:10px;} #header .links .cart p.carts span{float:left} #header .links .cart p.price{float:right; font-size:9px; line-height:20px; color:#1a171b} #header .links .cart p.price span{ color:#007a70; font-weight:bold} #header .links .list{float:left; width:274px;} #header .links .list p{float:left; font-weight:bold; color:#3f3d3d ; font-size:10px; line-height:20px; padding-left:10px;} #header .links .list a.link{float:right; background:url(../images/arrow.jpg) no-repeat 0 4px; color:#6b6b6d ; font-weight:bold; font-size:10px; line-height:15px; padding-left:10px;} .dropdown{float:left; position:relative} #deviceList{ width:130px; position:absolute; top:20px; left:-10px} #deviceList ul{float:left; width:130px; list-style:none; background:#F2F5F7; padding-bottom:10px; } #deviceList ul li{float:left; width:90px; padding:0 0 0 40px; font-size:11px; line-height:20px; color:#fff} #deviceList ul li a{ color:#007A71} #menu{float:left;width:920px;margin-top:31px;} #topnav{float:left; list-style:none} #topnav li{float:left; width:auto; height:34px; font-size:13px; font-weight:bold; padding-right:5px;} #menu ul li a.menu_1{float:left; width:126px; background:url(../images/menu_1.jpg) no-repeat 0 0;} #menu ul li a.menu_2{float:left; width:168px; background:url(../images/menu_2.jpg) no-repeat 0 0;} #menu ul li a.menu_3{float:left; width:107px; background:url(../images/menu_3.jpg) no-repeat 0 0;} #menu ul li a.menu_4{float:left; width:160px; background:url(../images/menu_4.jpg) no-repeat 0 0;} #menu ul li a.menu_6{float:left; width:140px; background:url(../images/menu_6.jpg) no-repeat 0 0;} #topnav li a.menu_7{float:left; width:168px; background:url(../images/menu_7.jpg) no-repeat 0 0;} #topnav li a.menu_8{float:left; width:161px; background:url(../images/menu_8.jpg) no-repeat 0 0;} #topnav li a{ line-height:34px; text-decoration:none;text-align:center; color:#fff; height:34px; } #topnav li a:hover,#menu ul li a.current{ background-position:bottom; height:34px;} .menu_box ul {list-style: none} .menu_box ul li {float: left; width: auto; height: 23px; font-size: 12px;line-height: 23px;} .menu_box ul li a.current {background: url(../images/background_button.jpg) repeat-x 0 0;} .menu_box ul li a{ padding-left: 7px;padding-right: 7px;padding-top: 4px;padding-bottom: 5px; font-weight: bold;color: black;text-decoration: none} .search_section{float:left; width:920px; background:url(../images/rotate1.jpg) repeat-x 0 0; height:39px;} .search_section p{padding:10px 10px 0 10px; font-size:13px; font-weight:bold;} .search_section span{color:#707173;} .search_section form{float:left; width:920px;} .search_section form fieldset{float:left; width:900px; padding:10px 10px 0 10px; border:none} .search_section form fieldset label{float:left; font-size:13px; line-height:20px; color:#707173; padding-right:10px; font-weight:bold} .search_section form fieldset input.text{float:left; width:240px; border:1px solid #ccc; height:20px; margin-right:10px; display:inline} .search_section form fieldset select{float:left; margin-right:5px; width:165px; display:inline;} .search_section form fieldset input.btn{float:left; width:119px; height:23px; background:url(../images/btn.gif) no-repeat 0 0; border:none; cursor:pointer} .search_section form fieldset a.artikel{float:left; background:url(../images/arrow1.jpg) no-repeat 0 6px; padding-left:10px; color:#6b6b6d; font-size:10px; line-height:20px; margin-left:20px; display:inline;} .search_section form fieldset a.aktin{float:right; background:url(../images/percentage.gif) no-repeat 0 0; padding-left:35px; color:#6b6b6d; font-size:10px; line-height:34px; margin-left:20px; display:inline; margin-top:-8px; margin-right:10px;} /********header ends************/ /************body_container starts*********/ #body_container{float:left; width:920px; padding-bottom:30px;} .bredcrumbs{float:left; width:920px; height:19px;} .bredcrumbs ul{float:left; list-style:none} .bredcrumbs ul li{float:left; width:auto; font-size:10px; line-height:19px; color:#6b6b6d; margin-left:5px; display:inline} .bredcrumbs ul li a{float:left; color:#6b6b6d; margin-right:5px; display:inline;} /**********mid container starts********/ #mid_container{float:left; width:500px; padding-right:10px;} #mid_container .placeholder{float:left; width:498px; padding-bottom:18px;} #mid_container h3{ display:block; font-size:13px; line-height:16px; color:#3f3d3d} /*#mid_container p{float:left; font-size:12px; line-height:14px; color:#3f3d3d; padding-bottom:14px} */ #mid_container a.link {background:url(../images/green_arrow.gif) no-repeat 0 3px; padding-left:10px;color:#707173; font-size:10px; font-weight:bold; margin-left:10px; display:inline} .caraousal{float:left; width:500px; padding-bottom:30px; } .caraousal .caraousal_inner{float:left; width:500px;} .caraousal ul{float:left; width:auto; list-style:none; margin-top:3px;} .caraousal ul li{float:left; width:auto; padding-right:2px;} .caraousal ul li .col{float:left; width:110px; background:#e0f3d6; height:141px; padding-top:9px;} .caraousal ul li .col .img_section{float:left; width:110px; text-align:center; height:59px;} .caraousal ul li .col p{float:left; width:100px; font-size:10px; line-height:13px; color:#3f3d3d; padding:10px 0 10px 10px;} .caraousal .prev{float:left; width:18px; height:70px; background:url(../images/prev.gif) no-repeat 0 0; margin:45px 5px 0 5px; display:inline;} .caraousal .next{float:right; width:18px; height:70px; background:url(../images/next.gif) no-repeat 0 0; margin:45px 2px 0 0; display:inline;} #mid_container h1{float:left; width:auto; font-size:24px; line-height:32px; font-weight:normal;color:#3f3d3d ;} #mid_container .orange_container{float:left; width:500px; padding-bottom:30px;} #mid_container .orange_container h1{float:left; width:500px; border-bottom:2px solid #ff9600; color:#3f3d3d ; font-weight:normal} #mid_container .orange_container .inner{ float:left; width:480px; background:#f9e2c4 url(../images/orange_strip.gif) repeat-x 0 0; padding:10px 10px 20px; margin-top:10px;} #mid_container .orange_container .inner .left{float:left; width:230px;} #mid_container .orange_container .inner .left .large{float:left; width:201px; height:201px; padding-bottom:10px;} #mid_container .orange_container .inner .left .caraousal_section{float:left; width:201px; height:50px;} #mid_container .orange_container .inner .left .caraousal_section .prev{float:left; width:17px; height:50px; background:url(../images/prev1.gif) no-repeat 0 0;} #mid_container .orange_container .inner .left .caraousal_section .next{float:right; width:17px; height:50px; background:url(../images/next1.gif) no-repeat 0 0;} #mid_container .orange_container .inner .left .caraousal_section ul{float:left;width:142px; list-style:none; margin-top:5px; padding-left:15px;} #mid_container .orange_container .inner .left .caraousal_section ul li{float:left; width:42px; padding:0 5px 0 0;} #mid_container .orange_container .inner .left .caraousal_section ul li img{float:left} #mid_container .orange_container .inner .right{float:left; width:250px;} #mid_container .orange_container .inner .right h3{float:left; font-size:12px; color:#fe0202; padding-bottom:10px;} #mid_container .orange_container .inner .right p{float:left; font-size:10px; line-height:12px; color:#3f3d3d; padding-bottom:10px;} #mid_container .orange_container .inner .right ul{clear:both; font-size:10px; line-height:12px; color:#3f3d3d; margin-left:20px;} #mid_container .orange_container .inner .right ol{clear:both; font-size:10px; line-height:12px; color:#3f3d3d; margin-left:20px;} #mid_container .orange_container .inner .right form{float:left; width:250px;} #mid_container .orange_container .inner .right fieldset{float:left; width:250px; border:none;} #mid_container .orange_container .inner .right fieldset .text{width:24px; height:20px; border:1px solid #ccc; text-align:center; padding-top:4px; color:#3f3d3d} #mid_container .orange_container .inner .right label{float:left;font-size:10px; line-height:24px; font-weight:bold; padding-right:5px; color:#3f3d3d} #mid_container .orange_container .inner .right .add{float:right; width:145px; padding-left:100px;} #mid_container .orange_container .inner .right .add h4{float:left; font-size:15px; line-height:17px; font-weight:normal; padding-bottom:8px;} #mid_container .orange_container .inner .right .add p{float:left; font-size:10px; line-height:14px; padding-bottom:6px;} #mid_container .list_grid{float:left; width:500px;} #mid_container .list_grid .heading{float:left; width:500px; border-bottom:1px solid #99c3db; font-weight:normal; padding-bottom:3px;} #mid_container .list_grid .heading a{ margin-top:5px;} #mid_container .list_grid .top_row{float:left; width:500px; padding-top:10px;} #mid_container .list_grid .top_row .right label{float:left;font-weight:bold;font-size:10px;} #mid_container .list_grid .top_row .right .combo{ float:left; font-size:10px;} #mid_container .list_grid .top_row .right .combo span{float:left; width:20px;font-size:10px; padding-left:3px; } #mid_container .list_grid .top_row .right .combo a{float:left; margin-top:5px;} #mid_container .paging{float:right; width:auto;} #mid_container .paging a{float:left; margin:0 2px; display:inline} #mid_container .paging ul{float:left; list-style:none} #mid_container .paging ul li{float:left; padding:0 3px;} #mid_container .paging ul li a{float:left; color:#707173; font-weight:bold} #mid_container .paging ul li a:hover,#mid_container .list_grid .paging ul li a.current{ color:#99c3db} #mid_container .list_grid .blue_box{float:left; width:144px; height:260px; background:#e3e8ed; margin:5px 5px 0 0;display:inline; padding:0 9px 0 10px; position:relative} #mid_container .list_grid .blue_box a.title{float:left; width:144px; font-size:10px; line-height:20px; font-weight:bold; color:#99c3db; height:20px; } #mid_container .list_grid .common{float:left; width:510px; padding-bottom:10px;} #mid_container .list_grid .placeholder{float:left; width:144px; height:142px; padding-bottom:0} #mid_container .list_grid p{float:left; width:144px; font-size:10px; line-height:12px; padding-top:5px; padding-bottom:10px;} #mid_container .list_grid a.link{background:url(../images/blue_arrow.gif) no-repeat 0 3px; padding-left:10px;color:#707173; font-size:10px; font-weight:bold; margin-left:0;} #mid_container .list_grid a.btn{float:right; width:119px; height:24px; background:url(../images/btn.gif) no-repeat 0 0; font-size:10px; font-weight:bold; line-height:22px; color:#707173; text-align:center; position:absolute; bottom:5px; right:10px} #mid_container .list_list .blue_box{ background:#e3e8ed; margin:10px; padding:10px;} #mid_container .list_list .placeholder{width:140px;} #mid_container_special .box {float:left; width:198px; border:1px solid #ccc;margin-left: 30px;} #mid_container_special .box .heading{float:left; width:191px; background:#e9e3e3; height:12px; padding:9px 0 9px 7px; } #mid_container_special .box .heading h3{float:left; font-size:13px; line-height:13px;} #mid_container_special .box .heading a.btn{float:right; width:10px; height:10px; background:url(../images/accord_btn4.gif) no-repeat 0 bottom; margin-right:10px; display:inline} #mid_container_special .box .heading a.btn_current{float:right; width:10px; height:10px; background:url(../images/accord_btn4.gif) no-repeat 0 0; margin-right:10px; display:inline} #mid_container_special .box .inner{float:left; width:184px; background:none; padding:9px 7px;} #mid_container_special .box .inner p{float:left; font-size:10px; line-height:12px; padding-bottom:12px;} #mid_container_special .box .inner p strong{ display:block; padding-bottom:3px;} #mid_container_special a.link{background:url(../images/arrow2.gif) no-repeat 0 3px; padding-left:10px;color:#707173; font-size:10px; font-weight:bold; margin-left:0;} #mid_container_special .box .img_section{float:left; width:184px; text-align:center; padding-bottom:10px;} #mid_container_special .box h4{float:left; width:184px; font-size:13px; line-height:13px; color:#707173} #mid_container_special .box .email{float:left} #mid_container_special .box form{float:left; width:184px;} #mid_container_special .box fieldset{float:left; width:184px; border:none; padding:8px 0 2px 0;} #mid_container_special .box fieldset .text{float:left; width:143px; border:1px solid #ccc; height:14px; padding:3px;color:#707173} #mid_container_special .box fieldset img{float:left; margin-top:4px; margin-right:6px; display:inline} /**********mid container ends********/ /**********right container starts********/ #right_container{float:left; width:200px; /*font-size:24px; line-height:32px; color:#3f3d3d;*/} #right_container ul.list{float:left; width:200px; list-style:none} #right_container ul.list li{float:left; width:120px;font-size:10px; line-height:12px; color:#6b6b6d;padding:2px 0 10px 30px;} #right_container ul.list li a{color:#6b6b6d;} #right_container ul.list li.list1{float:left; background:url(../images/icon1.gif) no-repeat 0 0;} #right_container ul.list li.list2{float:left; background:url(../images/icon2.gif) no-repeat 0 0; margin-bottom:10px; padding-top:5px;} #right_container ul.list li.list3{float:left; background:url(../images/icon3.gif) no-repeat 0 0; padding-top:5px;} #right_container .box {float:left; width:198px; border:1px solid #ccc; margin-top:16px;} #right_container .box .heading{float:left; width:191px; background:#e9e3e3; height:12px; padding:9px 0 9px 7px; } #right_container .box .heading h3{float:left; font-size:13px; line-height:13px;} #right_container .box .heading a.btn{float:right; width:10px; height:10px; background:url(../images/accord_btn4.gif) no-repeat 0 bottom; margin-right:10px; display:inline} #right_container .box .heading a.btn_current{float:right; width:10px; height:10px; background:url(../images/accord_btn4.gif) no-repeat 0 0; margin-right:10px; display:inline} .panes a.btn{width:10px; height:10px; background:url(../images/accord_btn4.gif) no-repeat 0 bottom; display:inline;float:left;margin-top:5px;} .panes a.btn_current{width:10px; height:10px; background:url(../images/accord_btn4.gif) no-repeat 0 0; display:inline;float:left;margin-top:5px;} #right_container .box .inner{float:left; width:184px; background:none; padding:9px 7px;} #right_container .box .inner p{float:left; font-size:10px; line-height:12px; padding-bottom:12px;} #right_container .box .inner p strong{ display:block; padding-bottom:3px;} #right_container a.link{background:url(../images/arrow2.gif) no-repeat 0 3px; padding-left:10px;color:#707173; font-size:10px; font-weight:bold; margin-left:0;} #right_container .box .img_section{float:left; width:184px; text-align:center; padding-bottom:10px;} #right_container .box h4{float:left; width:184px; font-size:13px; line-height:13px; color:#707173} #right_container .box .email{float:left} #right_container .box form{float:left; width:184px;} #right_container .box fieldset{float:left; width:184px; border:none; padding:8px 0 2px 0;} #right_container .box fieldset .text{float:left; width:143px; border:1px solid #ccc; height:14px; padding:3px;color:#707173} #right_container .box fieldset img{float:left; margin-top:4px; margin-right:6px; display:inline} /**********right container ends********/ /*************footer starts****************/ #footer{ float:left; width:920px; background:url(../images/footer_bg1.jpg) no-repeat center 0; padding-top:25px; padding-bottom:40px;} #footer ul.link1{ margin:0 auto; width:920px; text-align:center; padding-bottom:28px; padding-top:10px;} #footer ul.link1 li{ font-size:14px; line-height:16px; color:#3f3d3d; display:inline; padding:0 20px;} #footer ul.link1 li a{color:#3f3d3d} #footer ul.link1 li a.current{ font-weight:bold;} #footer .link2{float:left; width:920px; background:url(../images/line.jpg) no-repeat center 0; padding-top:10px;} #footer .link2 ul{ margin:0 auto; width:920px; text-align:center; line-height:normal} #footer .link2 ul li{ font-size:10px; line-height:12px; color:#000; display:inline;} #footer .link2 ul li a{ color:#000 ;margin-right:3px; display:inline} #footer .link2 p{float:left; width:920px; text-align:center; font-size:10px; line-height:20px; color:#000} .caraousal_inner{float:left ; width:201px;} .stepcarousel_meet{ float:left; position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 450px; /*Width of Carousel Viewer itself*/ height: 150px; float:left; /*Height should enough to fit largest content's height*/ } .stepcarousel_meet .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel_meet .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ width: 450px; height: 150px; border:none; } .stepcarousel_meettwo{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 150px; /*Width of Carousel Viewer itself*/ height: 45px; float:left /*Height should enough to fit largest content's height*/ } .stepcarousel_meettwo .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel_meettwo .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ width: 150px; height: 45px; border:none; } /*************contact form****************/ #kon { border:none; width:100%; height:100%; color:#3e3c3d; font-size:10px; } #kon h1 { margin:0; font-size:24px; color:#3c3c3c; font-style:normal; } #kon h3 { border-bottom:1px solid #01806f;} #kon P { font-size:10px; } #kon LABEL { display:inline-block; margin:10px 2px 0px 0px; width:102px; font-size:10px; } #kon INPUT { margin-top:5px; width:100px; font-size:10px; } #kon TEXTAREA { width:400px; height:120px; margin:5px; } #kon .order_firma LABEL { display:inline; width:200px; } #kon .radio { width:10px; border:none; margin-left:5px; margin-right:5px; } #kon .order_nr_i { width:30px; } #kon .order_email { width:210px; } #kon .order_nr_l { width:32px; } #kon .order_plz_i { width:60px; } #kon .order_plz_l { width:62px; } #kon .order_check { width:20px; } #kon .order_check_l { width:450px; display:inline; } #kon LABEL.error { display:none !important; } #kon TEXTAREA.error { border:1px dotted #2B2B2B; background:yellow; } #kon INPUT.error { border:1px dotted #2B2B2B; } #kon INPUT.error { background:yellow;} /*************order form****************/ .order_hidediv_click { margin-bottom:20px; width:100%;} .order_hidediv_click_img { width:10px; height:10px; } .order_hidediv_click_text_open { margin-bottom:10px;width:100%; height:10px; border-bottom:1px solid black;} .order_hidediv_click_text_closed { margin-bottom:10px;width:100%; height:10px; border-bottom:1px solid black;} #order { border:none; width:100%; height:100%; color:#3e3c3d; font-size:10px; } #order h1 { margin:0; font-size:24px; color:#3c3c3c; font-style:normal; } #order h3 { border-bottom:1px solid #01806f;} #order P { font-size:10px; } #order LABEL { display:inline-block; margin:10px 2px 0px 0px; width:102px; font-size:10px; } #order INPUT { margin-top:5px; width:100px; font-size:10px; } #order TEXTAREA { width:300px; height:120px;margin-top: 5px} #order .order_firma LABEL { display:inline; width:200px; } #order .radio { width:10px; border:none; margin-left:5px; margin-right:5px; } #order .street_nr{ width:30px; } #order .email { width:210px; } #order .long { width:300px; } #order .normal { width:150px; } #order .order_nr_l { width:32px; } #order .zip_code { width:60px; } #order .order_plz_l { width:62px; } #order .accepted { width:20px; } #order .order_check_l { width:450px; display:inline; } #order LABEL.error { display:none !important; } #order TEXTAREA.error { border:1px dotted #2B2B2B; background:yellow; } #order INPUT.error { border:1px dotted #2B2B2B; } #order INPUT.error { background:yellow;} #kon .street_nr{ width:30px; } #kon .email { width:210px; } #kon .long { width:300px; } #kon .normal { width:150px; } #kon .zip_code { width:60px; } #kon .kon_check { width:20px; } #kon .accepted { width:20px; } #kon .contactmy { width:20px; } #newsletter_form .option {width: 20px;} #newsletter_form label { margin-top:5px; width:100px; font-size:10px; color:#707173; line-height:16px;} .input_form { border:1px solid #CCCCCC; color:#707173;height:14px;padding:3px;} #login { border:none; width:100%; height:100%; color:#3e3c3d; font-size:10px; } #login h1 { margin:0; font-size:24px; color:#3c3c3c; font-style:normal; } #login h3 { border-bottom:1px solid #01806f;} #login P { font-size:10px; } #login LABEL { display:inline-block; margin:10px 2px 0px 0px; width:102px; font-size:10px; } #login INPUT { margin-top:5px; width:100px; font-size:10px; } #login TEXTAREA { width:400px; height:120px; margin:5px; } #login .order_firma LABEL { display:inline; width:200px; } #login .radio { width:10px; border:none; margin-left:5px; margin-right:5px; } #login .street_nr{ width:30px; } #login .email { width:210px; } #login .long { width:300px; } #login .normal { width:150px; } #login .order_nr_l { width:32px; } #login .zip_code { width:60px; } #login .order_plz_l { width:62px; } #login .accepted { width:20px; } #login .order_check_l { width:450px; display:inline; } #login LABEL.error { display:none !important; } #login TEXTAREA.error { border:1px dotted #2B2B2B; background:yellow; } #login INPUT.error { border:1px dotted #2B2B2B; } #login INPUT.error { background:yellow;} #order_fields_attr { width:480px;padding:10px 10px 10px 10px;height:15px;font-size:12px; font-weight:bold; border-top:1px solid black;border-bottom:1px solid black; } #order_fields_attr DIV { float:left;width:100px;vertical-align:middle; } .order_fields { background-color:#cbdddd; width:480px; margin: 0px 0px 10px 0px; padding:10px 10px 10px 10px; } .order_fields_count { border:none; width:50px; margin-right:10px; } .order_fields_art_n { border:none; width:140px; margin-right:10px; } .order_fields_art_d { border:none; width:230px; } .form_button { width:139px; vertical-align:middle; font-size:10px; font-weight:bold; font-family:verdana;color:#6b6b6d; border:1px solid #dfddde;background: none;-moz-border-radius:0.5em;-webkit-border-radius:0.5em; margin:5px;padding: 5px ;cursor: pointer;} .form_button_a { width:139px; vertical-align:middle; font-size:10px; font-weight:bold; font-family:verdana;color:#6b6b6d; border:1px solid #dfddde;-moz-border-radius:0.5em;-webkit-border-radius:0.5em; margin:5px;padding: 6px } /*************footer ends****************/ /************body_container ends*********/ /***********layout ends****************/ /* BOX1: box z zaokrąglonym tłem, tlo dla elementow */ .BOX1 { } .BOX1 .TOP, .BOX1 .BOTTOM { margin-left:10px; } .BOX1 .TOP .ONE, .BOX1 .BOTTOM .ONE{ position:relative; height:10px; padding:0 10px 0 0; } .BOX1.WHITE .TOP .ONE { background: url('../images/bg/bg_04.png') no-repeat right top;} .BOX1.WHITE .BOTTOM .ONE { background: url('../images/bg/bg_04.png') no-repeat right bottom;} .BOX1.BLACK .TOP .ONE { background: url('../images/bg/bg_05.png') no-repeat right top;} .BOX1.BLACK .BOTTOM .ONE { background: url('../images/bg/bg_05.png') no-repeat right bottom;} .BOX1.SPECIAL1 .TOP .ONE { background: url('../images/bg/bg_06.png') no-repeat right top;} .BOX1.SPECIAL1 .BOTTOM .ONE { background: url('../images/bg/bg_06.png') no-repeat right bottom;} .BOX1.SPECIAL2 .TOP .ONE { background: url('../images/bg/bg_13.png') no-repeat right top;} .BOX1.SPECIAL2 .BOTTOM .ONE { background: url('../images/bg/bg_13.png') no-repeat right bottom;} .BOX1.SPECIAL3 .TOP .ONE { background: url('../images/bg/bg_14.png') no-repeat right top;} .BOX1.SPECIAL3 .BOTTOM .ONE { background: url('../images/bg/bg_14.png') no-repeat right bottom;} .BOX1.SPECIAL4 .TOP .ONE { background: url('../images/bg/bg_9.png') no-repeat right top;} .BOX1.SPECIAL4 .BOTTOM .ONE { background: url('../images/bg/bg_9.png') no-repeat right bottom;} .BOX1.SPECIAL5 .TOP .ONE { background: url('../images/bg/bg_10.png') no-repeat right top;} .BOX1.SPECIAL5 .BOTTOM .ONE { background: url('../images/bg/bg_10.png') no-repeat right bottom;} .BOX1 .TOP .ONE div, .BOX1 .BOTTOM .ONE div { position:absolute; left:0; top:0; margin-left:-10px; height:10px; width:10px; } .BOX1.WHITE .TOP .ONE div { background: url('../images/bg/bg_04.png') no-repeat left top; } .BOX1.WHITE .BOTTOM .ONE div { background: url('../images/bg/bg_04.png') no-repeat left bottom; } .BOX1.BLACK .TOP .ONE div { background: url('../images/bg/bg_05.png') no-repeat left top;} .BOX1.BLACK .BOTTOM .ONE div { background: url('../images/bg/bg_05.png') no-repeat left bottom; } .BOX1.SPECIAL1 .TOP .ONE div { background: url('../images/bg/bg_06.png') no-repeat left top; } .BOX1.SPECIAL1 .BOTTOM .ONE div { background: url('../images/bg/bg_06.png') no-repeat left bottom; } .BOX1.SPECIAL2 .TOP .ONE div { background: url('../images/bg/bg_13.png') no-repeat left top; } .BOX1.SPECIAL2 .BOTTOM .ONE div { background: url('../images/bg/bg_13.png') no-repeat left bottom; } .BOX1.SPECIAL3 .TOP .ONE div { background: url('../images/bg/bg_14.png') no-repeat left top; } .BOX1.SPECIAL3 .BOTTOM .ONE div { background: url('../images/bg/bg_14.png') no-repeat left bottom; } .BOX1.SPECIAL4 .TOP .ONE div { background: url('../images/bg/bg_9.png') no-repeat left top; } .BOX1.SPECIAL4 .BOTTOM .ONE div { background: url('../images/bg/bg_9.png') no-repeat left bottom; } .BOX1.SPECIAL5 .TOP .ONE div { background: url('../images/bg/bg_10.png') no-repeat left top; } .BOX1.SPECIAL5 .BOTTOM .ONE div { background: url('../images/bg/bg_10.png') no-repeat left bottom; } .BOX1 .MIDDLE { padding:0 8px; } .BOX1.WHITE .MIDDLE { background: #FFF; } .BOX1.BLACK .MIDDLE { background: #000; } .BOX1.SPECIAL1 .MIDDLE { background: #66C6E2; padding: 0 3px; } .BOX1.SPECIAL1 .MIDDLE div.ADD_BOX{ background: #eaf8fb; } .BOX1.SPECIAL2 .MIDDLE { background: #63c5e2; } .BOX1.SPECIAL3 .MIDDLE { background: #e3e3e3; } .BOX1.SPECIAL4 .MIDDLE { background: #84cee4; } .BOX1.SPECIAL5 .MIDDLE { background: #FFFFFF url('../images/bg/bg_10.png') repeat-y -50px 0; } /*nowe style - dropdown menu*/ ul#topnav { margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; } ul#topnav li { position: relative; /*--Important--*/ } ul#topnav li .sub { position: absolute; /*--Important--*/ top: 34px; left: 0; z-index: 99999; background: url("/assets/frontend/images/box_background.png") repeat-x scroll 0 0 transparent; /*--Background gradient--*/ /*padding: 20px 20px 20px;*/ float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; /*--Hidden for those with js turned off--*/ } ul#topnav li .sub2 { background: url("/assets/frontend/images/box_background2.jpg") repeat-x scroll 0 0 transparent; /*--Background gradient--*/ } ul#topnav li .sub3 { background: url("/assets/frontend/images/box_background3.jpg") repeat-x scroll 0 0 transparent; /*--Background gradient--*/ } ul#topnav li .sub4 { background: url("/assets/frontend/images/box_background4.jpg") repeat-x scroll 0 0 transparent; /*--Background gradient--*/ } #dropdown_links{ color:#000000; display:inline; font-size:10px; line-height:12px; } #dropdown_links li{ color:#000000; display:inline; font-size:10px; line-height:12px; } #dropdown_menu_list1, #dropdown_menu_list2{ color:black; list-style:none; /*list-style-image: url(/assets/frontend/images/small_arrow.png);*/ padding-left:10px; } #sideMenu{ color:black; list-style:none; /*list-style-image: url(/assets/frontend/images/small_arrow.png);*/ margin-left:5px; } #sideMenu li{ padding-left:10px; background: transparent url(/assets/frontend/images/small_arrow.png) no-repeat; } #sideMenu a{ color:black; font-decoration:none; } #sideMenu a.active, #sideMenu a:hover{ color:#68DA46; font-weight:bold; } ul#topnav li .sub a.active, ul#topnav li .sub a:hover{ color:#68DA46; font-weight:bold; } ul#topnav li .sub2 a.active, ul#topnav li .sub2 a:hover{ color:#b5ba37; font-weight:bold; } ul#topnav li .sub3 a.active, ul#topnav li .sub3 a:hover{ color:#ff9600; font-weight:bold; } ul#topnav li .sub4 a.active, ul#topnav li .sub4 a:hover{ color:#ff7544; font-weight:bold; } #dropdown_menu_list1 li, #dropdown_menu_list2 li{ color:black; font-weight:normal; width:170px; font-size:10px; line-height:12px; background: transparent url(/assets/frontend/images/small_arrow.png) no-repeat scroll 0 1px; } #dropdown_menu_list1.red li, #dropdown_menu_list2.red li{ background: transparent url(/assets/frontend/images/small_arrow2.png) no-repeat scroll 0 1px; } #dropdown_menu_list1.orange li, #dropdown_menu_list2.orange li{ background: transparent url(/assets/frontend/images/small_arrow3.png) no-repeat scroll 0 1px; } #dropdown_menu_list1.yellow li, #dropdown_menu_list2.yellow li{ background: transparent url(/assets/frontend/images/small_arrow4.png) no-repeat scroll 0 1px; } #dropdown_menu_list1 li a, #dropdown_menu_list2 li a{ color:black; font-weight:normal; width:170px; font-size:10px; line-height:12px; padding-left:10px; } #dropdown_menu_list1 li a:hover, #dropdown_menu_list2 li a:hover{ color:#68DA46; cursor:pointer; }