/*-------------------------------------------------------------------*/ /*----------- HTTML, BODY , HLAVNI TABULKA A HLAVNI BOXY ---------------*/ /*-----------------------------------------------------------------------*/ html, body { font-family: Tahoma ,Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 82%; margin: 0; padding: 0; text-align: center; background: url(../images/bg.jpg) repeat-x #80A3EA ; } div#main { margin: auto; text-align: left; width: 996px; background: url(../images/design/bg_main.gif) repeat-y; text-align: center; } div#main2 { background: url(../images/design/top.gif) no-repeat ; text-align: left; } table { font-size: 1.1em; } td { vertical-align: top; } img { border: 0; } #natahovak { width: 611px; font-size: 1px; line-height: 1px; height: 1px; clear: both; float: left; } .cleaner { clear: both; height: 1px; line-height: 1px; font-size: .1em; } /*----------HLAVNI TABULKA----------------*/ table.main_tbl { width: 976px; margin: 0 auto; } table.main_tbl td.t_left { width: 153px; padding-top: 10px; } table.main_tbl td.t_center { padding-top: 10px; } table.main_tbl td.t_right { width: 182px; padding-top: 10px; } /*----------HLAVNI BOXY----------------*/ div#left { width: 153px; } div#center { margin: 0 15px 0 15px; } div#right { width: 182px; } /*----------CENTER dlouhy ---------------*/ #center_long .center_header_long { /*background: url(../images/design/cont_center_top_long.gif) no-repeat ; */ height: 9px; font-size: 0; margin: 0 8px; } #center_long .center_footer_long { background: url(../images/design/cont_center_bottom_long.gif) no-repeat ; height: 9px; margin: 0 0 0 8px; clear: both; } #center_long .center_cont_long { background: #fff; margin: 0 8px; padding: 0 8px; background: #fff; line-height: 15px; } /*-----------------------------------------------------------------------*/ /*--------------------------- TOP -------------------------------------*/ /*-----------------------------------------------------------------------*/ #top { position: relative; width: 100%; height: 111px; float: left; } #top #logo { position: absolute; left: 25px; top: 28px; z-index: 9000; } #bottom { height: 21px; background: url(../images/design/bottom.gif) no-repeat; } /*---------- STATIC PAGES NAVIGATION----------------*/ ul#top_nav { position: absolute; top: 29px; right: 10px; padding: 0; margin: 0; list-style: none; } ul#top_nav li { margin: 0; padding: 0 11px 0 5px; float: right; list-style-image: none; background-position: 100% 50%; } ul#top_nav li.top_stranka_8 { background: url(../images/design/topli1.gif) no-repeat 100% 50%; } ul#top_nav li.top_stranka_7 { background: url(../images/design/topli2.gif) no-repeat 100% 50%; } ul#top_nav li.top_stranka_6 { background: url(../images/design/topli3.gif) no-repeat 100% 50%; } ul#top_nav li.top_stranka_5 { background: url(../images/design/topli4.gif) no-repeat 100% 50%; } ul#top_nav li.top_stranka_4 { background: url(../images/design/topli5.gif) no-repeat 100% 50%; } ul#top_nav li.top_stranka_3 { background: url(../images/design/topli6.gif) no-repeat 100% 50%; } ul#top_nav li.top_stranka_2 { background: url(../images/design/topli7.gif) no-repeat 100% 50%; } ul#top_nav li.top_stranka_1 { background: url(../images/design/topli8.gif) no-repeat 100% 50%; } ul#top_nav li a, ul#top_nav li a.lastli { font-size: .9em; padding: 0 5px; display: block; } ul#top_nav li a.lastli { border-right: 0; } ul#top_nav li a.active { text-decoration: underline; } #sublista #searchform { position: absolute; left: 150px; top: 7px; width: 650px; text-align: center; } #sublista #searchform fieldset { border: 0; font-size: 1em; padding: 0; margin: 0; } #sublista #searchform fieldset label { color: #000; padding-right: 5px; font-size: .9em; } #sublista #searchform select { width: 220px; margin: 0px 10px 0px 0px; font-size: 0.9em; } #sublista #searchform .vyraz { width: 165px; color: #6F6F6F; font-size: 0.9em; } #sublista #searchform .sub { width: 80px; height: 19px; border: 0; background: url(../images/design/but_go_submit.gif) no-repeat; position: relative; top: 1px; } /*-----------------SUBLISTA-----------------*/ #sublista { clear: both; position: relative; height: 39px; z-index: 10; } #header_box, #loged_in { width: 180px; position: absolute; right: 2px; top: 2px; text-align: center;} #sublista a.customer_nologin { float: right; font-size: 10px; color: #fff; width: 163px; height: 32px; line-height: 32px; padding: 0; font-weight: bold; margin: 0; display: block; } #sublista a.customer_nologin a:hover { color: red; } #sublista a.customer_nologin span { margin-left: 0px; display: block; } .loged_in_cont { height: 35px; float: right; text-align: left; margin-right: 10px; } #sublista a.customer_logedin { font-size: 10px; color: #fff; font-weight: bold; margin: 0 0 0 20px; display: block; float: left; text-align: left; padding: 10px 3px 0 0px; } a.be_banners { display: none; } /*-----------------------------------------------------------------------*/ /*--------------------------- SLOUPCE ----------------------------------*/ /*-----------------------------------------------------------------------*/ #left h3, #right h3 { background: url(../images/design/bg_left_header.gif) no-repeat top right ; margin: 0; padding: 5px 0 5px 10px; color: white; font-size: 1em; line-height: 20px; clear: both; } #left .container, #right .container { background: #C5D9FF; margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #fff; } #right .container .best_sel_cont { background: #fff; border: 1px solid #2F88D4; border-top: 0; } /*-----------menicka v pravem a levem sloupci ------------*/ #left ul, #right ul { padding: 5px 0; margin: 0; list-style-type: none; } #right ul.subscribe li { list-style: none; list-style-image: none; background: none; } #right ul { background:#fff; padding: 0; margin: 0; } #left h4, #right h4 { background: #E6E6E6; padding: 2px 0 2px 10px; margin: 0; font-size: .9em; text-align: left; } /*---------LEVE MENICKO -----------*/ #left div.rl_box { } #left div.rl_box ul li span.higher { position: absolute; left: -14px; top: 6px; } html>body #left div.rl_box ul li span.higher { position: absolute; left: 7px; top: 6px; } /*-- 1. level ---*/ #left div.rl_box ul { padding: 0; margin: 0; list-style: none; list-style-image: none ; } #left div.rl_box ul li { padding: 3px 5px 3px 22px ; margin: 0; list-style: none; list-style-image: none; border-bottom: 1px solid #88A8E4; position: relative; } #left div.rl_box ul li a { font-size: .9em; padding: 3px 0 3px 0; font-weight: bold; color: #2F4987; } /*-- 2. level ---*/ #left div.rl_box ul li ul li { border: 0; padding-left: 20px; background: url(../images/design/li_left.gif) no-repeat 8px 7px; } #left div.rl_box ul li ul li a { color: #21335E; font-weight: normal; } /*-- 3. level ---*/ #left div.rl_box ul li ul li ul li a { color: #374C91; } #left ul li a.down, #left ul li a.selected { color: black; text-decoration: underline; } .help_menu ul li { padding: 2px 8px 2px 20px; margin: 0; list-style-image: none; background: url(../images/design/li_sluzby.gif) no-repeat 8px 3px; } .help_menu ul li a { font-size: .9em; } #left ul#ul_my_account { } #left ul#ul_my_account li { background: none; padding: 2px 10px 2px 7px ; list-style: none; list-style-image: none; border-bottom: 1px solid #88A8E4; } #left ul#ul_my_account li a { font-size: .9em; color: #0B4397; padding: 3px 0; } #right ul li a { display: block; vertical-align: bottom; padding: 2px 5px 1px 17px; background: url(../images/design/disc_left.gif) no-repeat 5px 5px; font-size: 1em; width: 182px; _width: 158px; } html>body #right ul li a { width: 158px; } /*---------------- nejprodavanejsi zbozi -----------*/ #right ul.best_sel { list-style: none; padding: 0; margin: 0; } #right ul.best_sel li, #right ul.best_sel li.firstli,#right ul.best_sel li.lastli { border-bottom: 1px solid #C5C5C5; padding: 0 0 3px 0; margin: 0; display: block; width: 180px; text-align: right; clear: both; } #right ul.best_sel li.firstli { border-bottom: 0; } #right ul.best_sel li.lastli { border-bottom: 0; } #right ul.best_sel li div.image { padding: 0; margin: 0 5px 0 0; float: left; width: 75px; } #right ul.best_sel li div.image a{ padding: 0; margin: 0; background: none; width: 75px; } #right ul.best_sel li a { background: none; display: block; float: left; font-size: .9em; margin: 3px 0 0 5px; padding: 0; text-align: left; width: 55%; } #right span.cleaner { display: block; clear: both; } #right ul.best_sel li .price { float: right; width: 36%; color: black; margin: 3px 5px 0 0; font-weight: bold; font-style: normal; font-size: .9em; } #right ul.best_sel li h4 { padding: 3px 0 3px 10px; margin: 0; } #left .help_ol { padding-bottom: 0; text-align: left; } #left .help_ol ol { margin-top: 0; padding-top: 5px; margin-bottom: 0; padding-bottom: 0; list-style-type: decimal; } #left .help_ol ol li { margin-left: -10px; padding: 2px 0 3px 0; list-style-type: decimal; text-align: left; } #left .help_ol ol li a { font-size: 1em; background: none; } #left .help_ol ol li em { display: block; text-align: right; padding: 0 5px 0 0; margin: 0; font-style: normal; } #left .span { display: none; margin-bottom: 0; height: 0px; } #right .span { clear: both; display: none; margin-bottom: 0; height: 0; } #right .box { background: #F9F9F9; border: 1px solid #C5C5C5; padding: 5px; margin-bottom: 10px; } #right .box strong, #right .box a { font-weight: bold; } /*-----------------newsletter--------------*/ #right .newsletter { display: block; font-size: .9em; margin: 4px 0; } #right fieldset { margin: 0 8px 0 8px; padding: 0; border: 0; } #right fieldset .vyraz { color: Gray; font-size: .9em; width: 150px; } html>body #right fieldset .vyraz { width: 155px; } #right fieldset .sub { width: 106px; height: 33px; background: url(../images/design/but_subscribe.gif) no-repeat; border: 0; margin: 0 0 0 41px; } html>body #right fieldset .sub { margin: 0 0 0 55px; } /*----------------- secure carty --------------*/ #right .float_secure { border-right: 1px solid #C5C5C5; border-left: 1px solid #C5C5C5; padding: 5px 0 0 10px; } #right .float_secure a { background: none; padding: 0; margin: 0; } /*----------------- mini basket napravo --------------*/ #basket { padding-top: 5px; } #basket table { margin-left: auto; margin-right: auto; font-size: 1.1em; width: 165px; } #basket table td b { text-align: right; display: block; } #basket table td.border_b { border-top: 1px solid #0071CD; height: 1px; } a.basket_view { display: block; font-size: .9em; font-weight: bold; margin: 10px 0 4px 10px; } a.basket_check { margin-left: 8px; display: block; } /*-----------------------------------------------------------------------*/ /*--------------------------- HLAVICKY ----------------------------------*/ /*-----------------------------------------------------------------------*/ .header { width: 100%; border-bottom: 2px solid #536DB1; /**/ height: 21px; clear: both; margin: 0 0 5px 0; } .header a { float: right; display: block; margin: 6px 0px 0 0; padding: 0 3px 0 0; font-size: .85em; } .header a.why { margin: 4px 0 0 5px; float: left; background: none; font-size: .9em; } #bundle .header span { float: right; margin: 2px 15px 0 0; font-size: 1.1em; font-weight: bold; } .header .nadpis { color: White; background: url(../images/design/bg_header.gif) top right; margin-bottom: 1px; float: left; font-weight: bold; padding: 0 0 0 7px; font-size: 12px; } .header .nadpis h2, .header .nadpis h3 { color: white; padding: 2px 7px 2px 0; margin: 0; font-size: 1.1em; background: url(../images/design/white_roh_prava.gif) no-repeat right top; max-width: 520px; } .header .nadpis h2.b1_h2 { max-width: 350px; } .header .nadpis h2.b2_h2 { max-width: 220px; } /*--------------- DIVY - obaluji jednotlive elmenty strankek ------------------*/ .testim, .cards, .b_sel, #sa, .vypis_tbl, .comparing, #bundle, #ratings, #description, #specification, .comp, .added, .also_need, .rl_navig { width: 100%; margin: 10px 0 0 0; clear: both; float: left; } /*--------------- TESTIMONALS - HODNOCENI - stranek ------------------*/ .testim .stars { width: 82px; float: right; height: 15px; border: 1px solid white; } .stars span, .stars span.half, #detail_b table#detail_ratings td span, #detail_b table#detail_ratings td span.half { float: left; width: 16px; height: 15px; background: url(../images/design/star.gif) no-repeat; } .stars span.half, #detail_b table#detail_ratings td span.half { background: url(../images/design/star_half.gif) no-repeat; } .testim h5 { margin: 0 0 10px 0; padding: 0; } .testim p { margin: 0 0 5px 0; padding: 0; } .testim hr { height: 1px; background: #C5C5C5; border: 0; clear: both; padding: 0; margin: 0; } html>body .testim hr { margin: 5px 0; } /*--------CARDS-------*/ .cards { position: relative; } .cards .card { float: left; height: 75px; display: block; } /*--------COMPARE----------------*/ .comparing {} .comp { background: url(../images/design/compare_icon_big.gif) no-repeat; width: 100%; } .comp .com_prod { margin: 0 0 0 50px; background: #E6E6E6; padding: 2px 0 2px 5px; } .comp .com_prod .follow { font-weight: bold; display: block; width: 150px; float: left; font-size: .9em; } .com_prod ul { padding: 0; margin: 0; float: left; width: 405px; } .com_prod ul li { list-style-image: none; list-style-type: none; float: left; padding: 0; margin: 0; margin: 0 0 0px 10px; height: 20px; display: block; text-align: left; } .com_prod ul li a { padding: 0 0 0 10px; background: url(../images/design/disc_left.gif) no-repeat 0px 3px; font-size: .8em; font-weight: bold; display: block; width: 194px; _width: 174px; } html>body .com_prod ul li a { width: 174px; } .com_prod ul li div { text-align: right; background: url(../images/design/remove_compare.gif) 100% 70% no-repeat; border-bottom: 1px solid #fff; } .com_prod ul li div a { background: none; font-size: .8em; font-weight: normal; padding: 0 9px 0 0; } .comparing table { font-size: .9em; clear: both; } .comparing table th img { display: block; margin-left: auto; margin-right: auto; } .comparing table tr.names td, .comparing table tr.names td.first { font-size: 1em; } .comparing table tr.names td.first { width: 115px; } .comparing table tr.names, .comparing table tr.prices { font-weight: bold; background: #E6E6E6; font-size: 1.1em; } .comparing table tr.prices { color: #CC0000; background: white; } .comparing table tr.bg { background: #E6E6E6; } .comparing table td.first { font-weight: bold; } .comparing table td em { font-weight: normal; font-style: normal; } /*--------------------- SHOW INFO - popup okno ( napr. if pridam zbozi ) ----------*/ .show_info { visibility: hidden; padding: 5px; color: #000; width: 260px; border: 1px solid black; background-color: #fff; position: absolute; top: 200px; left: 200px; z-index: 1000; /* 16.09.05 pf kvuli [?] *//* 16.09.05 pf kvuli [?] */ } .show_buy_close { float: right; } .show_buy_close_x { color: #990000; } /*------------- HLEDANI - VYSLEDKY HLEDANI ------------*/ table#no_results { width: 100%; margin: 10px 0 0 0; } table#no_results td { width: 50%; text-align: center; } table#no_results td.td_search { padding-right: 10px; } table#no_results td.td_call { padding-left: 10px; } #search2 input { width: 130px; } #search2 fieldset { border: 0; } #search2 input.sub { background: url(../images/design/butt_search_again.gif) no-repeat; width: 130px; height: 32px; border: 0; position: relative; top: 3px; } html>body #search2 input.sub { top: 0; } #call_the_team .call_cont h1 { font-size: 20px; color: #340E71; margin-top: 13px; } /*-------site map -------*/ #mapa ul { list-style: none; margin-top: 0px; margin-left: 20px; } #mapa ul li { list-style-image: none; background: none; } #mapa ul li ul li { background: none; } #mapa ul li ul li ul li { background: none; } #mapa ul li a { color: #000; line-height: 12px; padding: 0; margin: 0; list-style: none; font-weight: bold; text-indent: 0; } #mapa ul li a:hover { color: #000; } #mapa ul li a, #mapa ul li ul li a, #mapa ul li ul li ul li a, #mapa ul li ul li ul li ul li a { color: #340E71; font-weight: normal; padding: 0px 0px 0px 0px; } #mapa ul li a { font-weight: bold; } #mapa ul li ul li a:hover { color: #000; } span#online_finance_left { border: 0; background: #F9F9F9; } /*------------- UNKNOWN ------------*/ table.t_recom { clear: both; font-weight: bold; } table.t_recom td { font-size: 1.1em; } .rl_navig a.rightback, .rl_navig a.leftback { text-align: right; float: right; font-weight: bold; font-size: .9em; padding: 0; margin: 0; } .rl_navig a.leftback { float: left; } #crumb_trail { text-align: left; clear: both; display: block; font-size: .9em; margin: 5px 0; } .small_info { font-size: 0.9em; font-style: italic; } #homepage_banners { width: 100%; text-align: center; } #close_window { margin: 10px 0px 0px 10px; text-align: center; font-family: "Courier New", Courier, monospace; } #close_window a { color: green; } #form_change_special_offer { position: relative; top: -15px; } a.ext_url { margin-top: -3px; margin-left: 10px; } a.view_all { font-weight: bold; } #iframe_3d_secure { width: 772px; height: 600px; float: left; padding: 0; margin: 5px 0 0 0; } td.t_left .banner { margin-bottom: 10px; clear: both; } /*------- EOD flash banner ----*/ td.t_left .banner_flash { clear: both; width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #right input.sub { cursor: pointer; } #id_iframe_features { width: 180px; } /*--------- KURSORY ---------*/ input.sub, input.sub , #save_personal, #save_recipient, #save_billing, .cart_update_order_button { cursor: pointer; } td.basket_desc a { float: left; display: block; margin-right: 8px; } td.basket_desc h3 { margin-left: 0; } div.landing_page_desc { padding: 8px 10px; } .vypis_tbl .items td.available { text-align: center; } .vypis_tbl .items td.available span.helppromo a { float:none; display: block; width: 12px; margin-left: auto; margin-right: auto; } .footer_menu { width: 976px; margin: 15px auto; text-align: center; } .footer_menu ul { list-style-image: none; padding: 0; margin: 0; } .footer_menu ul li { display: inline; border-right: 1px solid #5159AC; } .footer_menu ul li a { padding: 0 10px; } div.ebrana_icons { width: 976px; margin: 0px auto; padding-top: 0px; padding-bottom: 0px; text-align: center; border-top: 1px solid #ccc; clear: both; } div.ebrana_icons div { display: inline; } div.ebrana_icons div img { position: relative; top: 8px; left: 10px; }