* { margin: 0; padding: 0; list-style: none; border: 0; } body,html {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:black; padding:0; margin:0; } h2{color:#c54025; font-size:1.5em; font-weight:normal;} a img {border:0;} a:link, a:visited {color:#437caf; text-decoration:underline;} a:hover {text-decoration:none;} select {border:1px solid #b3b9c3; font-size:0.9em;} .clear{ clear:both;} .hidden {display:none;} .inline {display:inline;} .red {color:#c82d24;} .fl {float:left;} .fr {float:right;} #body{ width:100%; background:url('/img/footer_bg.jpg') no-repeat center bottom;} #body.w960 {} #body.w960 #topbar #topbar_content{width:910px; padding-left:30px;} #body.w960 #topbar #topbar_content a {margin:0 3px;} #body.w960 #main {width:940px; margin:0 auto;} #body #topbar {font-size: 0.92em; width:100%; background:url('/img/topbar_bg.gif') repeat-x; height:32px; color: #d34a38;} #body #topbar #topbar_content{ margin:0 auto; padding:8px 0 0 60px;} #body #topbar #topbar_content #login{float:right; margin-top:-15px;} #body #main{ background:url('/img/main_bg.jpg') no-repeat center top; min-height:500px;} /* Logo -------------*/ #main #head h1{margin:0; padding:0; font-size:9px;padding-top:21px;} #main #head h1 #lozung{width:174px; display:block; text-align:center; padding-top:2px;} #main #head h1 a{text-decoration:none !important; color:#756018;} #main #head h1 span{display:none;} #main #head .trusted-member-icon { background: url('/img/trusted-icon-large-bg.jpg') no-repeat; color: #2D2D2C; float: right; font-size: 9px; font-weight: bold; height: 38px; margin-top: 8px; padding-left: 64px; padding-top: 15px; text-transform: uppercase; width: 102px; } /* Search -------------*/ #head .search{width:730px; height:54px; float:right; background:url('/img/search_bg.gif') no-repeat; margin-top:27px;} #head .search div {float:left;} #head .search div.for_big {width:440px; padding:16px 0 0 16px; height:38px;} #head .search div.for_big input {width:423px; height:16px; border:1px solid #cb9b5b; padding:3px;} #head .search div.separator { background:url('/img/i_go.gif') no-repeat 0px 22px; width:10px; height:54px;} #head .search div.for_select {width:150px; padding:16px 10px 0 10px; height:38px;} * html #body #main #head .search div.for_select {padding-top:17px; width:125px;} #head .search div.for_select select {width:145px; height:22px; border:1px solid #cb9b5b;} * html #body #main #head .search div.for_select select {height:23px;} #head .search div.for_button { height: 38px; padding-top: 16px; width: 85px;} #head .search div.for_button input { min-width: 50px !important; } /* Submenu grey block ------*/ div.b_submenu{width:185px; background-color:#fbfcfd; padding:5px; border:1px solid #ecebe9;} div.b_submenu ul li {height:30px; padding-left:10px; vertical-align:bottom;} div.b_submenu ul li img {margin-right:9px; margin-top:3px;} div.b_submenu ul li a {color: #4b5a6d; } div.b_submenu ul li.act a {color:#c2693d; font-weight:bold;} div.b_submenu ul li a:link, div.b_submenu ul li a:visited {text-decoration:none;} div.b_submenu ul li a:hover{text-decoration:underline;} div.b_submenu div.hr{background-color:#bed6fa; height:1px; width:100%;} * html div.b_submenu div.hr {line-height:0px; font-size:0px;} /* Content ----------------------*/ #main #center{min-height:500px; width: 730px; padding-top:23px; padding-bottom:45px; float:left;} #main #center.w940 {width:940px;} #main #center.w520 {width:520px;} #main #center.w100p {width:100%;} #main #center #content {width: 100%; min-height:450px; border:1px solid #c4d7e6; margin-top:-1px; } * html #body #main #center #content{height:670px;} h2.content_title {padding:10px 0 10px 15px; background:url('/img/h2_bg.gif') no-repeat scroll left center; color:#BA1D00; font-size:1.75em; font-weight:normal;} #body #main #center #content div.inner {padding:15px;} /* Tabs inside #body #main -------*/ #body #main #tabs{ position:relative; z-index:2; width:100%; height:27px;} #body #main #tabs ul{} #body #main #tabs ul li{float:left;} #body #main #tabs ul li {height:26px; background:url('/img/main_menu_tabs.gif') right top;} #body #main #tabs ul li a{display:block; height:19px; background:url('/img/main_menu_tabs.gif') left top; margin-right:10px; padding:7px 31px 0 14px; float:left; font-size:14px; text-decoration:none; color:#6c6b69;} * html #body #main #tabs ul li a {margin-right:5px;} #body #main #tabs ul li.act {background:url('/img/main_menu_tabs.gif') 100% 29px; height:27px;} #body #main #tabs ul li.act a{background:url('/img/main_menu_tabs.gif') 0 29px; height:20px; color:#910a06;} /* Right column ---------------------*/ #body #main #right {width:195px; float:right; padding-top:34px; } * html #body #main #right {margin-top:34px; padding:0;} #body #main .block{margin-top:16px; border:1px solid white;} #body #main .blue {border:1px solid #bfd8f7} #body #main .green {border:1px solid #bcdfa9} #body #main .block h2{font-weight:bold; font-size:1em; margin:0; padding:6px 13px;} #body #main .blue h2{ background:url('/img/block_blue.gif') repeat-x #cde3fb; color:#324661;} #body #main .green h2{ background:url('/img/block_green.gif') repeat-x #d2fcce; color:#3d6a27;} #body #main .block div.inner {padding:15px 8px 12px 10px;} #body #main .blue div.inner { background-color:#f7faff; color:#4d5a6a;} #body #main .green div.inner { background-color:#f9fef7; color:#30691c;} #body #main .block p{padding-bottom:10px;} #body #main .block a.more {display:block; background:url('/img/more.gif') no-repeat 4px; padding-left:15px; clear:both; font-size:0.8em; margin-left:70px; color:#3a78ab !Important;} /* Paginator ------*/ #paginator{padding-top:10px; text-align: center; } #paginator .separator{display:inline-block; padding: 3px 5px; cursor:default; background-color: white !important; border:none !important; } #paginator a:link, #paginator a:visited{display:inline-block; padding:3px 5px; border: 1px solid #d2d3d4; margin-right: 5px; color: black; text-decoration:none;} #paginator a:hover, #paginator a.selected{background-color: #adc7fd; border-color: #adc7fd;} /* Footer -----------------------*/ #footer { border-top: 1px solid #edd1a5; width: 100%; } #footer #col-left { float: left; width: 22%; } #footer #col-left p { margin: 14px 0 0 50px; } #footer #col-left img { float: left; margin: 10px 0 0 5px; } #footer #col-right { float: right; width: 73%; } #footer #col-right p span { text-decoration: none !important; } #footer p { color: #717171; font-size: 11px; margin: 9px 0; } #footer p span { color: #0370CD; cursor: pointer; text-decoration: underline; } #footer .menu { color: #0370CD; margin: 9px 0; } #footer .menu a { color: #0370CD; font-size: 11px; margin-left: 8px; margin-right: 8px; } #footer .menu a.first { margin-left: 0; } * html #footer #col-left { width: 22%; } /* BLOCKS AND ELEMENTS ------------------------------------*/ .goods_items li { float: left; margin: 10px; text-align: center; width: 94px; } .goods_items li a.image { background-color: #fff; border: 1px solid #C1D9EE; float: left; height:90px; margin-right:15px; overflow:hidden; width: 90px; } .goods_items li a.image img { width: 90px; } /* Buttons */ div.red_button { background: url('/img/red_button_bg.gif') left no-repeat; height: 22px; cursor: pointer; float: left; } div.red_button input {height:22px; background: url('/img/red_button_bg.gif') right no-repeat; padding: 0 16px 3px 10px; margin-left: 6px; font-size: 11px; font-weight: bold; color: #fff; cursor: pointer; border: 0 !important; max-width: 150px !important; min-width: 90px; } * html div.red_button input {margin:0 0 0 3px; padding:0 8px 0 5px; } div.blue_button{ background:url('/img/blue_button_bg.gif') left no-repeat; height:22px; cursor:pointer; float:left; } div.blue_button input {height:22px; background:url('/img/blue_button_bg.gif') right no-repeat; padding:0 16px 3px 10px; margin-left:6px; font-size:11px; font-weight:bold; color:white; cursor:pointer; border:0!important; max-width:150px!important; } * html div.blue_button input {margin:0 0 0 3px; padding:0 8px 0 5px; } div.green_button{ background:url('/img/green_button_bg.gif') left no-repeat; height:22px; cursor:pointer; float:left; } div.green_button input {height:22px; background:url('/img/green_button_bg.gif') right no-repeat; padding:0 16px 3px 10px; margin-left:6px; font-size:11px; font-weight:bold; color:white; cursor:pointer; border:0!important; max-width:150px!important; } * html div.green_button input {margin:0 0 0 3px; padding:0 8px 0 5px; } /* System messages */ .b_system_info { background: #F7FAFF url('/img/icons/info.gif') 10px 12px no-repeat; border:1px solid #C4DAFA; margin: 5px; padding:10px 10px 10px 35px; } .b_system_warning { border:1px solid #EA9797; background: #F9F0E0 url('/img/icons/attention.gif') 10px center no-repeat; margin: 5px; padding:10px 10px 10px 35px; } .blockUI { width:99.8%; } .b_pop_div { z-index:1000; width:500px; border:1px solid #5681B8; background:#FFFFFF; padding:10px; text-align:left; } /* contact now button */ a.contactNow { padding-left:25px; background:url('/img/contact_bg.jpg') no-repeat scroll left center; display:block; width:80px; height:20px; color:#8d6901; text-decoration:none; padding-top:3px; font-weight:bold; margin:0 auto; } /*pop - up*/ div.popup{position:absolute; z-index:100; width:767px; min-height:370px; margin-left:-150px; margin-top:65px; background-color:#fffefb; border:1px solid #4e7bb5; } * html div.popup {height:370px;} div.popup div.popup_inner {padding:20px 30px;} div.popup div.popup_close {width:70px; color: #4a78b3; font-size:0.91em; position:absolute; z-index:101; left:685px; } div.popup div.popup_close a{color:#d21212;} /* 404 */ .e404{background:#fff url('/img/404.jpg') no-repeat scroll left top; padding:20px 20px 20px 210px; margin:20px; font-size:130%; line-height:1.5em;} .e404 ul{margin-bottom:60px;} .e404 h2{color:#C53F24; margin:10px 0;} .block_grey {border:1px solid #e3e3e3; margin-top:15px;} .block_grey h2 { margin:0; padding:0; height:26px; line-height:26px; background:url(../img/h2_grey_bg.gif) repeat-x; font-size:1em; font-weight:normal; color:black; padding:0 10px; margin:1px;} .block_grey .inner { padding:0!important; margin:0!important;} .block_blue {border:1px solid #bfd8f7; margin-top:15px; background-color:#f8fbff;} .block_blue h2 { margin:0; padding:0; height:26px; line-height:26px; background:url(../img/h2_blue_bg.gif) repeat-x; font-size:1em; font-weight:normal; color:black; padding:0 10px; margin:1px;} .block_blue h2 a {color:#4e555f; text-decoration:none; border-bottom:dotted 1px #4e555f; margin-left:10px; } .block_blue .inner { padding:0!important; margin:0!important;} #left { float: left; width: 155px; padding-top: 10px; padding-right: 15px; } #bottom { clear: both; width: 100%; } .teaser-small { margin-top: 24px; width: 163px; } .teaser-small a { background: url('/img/button_add_good.gif') no-repeat; color: #000; display: block; font-size: 16px; font-weight: bold; height: 52px; padding-left: 60px; padding-top: 12px; text-decoration: none !important; width: 103px; } .banner { text-align: center; width: 100%; } .sapelinks li{ width:300px; float:left; padding:5px; } .sapelinks{ border:1px solid #ccc; }