/* ----- KONSTANTY ------ */ .clr, .clear {clear: both; height: 0; font-size: 0; margin: 0;display: block } .nodisplay, .hidden {display: none} fieldset {border: 1px solid #E3E3E3; margin: 0.9em 0 1.5em; padding: 0.9em 10px} legend { padding: 3px 10px 5px;font-size: 110%; font-weight: bold; border: 1px solid #E3E3E3;border-top: 2px solid #E3E3E3; background: #fff ;margin: 0 2px 10px} /* ----- NADPISY ------ */ h1, h2, h3, h4, h5, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight: bold; } h1, h2, h3, h4, h5, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, #kontakty strong {font-weight: normal} h1 {font-size: 210%; margin: 0.3em 0 0.4em; padding: 0; } h2, h3#akce, h2#produktyvse {font-size: 160%; margin: 1em 0.6em 0.5em 0; padding: 2px 0 2px 32px; } h5,h6 {font-size: 110%; margin: 0.3em 0 0.4em; padding: 0; font-weight: bold } h2#produktyvse {background: url("./../images/img_design2/produktyvse.gif") left center no-repeat} #contentleft div#documenttext h2 {font-size: 130%; margin: 1em 0.6em 0.2em 0; font-weight: bold; padding: 0} #contentleft div#documenttext h3 {font-size: 120%; margin: 1em 0.6em 0.2em 0; font-weight: bold; padding: 0} #contentleft div#documenttext p {margin: 0.2em 0 ; padding: 0} h2#h2heureka {background: url("./../images/img_design2/h2heureka.gif") left center no-repeat; } /* ----- BODY --------*/ body {font:75% Tahoma,Arial, sans-serif; _font-size: 0.7em; color: #333; line-height: 1.5; text-align: center; padding:0; margin:0;position: relative} #wrapper,.pageBottom {background: #fff;width: 939px;margin: 0 auto; padding: 0 5px; position: relative; text-align: left;border: 1px solid #fff } /* ----- HEADER -------*/ a#logo {width:274px;height:64px;float: left; text-decoration: none; padding:0;margin:15px 15px 5px 15px;_margin-left:5px;display: block; } a#logo span, a#logo strong {display:none;} #topkosik, #topinfolinka {margin: 20px 20px;_margin: 20px 5px;padding: 4px 5px 7px 55px; float: right; width:205px;text-align: left; position: relative; } #topkosik {padding: 9px 5px 10px 58px;} #h5kosik {margin: 0; padding: 2px 0 2px} /* ----- PRUH1 -------*/ #pruh1 {clear: both;padding: 1px 15px 2px; margin: 0; text-align: right; font-size: 90%;border-bottom: 1px solid #fff} #pruh1 ul, #pruh2 ul {margin: 0; padding:0;list-style:none; vertical-align: middle;} #pruh1 li, #pruh2 li {display: inline; padding: 0 5px; margin: 0} #pruh1menu1 {float: left; background: url("./../images/img_design2/icon-home.gif") left center no-repeat;} #pruh1menu1 a {padding-left: 15px} #pruh1menu2 {float: right;} #pruh1menu2 li {background: url("./../images/img_design2/icon-user.gif") left center no-repeat; padding-left: 18px;} /* ----- PRUH2 -------*/ #pruh2 {padding: 6px 15px 9px; margin: 0; _width: 909px; position: relative;z-index:998; } #pruh2 ul {float: right; } #pruh2 ul a {display: block; float: left; padding: 7px 8px; margin: 4px} #pruh2 form a { padding: 5px 0px 5px 20px; margin: 4px 0px; } #menutop {position: relative; margin:0; padding: 0; z-index: 998;} #menutop li {float: left; list-style: none; padding: 0; margin: 0;} #menutop li a {padding: 5px 20px 5px 25px; display: block; margin: 0; font-size: 110%} #menutop li li {float: none; padding: 0;position: relative; z-index:999 } #areamoreinfo {display:none;position:absolute;top:2.4em; left: 0; margin:0;padding: 0;width:212px;_width:180px; z-index:999;} .areamoreinfoNew {display:none;position:absolute;top:2.4em; left: 0;margin:0;padding: 0;width:212px;_width:180px; z-index:999;} #menutop li ul {position: relative; padding:0; margin: 0px; z-index:999; } #menutopactiv {position: relative; z-index:999; } #moreinfo_in ul, #moreinfo_in li {margin: 0; padding: 0; position: relative; z-index:999} ul#moreinfo_in a {display: block; width: 172px;_width: 100%;margin: 0; padding: 5px 20px; float: none;position: relative; } #pruh2 form {margin: 0 5px 0 0px; vertical-align: middle; padding:0; width: auto; display: inline; } #pruh2 form div {margin: 0; padding:0; display: inline; } #pruh2 a.linkUser {padding-left: 8px; vertical-align: middle; } #pruh2 #searchinput, #showEmail {padding: 4px 2px 4px 23px;_padding: 3px 2px 3px 23px; vertical-align: middle; margin: 1px 0 0;_margin-top: 2px; width: 157px;background: #fff url('./../images/img_design2/headsearch.gif') 3px 50% no-repeat; color: #666;border: 1px solid #000;} #pruh2 #searchinput {width: 207px;} #pruh2 #formSubmit {vertical-align: middle;padding: 2px 4px;_padding: 1px; margin: 1px 0 0;_margin-top: 2px;} input#showEmail {width: 115px;_width: 110px; background: #fff url('./../images/img_design2/showemail.gif') 3px 50% no-repeat;} #pruh2 div.clr {height: 0px; font-size: 0; margin: -4px 0 0;} /* ------- CONTENT -------- */ #bannertop {margin: 7px 0 0px} #bannertop img {border: 0} .pageContent {width: 100%; border-top: 6px solid #fff; background: #fff} div.content {float: right; width: 732px;_position: relative; _z-index:1; /*width: 78%;_width: 77%; padding: 0 0 0.5em;*/; } #contentleft {float: left; width: 538px; padding: 0.3em 15px 0.3em; } #contentleft2 {padding: 0.3em 15px 0.3em; } .drops {font-size: 90%; margin: 0 0 0.1em; padding: 0.2em 0 0; color: #666} #contenttop p, .seznamkategorii ul { margin:0.1em 0.2em 10px 0.4em; padding: 0; } p#indextoptextp{ margin:0.1em 1.5em 2.5em 0; padding: 0 0 0 55px;background: url("./../images/img_design2/ok.gif") 10px top no-repeat; } p#indextoptextp strong { display: block; } #indextoptextpa {margin: 0em 0em 1.4em 40px;text-align: left } #indextoptextpa a {} .akcnip {padding: 10px 12px; margin-bottom: 0} div#documenttext { margin:0.2em 0; padding: 0; } #tags {margin: 17px 0 ; padding: 4px 1px 6px 49px; } #tags h3 {font-size: 100%; font-weight: bold; margin: 0; padding: 4px 8px 0} #tags span {display: block;padding: 0 8px 4px} #tags a {margin: 2px 4px 2px 0; } #tags a.t1 {font-size: 100%} #tags a.t2 {font-size: 115%} #tags a.t3 {font-size: 130%} #tags a.t4 {font-size: 145%} #banner a img {width: 538px; height: 113px; border: 1px solid #34679A; display: block; padding: 1px; background: #fff} #banner a:hover img {border: 1px solid #64C7FA} /* HEUREKA */ div.heureka {border-top: 1px solid #F0EDED; padding: 9px 0; margin: 5px 0; } .heurekaleft {float: right; margin: 0 0 0 15px; color:#999; font-size: 90%; background:#F0EDED} .heureka strong {background: url( "./../images/img_design2/heurekauser.png" ) left top no-repeat; padding-left: 20px} .heurekaplus {background: url("./../images/img_design2/heurekaplus.gif") 4px 5px no-repeat; margin-top: 4px; padding: 1px 0 1px 20px; color: #539B15 } .heurekaminus {background: url("./../images/img_design2/heurekaminus.gif") 4px 5px no-repeat; margin-top: 4px;padding: 1px 0 1px 20px; color: #D52222 } .heureka div em {font-style: normal; display: block; padding: 4px 0} img.imgleft {float: left; display: block; padding: 2px; background: #fff; border: 1px solid #eee; margin: 3px 10px 10px 0} /* ---- BANNER INDEX ---- */ #bannerindex, #bannerindex2 {margin-top: 1.5em; } #bannerindex h2 {margin-top: 0em;} #bannerindex a {display: block; padding:6px; background: #fcf3d1 url( "./../images/img_design2/bannerindex2.png" ) left top no-repeat; border: 2px solid #FCEAA3;color: #333; text-decoration: none; position: relative} #bannerindex a:hover {border: 2px solid #fae078;} #bannerindex img {float: left; border: 1px solid #FCEAA3; margin: 0px 10px 0px 0px; width: 130px; height: 107px; position: relative} #bannerindex a:hover img {border: 1px solid #fae078;} .bannertext {display: block; padding: 3px 10px;text-decoration: none; height: 6.8em; cursor: hand} .bannertext strong { display: block; font-size: 140%; margin-bottom: 0px; margin-top: 0px; cursor: hand} .bannertext em {display: block; font-style: normal; font-weight: bold; margin: 5px 0 10px; cursor: hand} .bannersleva2 {display: block; position: absolute; top: -4px; left: -3px;_top: -2px;_left: 30px;width: 50px; height: 50px; cursor: hand; background: url("./../images/img_design2/akce-akcetydne.png") left bottom repeat-x; text-indent: -5000px; } .vypisproduktu li .bannersleva, #produktimg .bannersleva {position: absolute; top: -3px; right: -2px;_top: -2px; _right: 9px;} .vypisproduktu li .bannersleva {_top: -2px; _right: -2px;} .bannersleva em {display:none;} .bannersleva3 {display: block; position: absolute; top: 0px; left: 0px;_top: 0px;width: 35px; height: 35px; padding: 4px 0 0; background:url("./../images/img_design2/akce-sleva.png") left bottom repeat-x; text-indent: -5000px; } .bannersleva3 em {font-size: 65%; font-weight: normal; font-style: normal; display: block; color: #f9ceb9; margin: 0px auto -5px} span.bannercena {display: block;} .bannertext {color: #333; text-decoration: none; font-size: 100%} .bannercena strong {color: #333; display: inline; font-size: 110%;text-decoration: none;font-size: 120%;margin-top: 0 } .bannercena strong.akcnicena {color: #CC0000; text-decoration: none; font-size: 110%} span.bannercena span, .bannercena strong span {display: block; float: left; width: 80px; } .bannercena strong span {color: #333; font-weight: normal } #bannerindex2 a, #bannerIndex3 a {display: block; float: left; width: 264px; background: #f2fae7 /*url( "./../images/img_design2/bannerindex2.png" ) left bottom repeat-x*/; border: 1px solid #e3f5ca; color: #333; text-decoration: none; position: relative} #bannerindex2 a:hover, #bannerIndex3 a:hover {border: 1px solid #ebf8da;background: #def3c1;} #bannerindex2 img, #bannerIndex3 img {float: right; border: 1px solid #d0efa5; margin: 5px 3px 5px 3px; width: 70px; height: 58px} .bannertext2 {display: block; padding: 6px;padding-right: 74px;text-decoration: none} .bannertext2 strong {display: block; font-size: 100%} #bannerindex p,#bannerindex2 p, #bannerIndex3 p {display: inline; margin: 0; padding: 0} .bannersleva {display: block; position: absolute; top: -4px; left: -3px;width: 35px; height: 35px; background: url("./../images/img_design2/akce-tip.png") left bottom repeat-x; text-indent: -5000px; } .bannersleva8 {display: block; position: absolute; top: -4px; left: -4px;width: 50px; height: 50px; background: url("./../images/img_design2/dopravafree.png") left bottom repeat-x; text-indent: -5000px; } #bannerindex2 a.itemThumbnail_01, .vypisproduktu .itemThumbnail_01 {margin: 0 5px 5px 0; clear: left} #bannerindex2 a.itemThumbnail_02, .vypisproduktu .itemThumbnail_02 {margin: 0 0 5px 0;} #indexakcni li div.box_text p, #indexakcni3 li a span p{padding: 0; margin: 0;text-decoration: none; } .tiptydne {background: url("./../images/img_design2/akce-akcetydne.png");position: absolute; top: -5px; left: -5px;width: 35px; height: 35px; text-indent: -5000px} .vyhodnynakup {background: url("./../images/img_design2/akce-sleva.png");position: absolute; top: -5px; left: -5px;width: 35px; height: 35px; text-indent: -5000px} .doporucujeme {background: url("./../images/img_design2/akce-tip.png");position: absolute;top: -5px; left: -5px;width: 35px; height: 35px; text-indent: -5000px} /* VYPIS PRODUKTU */ div.category {margin: 0 0 1em; padding: 0 15px 0 0;} div.category h2 {margin: 0 0 0.2em; padding: 0; font-size: 110%; font-weight: bold} div.category h3 {margin: 0 0 0.1em; padding: 0; font-size: 100%; font-weight: bold} div.category p, div.category ul {margin-top: 0.1em ; margin-bottom:0.3em;} #vypisinfo {border: 1px solid #EEEEEE; padding: 1px; margin: 1em 0 0} #vyrobci {background: #F9F8F8;padding: 5px 10px 5px;margin: 0; clear: both} #vyrobci ul {margin: 0; padding: 0;display: inline; clear: both;} #vyrobci li {margin: 0; padding: 0;white-space: nowrap;float: left; list-style: none; margin-right: 15px; } #vyrobci li input {display: inline;} #vyrobci form {padding: 0; margin: 0;} #vyrobci form .clear{margin-bottom: 8px;} ul.vypisproduktu, ul.vypisproduktu2 {margin: 0; padding: 0; list-style: none; clear: both; } .vypisproduktu li {margin: 0; padding: 2px; border: 1px solid #E2EBEE; float: left; width: 223px; position: relative; background: #fff } div.demo .vypisproduktu li {width: 210px; } div#demo3 .vypisproduktu li {width: 223px; } .vypisproduktu .itemThumbnail_01 {margin: 0 5px 5px 0; clear: none} .vypisproduktu .itemThumbnail_02 {float: left; margin: 0 5px 5px 0;} #indexakcni li {width: 258px; } #indexakcni .itemThumbnail_01 {margin: 0 5px 5px 0; clear: none} #indexakcni .itemThumbnail_02 {float: left; margin: 0 5px 5px 0;} form#formProducts {position: relative; margin: 1.4em 0;_border: 1px solid #fff } #seznamkategorii2 {margin: 14px 0 0; padding: 9px 0 2px; border: 0; border-top: 1px solid #EEEEEE; background: none} .seznamkategorii ul {list-style: none; margin: 0; padding: 0; } div.seznamkategorii li {display: inline; background: none} .seznamkategorii li a {white-space: nowrap; display: block; float: left;padding: 3px 5px 3px 22px; margin-right: 10px;background: url( "./../images/img_design2/icon_categories2.gif" ) left center no-repeat; } .seznamkategorii h2, .seznamkategorii h3 {font-size: 110%;padding: 0; padding-left: 12px; padding-bottom: 5px; margin: 0} .seznamkategoriii {margin: 10px 0; padding-bottom: 4px;border: 1px solid #EEEEEE;border-top: 2px solid #EEEEEE; background: #f0f5fa} .seznamkategoriii h2, .seznamkategorii h3 {font-size: 110%; padding-left: 12px; padding-bottom: 5px;} .seznamkategoriii ul {list-style: none; margin: 0 1em 0px 1em; padding: 0} div.seznamkategoriii li { display: inline; background: none; } .seznamkategoriii li a {white-space: nowrap; background: url( "./../images/img_design/icon_categories.gif" ) left center no-repeat; padding: 2px 10px 2px 18px;} div.razeni form {display: inline; margin: 2px 0px} div.razeni select {vertical-align: middle; margin-left: 5px; padding: 1px;font-size: 90%} div.razeni div {display: inline; margin: 2px 3px} .razeni {background: #EEEEEE;padding: 0.5em; margin: 0; color: #4C4C4C; } .razeni2 { padding: 0; margin: 1em 0; } .strana {margin: 0; padding:3px; float: right} .strana a {padding: 2px 5px; background: #fff;border: 1px solid #f30;text-decoration: none} .strana strong {padding: 2px 5px; border: 1px solid #dbdbdb;} a.radit img {vertical-align: middle; width: 18px; height: 18px; border: 1px solid #fff} .kindsSearching {float: right; position: relative} .kindsSearching a {padding: 2px 0 2px 22px; background: url( "./../images/img_design/icon_param.gif" ) 0px center no-repeat;text-decoration: none;} /* ------- BOX PRODUKT -------- */ .box_top {font-size: 100%; margin: 0; padding: 3px 30px 3px 8px; height: 5em; font-weight: bold; } .box_obr {float: left; width: 100px; height: 90px; margin: -2px 5px 4px; position: relative /*overflow: hidden*/} .box_obr img {border: 1px solid #F0EDED;width: 100px; height: 82px; } div.demo .box_obrdiv#tabs-8 .box_obr {width: 90px; height: 92px;} div.demo .box_obr img {width: 90px; height: 74px; } .box_rating {padding-left: 9px; margin-top: -5px;} .box_rating img, #productRating img {border: 0;width: 13px; height: 13px; } div.demo .box_rating img, #productRating img {border: 0;width: 13px; height: 13px; } .box_cena {padding-left: 115px; color: #262626; font-size: 90%} div.demo .box_cena {padding-left: 100px;padding-top: 0px;} .box_cena .black, #recommendedBox .black {color: #666} .box_cena .black strong, #recommendedBox .black strong {} .showOldPrice {text-decoration: line-through; color: #666} .showNewPrice {font-size: 120%; } .showNewPrice strong {color:/*#ff3300*/ #333} .button_detail {display: block; vertical-align: middle; text-decoration: none; background: #999 url('./../images/img_design2/detail.gif') 7px center no-repeat; margin: 18px 1px 0px; color: #fff; float: left;padding: 4px 8px 4px 28px} div.demo .button_detail { margin: 5px 1px 0px;} .button_detail span {display: none} .box_text {clear: both; padding: 5px 8px 7px; height: 4.5em; line-height: 1.5; font-size: 95%; _font-size: 95%;} div.demo .box_text {height: 5.7em; } .box_text div, .box_text p {display: inline} /* PRODUKT */ #productside {float: right; width: 200px; padding-left: 10px; } #produktimg { margin: 0 0 1em 0; background: #fff; padding: 0.9em 5px 0.5em; text-align: center; border: 1px solid #E3E3E3;min-height:160px; position: relative } #produktimg img {display: block; margin: 0 auto 1.7em;border:0} #produktimg span {padding: 2px 0 2px 19px; } span.produktimg2 {height: 160px;display: block; padding: 0 !important} #imgdalsi {background: url( "./../images/img_design2/icon-imgdalsi.gif" ) left center no-repeat; padding: 2px 0 2px 22px; text-decoration: none} #imgzvetsit {background: url( "./../images/img_design2/icon-imgzvetsit.gif" ) left center no-repeat; text-decoration: none} #produktimg a {text-decoration: none} #productside .box_rating {text-align: center; padding:0 ; margin: 0 0 15px} #productside .box_rating table {text-align: center; padding: 0; margin: 0 auto} #productside ul {padding: 0; margin: 0 0 0.5em; list-style: none ; color: #666; background: #F7F6F6} #productside li {padding: 0; margin: 0; text-align: left; position: relative; } #productside li#printer a {background: url('./../images/img_design2/icon-print.gif') 4px center no-repeat; padding: 3px 0 3px 26px; display: block} #productside li#doporuc a {background: url('./../images/img_design2/icon-doporuc.gif') 4px center no-repeat; padding: 3px 0 3px 26px; display: block;} #productside li#facebookicon a {background: url('./../images/img_design2/bookmark-facebook.gif') 4px center no-repeat; padding: 2px 0 2px 26px; display: block;} #productmain {float: left; width: 469px; padding: 0 10px 0} #pspecial {margin-bottom: 9px; font-weight: bold; padding: 4px 6px; border: 1px solid #E3F5CA; border-left: 2px solid #20D752; background:#fff} #pspecial p {margin: 0; padding: 0} p#producttext {padding: 0 0 0.8em; margin: 0.5em 0 1em} #cenymain {width: 100%; border: 1px solid red; margin: 2em 0 0 } #ceny2 {float: left; width: 160px; border-top: 1px solid #F0F0F0} #ceny div, #ceny2 div {clear: both;padding: 3px 4px 1px; margin: 0; color: #333; border-top: 1px solid #F0F0F0;} #ceny2 div {border-top: 0;position: relative;border-bottom: 1px solid #F0F0F0 } div#ceny div.clear, #ceny2 div.clear {border: 0; height: 0; font-size: 0; margin: -3px 0 0} #ceny {float: right; width: 289px; border-bottom: 0} span.cenaleft {float: left; width: 40%; text-align: left } span.cenaright {display: block; text-align: right} .red {color: red} #prounas {background: #e0f4c4 ; border: 2px solid #c3dd9e !important; font-size: 90%; margin-top: 5px !important; padding: 4px 7px !important} div#cenamain {font-size: 110%; border: 2px solid #F0F0F0; padding: 6px 9px 1px 4px; background: #fff;} sup {font-size: 90%} #cenamain span.cenaright strong {font-size: 125%; color: #ff3300; font-weight: bold} #cenamain span.cenaright em {font-size: 70%; font-style: normal} .produktdoprava strong {border-bottom: 1px dotted #d91515; color: #d91515; font-weight: normal} div#obsahKosiku2,div#obsahKosiku3,div#obsahKosiku4 {width: 300px; display : none; border: 0; position : absolute; bottom: 1.2em; right : 0;z-index: 999; background: url('./../images/img_design2/produktdoprava.gif') right bottom no-repeat; padding: 0; padding-bottom: 28px; } #obsahKosiku2 table, #obsahKosiku3 table, #obsahKosiku4 table {min-width: 300px;_width: 300px;border-collapse: collapse; border : 5px #535252 solid; background: #fff;margin: 0; text-align: left} #obsahKosiku2 td,#obsahKosiku3 td,#obsahKosiku4 td, #obsahKosiku2 th, #obsahKosiku th{padding: 6px 8px;border: 1px solid #F7F6F6;white-space: nowrap; text-align: left } #obsahKosiku2 th, #obsahKosiku th {background: #eee} #obsahKosiku th {text-align: center } #obsahKosiku2 {text-align: right} #obsahKosiku2 td.dopravasklady, #obsahKosiku3 td.dopravasklady, #obsahKosiku4 td.dopravasklady {font-size: 90%;white-space: normal; color: #666;background:#ECECEC} div#dopravazdarma {color: #469605; padding: 2px 6px 2px 29px; background: #e6fad7 url('./../images/img_design/lorry.png') 8px center no-repeat; border: 1px solid #c0f098; margin-top: 3px; font-size: 90%} .button_kosik2 {display: block; float: right; vertical-align: middle; font-size: 0px; width: 140px; height: 27px; text-decoration: none; background: url('./../images/img_design2/kosik2.png') left top no-repeat; border: 0px solid #ccc; margin: 12px 1px 0px; padding: 0px } .button_kosik2:hover {background: url('./../images/img_design2/kosik2.png') left bottom no-repeat} .button_kosik2 span {display: none} form#formProducts2 {position: relative; margin: 1em 0; padding: 0 ; } #formProducts2 .button_kosik2 {margin: 0; position: absolute; right: 0; top: 0} #formProducts2 label {position: absolute; right: 138px; top: 2px; padding: 2px 10px; background:#E3E3E3; } #formProducts2 label input {font-size: 90%} #formProducts2 div {border: 0} #pridatkosik {border: 0} #pridatkosik div {border: 0} #pridatkosik input {vertical-align: middle} #akceprodukt {border: 2px solid #fbb53b;background: #fdf2df url("./../images/img_design2/icon-product-akce.gif") 5px 10px no-repeat; padding: 10px 10px 10px 60px} #akceprodukt span {font-size: 130%} #akceprodukt em {font-size: 90%; font-weight: normal} .demo {clear: both; margin-top: 1em} .demo h3 {font-size: 110%; margin: 0.6em 0; padding: 0; font-weight: bold} .demo h2, .demo h3#demoh3 {font-size: 120%; margin: 1em 0; padding: 0; font-weight: bold} .demo h4 {font-size: 100%; margin: 0.3em 0; padding: 0; font-weight: bold} .demo h5 {font-size: 100%; margin: 0.3em 0; padding: 0; font-weight: bold} #produktodb {float: right; width: 50%; font-style: italic; background: url('./../images/img_design2/odb.gif') right bottom no-repeat; padding-right: 25px; margin: 0 0 1em 2em; color: #666} #produktodb h3 {padding: 0; margin: 0;padding-left: 25px; font-size: 100%; background: url('./../images/img_design2/odb.gif') left top no-repeat; } #produktodb p {margin: 0; padding: 0; font-size: 140%;padding-left: 25px} ul#dokumentyKat, ul#dokumentyKat li {list-style: none; margin: 0; padding: 0} ul#dokumentyKat li a{ background: url( "./../images/img_design2/icon-pdf.gif" ) left center no-repeat; padding: 4px 10px 4px 22px;} #dokumentyKat2, #dokumentyKat {float: right; position: relative; padding: 4px 10px; margin: 0 0 10px 10px; border: 1px solid #D4E1ED; border-top: 2px solid #D4E1ED; background: #fff} #dokumentyKat2 ul {margin: 0;list-style: none } #dokumentyKat2 li a,#dokumentyKat li a{background: url( "./../images/img_design2/icon-navod.gif" ) left center no-repeat; padding: 2px 10px 2px 23px;} .demo #dokumentyKat {float: none; border: none} .listTableOptions {margin: 0 auto; } .listTableOptions table td, .listTableOptions table th {border: 1px solid #fff; padding: 3px; } .listTable {width: 100%;margin: 0.5em 0 0.3em; font-size: 100%; border-collapse: collapse;} .listTable th {text-align: left; padding: 3px;color: #666; background: #fff} .listTable td {text-align: left; padding: 3px; } tr.listTablerow {padding: 0 0.5em} tr.listTablerow:hover {background:#F7F6F6} tr.listTablerow td {border-bottom: 1px solid #F7F6F6; } .listTable .right {text-align: right} ul.prednosti li {background: url( "./../images/img_design2/prednostili.gif" ) left 7px no-repeat; } table.tableprodukt {border-collapse: collapse; border: 1px solid #DEDEDE} table.tableprodukt th, table.tableprodukt td {padding: 2px 6px; text-align: center} table.tableprodukt th {background:#DEDEDE; color:#666; border: 1px solid #fff} table.tableprodukt td {border: 1px solid #DEDEDE} #diskuze {margin: 0; clear: both} #diskuze p {margin: 0; padding: 7px 0 0;} #diskuze p img {margin-top: -2px} #diskuze h3 {font-weight: normal; letter-spacing:-0.5px; color: #ff3300; font-size: 140%; margin: 2em 0 0; padding: 0 0 0 30px; background: url( "./../images/img_design2/diskuzeh3.gif" ) left center no-repeat } div#diskuze2 {clear: left; margin: 1em 0 0; padding: 0; } #diskuze2 ul {list-style: none; margin: 0; padding: 0} div#diskuze2 li {border-left: 1px solid #F0EDED; border-bottom: 1px solid #F0EDED;padding: 0; margin: 5px 0 10px; background: #fff; } div#diskuze2 li li.diskuzeadmin {border-left: 0px solid #ccc; border-bottom: 4px solid #fff;padding: 3px 0; margin: 0 4px; background: #F7F6F6} div#diskuze2 div {padding: 7px 8px 12px;background: url( "./../images/img_design2/diskuze2div.gif" ) 10px bottom no-repeat } div#diskuze2 li li.diskuzeadmin div {padding: 4px 8px;background: none } div#diskuze2 div.diskuzetop {background:#F0EDED;padding: 5px 0px; font-weight: bold} #diskuze2 li span.diskuzeuser {background: url( "./../images/img_design2/icon-userdiskuze.gif" ) 4px center no-repeat; padding: 4px 8px 4px 22px; color: #333} .diskuzedate {color: #ccc} div#diskuze2 li li.diskuzeadmin span.diskuzeuser {background: url( "./../images/img_design2/icon-admin.gif" ) 0px center no-repeat; } div#diskuze div.vlozdiskuze {padding: 6px 0px; margin: 0 0 10px} #pridat-dotaz p.diskuzeinfo {margin: 5px 8px; padding: 7px 15px 7px 22px; background: url( "./../images/img_design2/icon_alert.gif" ) 0 7px no-repeat; } .diskuzetop {background:#EFEFEF;} li.diskuzeadmin {margin: 10px; padding: 10px; background: #000} div#diskuze div.insertdiskuze, div.insertdiskuze { background: #F7F6F6 url( "./../images/img_design2/insertdiskuze.gif" ) 10px 10px no-repeat; padding: 5px 10px 5px 80px; margin-top: 5px} .insertdiskuze label {padding: 2px 8px} .insertdiskuze label.floatleft {width: 44%; float: left; clear: none; position: relative; *position: static;} * html .insertdiskuze label.floatleft { position: static; } .insertdiskuze label.floatleft input, #insertdiskuze textarea {width: 90%;} .insertdiskuze textarea {width: 90%; margin-left: 10px} .insertdiskuze #submitButton, #contactSubmit {margin: 8px;} .formItem label.floatleft {float: left; clear: none; margin-right: 10px; margin-top: 0;width: auto;} .formItem label.floatleft input {width: 160px;margin: 3px 0} .formItem label.floatleft input.formButton {width: auto} form#pridat-dotaz div {background: none} .review {padding: 4px 0} .stars {float: left; margin-right: 8px} #showAvailabilityQuestion {text-align: left} #showAvailabilityQuestion select {vertical-align: top} #availabilityQuestionForm div.formItem label, #searchform div.formItem label {float: left; width: 165px !important; text-align: right; padding-right: 15px; } availabilityQuestionFormbody { font:0.75em Arial,Tahoma,verdana, sans-serif; color: #333;min-width: 770px;padding: 0px; margin:0px; background: #fff; line-height: 1.4; text-align: center} form.dokosiku, td.dokosiku2{text-align: right; border-bottom: 0} form.dokosiku{background: #f0f0f0; padding: 7px 8px} form.dokosiku p {padding: 0; margin: 0} form.dokosiku label#dokosiku{vertical-align: middle} form.dokosiku button, td.dokosiku2 button{font-size: 115%; margin: 5px 0 5px 5px; background:#CC0000 url('./../images/img_design2/cart.gif') 7px center no-repeat; border: 0; color: #fff; font-weight: normal; padding: 6px 4px 6px 15px;/*text-transform:uppercase; */width: 11em; vertical-align: middle;/*border: 1px solid #fc9651; border-bottom: 1px solid #d55703; border-right: 1px solid #d55703*/ border: 1px solid #e83737; border-bottom: 1px solid #780000; border-right: 1px solid #780000} #showAvailabilityQuestion {background: #fff} #indextoptext {margin-bottom: 2em; } /* KOSIK */ #cartmain {float: left; width: 630px;} .objednavkaNavigace {margin: 15px 0; padding: 0;} .objednavkaNavigace div, .objednavkaNavigace a {width:180px; float: left; padding: 2px; text-align: left; background: #fff; border: 1px solid #B8B8B8} .objednavkaNavigace div.clear {float: none; padding: 0; border: 0; background: none} .objednavkaNavigace a { display: block; background: #fff; text-decoration: none; color:#999999} .neaktivni {color: #999} .objednavkaNavigace div strong, .objednavkaNavigace a strong {font-size: 150%;display: block; float: left; vertical-align: middle;margin-right: 5px; padding: 1px 5px; border-right: 1px solid #B8B8B8 } .objednavkaNavigace a strong { text-decoration: none } .objednavkaNavigace div span, .objednavkaNavigace a span {display: block; padding: 5px 5px 5px; vertical-align: middle } .objednavkaNavigace a:hover {} .objednavkaNavigace a:hover strong { text-decoration: none } .objednavkaNavigace div.objsipka {font-size: 150%;width: 25px; float: left; background: url( "./../images/img_design2/objsipky.gif" ) center center no-repeat; border: 0; padding: 4px 5px; } div.formItem, div.formItemRequired {clear: both; padding: 8px 10px; margin-top: 1px; background: #F0F0F0;} div#objednavka, div#objednavkaa, div#objednavkaaa { background: #F0F0F0; padding-left: 10px} div#objednavka div, div#objednavkaa div,div#objednavkaaa div, div#objednavkaaa div.showAddressSuply, div#objednavkaaa div#showAddressSuply { margin: 0; padding: 0 !important; border: 0px solid red} .listTableLine_02 {background: #F8F8F8} .listTableLine_01 {background: #F1F1F1} #cartside {float: right; width: 250px; padding-top: 1em} #obj-kontakt {border: 1px solid #ccc; border-top: 2px solid #ccc; margin: 14px 4px} #obj-kontakt h4 { background: #E9E9E9; font-size: 100%; font-weight: normal; padding: 4px 8px; margin: 1px} p#objednavkatext {margin: 1em 0; padding: 8px 15px; border: 1px solid #C3DD9E; background: #E0F4C4} /* KONTAKT */ #kontakt-horni {} #kontakt-horni div span {display: block; padding: 6px 8px 0 48px; font-size: 120%} #kontakt-horni div {float: left; position: relative; width: 255px; border: 1px solid #DBDBDB; border-top: 2px solid #DBDBDB;margin: 0 8px 8px 0; background: #fff url('./../images/img_design/box1-poz.png') right bottom repeat-x} #kontakt-horni div#kon-mail, #kontakt-horni div#kon-icq2 {margin: 0 0 8px; } #kontakt-horni div div {float: none; width: 100%; border: 0px solid #DBDBDB; margin: 0; } #kontakt-horni div strong { font-size: 170%; display: block; color: #333; padding: 7px 8px 8px 47px; font-weight: normal; } .alert {background: #ffece2 url('./../images/img_design/alert-poz.png') right bottom repeat-x; border: 1px solid #f2d2c1; border-top: 2px solid #f2d2c1; font-weight: bold; margin: 5px 0 15px} .alert div {background: url('./../images/img_design/icon-alert.gif') 7px 7px no-repeat; padding: 7px 10px 7px 32px} #kon-tel div {background: url( "./../images/img_design/icon-kon-tel.gif" ) 7px 7px no-repeat;} #kon-mail div {background: url( "./../images/img_design/icon-kon-mail.gif" ) 7px 7px no-repeat;} #kon-icq div,#kon-icq2 div {background: url( "./../images/img_design/icon-kon-icq.gif" ) 7px 7px no-repeat;} #kontakt-horni div em {display: block; padding: 5px 8px 4px 29px; border-top: 1px dotted #ccc; font-style: normal; color: #666; margin: 1px; background: url( "./../images/img_design/icon-hours.gif" ) 8px center no-repeat;} #kontakt-horni div.clear { border: 0} div.kontaktmain {clear: both; border: 0px solid #DBDBDB; border-top: 0px solid #DBDBDB;margin: 15px 0; padding: 0 0px;/* background: url('./../images/img_design/box1-poz.png') right bottom repeat-x;*/} #mapakancl {display: block; float: left; position: relative; margin: 0 20px 20px 0; padding: 3px 3px 3px; border: 1px solid #DBDBDB; text-align: right; font-size: 90%; background: #fff} #mapakancl img {display: block; margin: 2px 2px 4px; border: 0} div#kontakt { padding: 0px 10px } .adresa { margin-bottom: 14px} .adresa strong { font-size: 100%; } .adresa em {} /* DOKUMENTY */ #documenttext ul {} #documenttext ul ul {padding: 2px 5px 4px; margin: 2px 10px; list-style:square} #uldoprava dl {float: left; width: 246px; padding: 5px; margin: 2px; height: 4.8em; border: 1px solid #EEEEEE; border-top: 3px solid #EEEEEE; background: #F7F7F7} #uldoprava dt {font-weight: bold; font-size: 100%; padding: 0} #uldoprava dd {padding: 0; margin: 0} #uldoprava table {width: 100%; border-collapse: collapse} #uldoprava th, #uldoprava td {background: #EEEEEE; border: 1px solid #fff; padding: 3px 6px} #uldoprava td {background: #F7F7F7;} td.center {text-align: center} /* CART */ table.listTableCart {background:none;margin-top:15px; width: 100%; border-collapse: collapse} table.listTableCart tr.listTableCartHead {background:#CCCCCC; color: #666} tr.listTableCartTotal {background:#EBEBEB;} .totalright {text-align: right} tr.listTableLine_01 {background:#F7F7F7;} tr.listTableLine_02 {background:#F5F5F5;} td.productDetail {width: 40%} .listTable th {background: #DEDEDE; color: #666} tr.listTableLine_over {background:#F6F6F6;} table.listTableCart th, table.listTableCart td {border: 1px solid #fff; padding: 8px} table.listTableCart th {border: 0; } table.listTableCart img {border: 1px solid #E3E3E3; float: left; margin: 2px 4px 2px 0 } #obje div.cartt table.listTableCart tr.listTableCartHead {background:#cbe4f5;} #obje div.cartt tr.listTableCartTotal {background:#cbe4f5} #obje div.cartt tr.listTableLine_01 {background:#e1effa; border-top: 1px solid #fff} #obje div.cartt tr.listTableLine_02 {background:#f0f7fc;} .center3 {text-align: center} #totalprice {font-size: 120%} .formButtons {text-align: right; padding-right: 0px; margin-top: 10px} div.cartt td.center4 {text-align: center; padding: 2px 2px 2px 2px; width: 25px } #obje div.cartt td.center4 {display: none } .nazev {text-align: left} .mj {width: 50px; text-align: center} .mj1 {width: 80px; text-align: center} .cena {text-align: center; width: 90px} .delete {width: 5px; background: none} .orderinfo {border: 2px solid #ccc; background:#f2f1f1; padding: 5px 15px; margin: 5px 25px; text-align: right} .orderinfo2 {border: 2px solid #ccc; background:#f2f1f1; margin: 5px 5px 20px; padding: 10px 20px;} table.listTableCart2 {float: right; position: relative; width: 200px; background:#FFF;margin:15px 0px 0px 0px; border-collapse: collapse} a.iconRemove {display: block; width:15px; height: 15px;background:url( "./../images/img_design2/icon-delete.gif" ) center center no-repeat;margin:0 auto; } a.iconRemove span {display:none;} input.objednat {font-size: 115%; margin: 5px 0 5px 5px; background:#CC0000; border: 0; color: #fff; font-weight: normal; padding: 6px 15px 6px 10px;vertical-align: middle; border: 1px solid #e83737; border-bottom: 1px solid #780000; border-right: 1px solid #780000} .cartok2objednat {float: right; position: relative} .cartok2zpet {display: block; float: left; background: url('./../images/img_design/menu-li9.gif') left 50% no-repeat;padding: 5px 3px 5px 18px; } #obje div.cartt {float: right; width: 27%; position: relative} #obj {margin: 30px 5px 20px; padding: 10px 20px; border: 2px solid #ff6a04; background: #fff4ec; line-height: 1.7; } #obje div.cartt fieldset {border: 1px solid #cbe4f5; background: none} #obje div.cartt legend {border: 1px solid #cbe4f5; border-bottom: 0; background: none; padding-top: 10px} div.errorMsg {border: 2px solid #FF6600;padding:10px 10px 10px 35px; background: #fee4d2 url( "./../images/img_design/icon-alert.gif" ) 10px 9px no-repeat;} div.errorMsg strong {color: #F60;} div.infomsg {border:1px solid #96e39c;border-top:2px solid #96e39c;padding:10px 10px 10px 35px; background: #d6fdd9 url( "./../images/img_design/icon-navod.gif" ) 10px 9px no-repeat; margin: 10px 0; float: left} #obje div.cartt {float: right; width: 22%; position: relative} #obj {margin: 30px 5px 20px; padding: 10px 20px; border: 2px solid #ff6a04; background: #fff4ec; line-height: 1.7; } #obje div.cartt fieldset {border: 1px solid #cbe4f5; background: none} #obje div.cartt legend {border: 1px solid #cbe4f5; border-bottom: 0; background: none; padding-top: 10px} div.errorMsg {border: 2px solid #FF6600;padding:10px 10px 10px 35px; background: #fee4d2 url( "./../images/img_design/icon-alert.gif" ) 10px 9px no-repeat;} div.errorMsg strong {color: #F60;} div.infomsg {border:1px solid #96e39c;border-top:2px solid #96e39c;padding:10px 10px 10px 35px; background: #d6fdd9 url( "./../images/img_design/icon-navod.gif" ) 10px 9px no-repeat; margin: 10px 0; float: left} #obj-kontakt {border: 1px solid #E3E3E3; border-top: 2px solid #E3E3E3; margin: 0} #obj-kontakt h4 { background: #E9E9E9; font-size: 100%; font-weight: normal; padding: 4px 8px; margin: 1px} .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; } #obj-cart {border: 1px solid #CBE4F5; border-top: 2px solid #CBE4F5; background: #F0F7FC; margin: 14px 0 } #obj-cart h4 {background: #E1EFFA;font-size: 120%; font-weight: normal;padding: 4px 8px; margin: 1px} .cart-produkt {margin: 4px 10px 8px; padding-bottom: 2px;border-bottom: 1px solid #CBE4F5; } .cart-produkt img {float: left; margin: 0 5px 5px 0; border: 1px solid #CBE4F5} .cart-produkt h5 {font-size: 100%; padding: 0; margin: 0 0 5px; font-weight: bold } .cart-produkt-cena {text-align: right} .cart-produkt-cena span { display: block; color: #999} .cart-produkt div {font-size: 90%; padding-left: 0px} .productOptionDescription {font-size: 90%; color #999} .cart-celkem {text-align: right; padding: 0 14px; clear: both; margin-bottom: 10px} #cart-celkem-total {font-size: 110%; margin: 10px; border: 1px solid #CBE4F5; padding: 2px 4px; background: #fff} .cart-celkem span {float: left} .cart-celkem em{display: block; font-style: normal; font-size: 90%} .cart-celkem strong{font-size: 120%; } .cartsmall {font-size: 80%; text-align: right; clear: both} .cartsmall strong {font-weight: normal} div.formItem3 {clear: both; padding: 8px 10px; border-top: 1px solid #fff; background: #EDEDED;} div.formItem3 label {margin: 10px 0px; } .smallText {color: #666; font-size: 90%; display: block; margin-left: 24px; position: relative } .smallText2 {color: #666; font-size: 90%; display: block; } .smallText div.smallTextdiv {display: inline; position: relative} .smallText #obsahKosiku2,.smallText #obsahKosiku3,.smallText #obsahKosiku4{font-size: 110%;left : 0px; } .formRevButtons{ float: left; } /* ----------- LEVA --------------*/ div.pageLeftColumn { float: left; /*width: 21%; _width: 21%;*/ width: 201px; _width: 197px; } h3.katalog {color: #fff; font-weight: bold; font-size: 110%; margin: 0; padding: 0; letter-spacing:0px; } h3.katalog span {padding: 4px 5px 6px 8px; display: block } .katalog a {color: #fff; text-decoration: none} .katalog a:hover {color: #fff;} h3#vyrobcibok {color: #ECECEC; font-weight: bold; font-size: 110%; margin: 0; padding: 4px 5px 6px 8px; letter-spacing:0px; } ul.catalogueMenu {padding: 0 0 0px; margin: 0 0 2em; list-style-type: none; /*background: url('./../images/img_design2/katalog-pod.gif') 8px top no-repeat;*/ } ul.catalogueMenu ul.catalogueMenu{margin: 0 } ul.catalogueMenu ul {background: none; padding: 0;} ul.catalogueMenu li { padding: 0; margin: 0; border-top: 1px solid #fff;} ul.catalogueMenu li li{ padding: 0; margin: 0; border:0;} ul.catalogueMenu li a { margin: 0; display: block; font-size: 110%; text-decoration: none; font-weight: bold; } ul.catalogueMenu li li a { font-weight: normal} li.listItem_0 {position: relative} #catalogueMenu2 li.listItem_0 {border-bottom: 0px solid #fff } ul.catalogueMenu li.listItem_0 a { padding: 4px 3px 4px 15px; margin: 0; font-weight: normal;width:183px } #catalogueMenu2 li.listItem_0 a { padding: 3px 3px 3px 13px;font-weight: normal;width:168px} ul.catalogueMenu li.listItem_1 a { padding: 2px 3px 2px 20px; margin: 0;font-weight: normal; font-size: 100%; width: 178px; } ul.catalogueMenu li.listItem_2 a { padding: 2px 3px 2px 27px; margin: 0; font-weight: normal;width: 172px} ul.catalogueMenu li.listItem_3 a { padding: 1px 0px 1px 25px; font-weight: normal;} ul#catalogueMenu2 {height: 80px; overflow:auto;position:relative} * html ul.catalogueMenu li.listItem_0 a, * html ul.catalogueMenu2 a { width: 181px} * html ul.catalogueMenu li.listItem_1 a { width: 174px} * html ul.catalogueMenu li.listItem_2 a { width: 167px} * html #catalogueMenu2 li.listItem_0 a { width: 165px} .apek3 {text-align: center; border: 1px solid #F2F2F2; margin: 0.5em 0; color: #666; padding: 4px 8px} .apek3 img {border: 0} p.apek2 { margin: 20px 1px 0; padding: 10px; text-align: center; color: #666} p.apek2 img { border: 0; width: 110px; height: 110px; margin: 0 5px 2px; padding-bottom: 2px; border-bottom: 0px solid #E5E5E5 } p.apek {margin: 20px 1px 0; padding: 0px 8px 8px; background: url( "./../images/img_design/box1-poz.png" ) left bottom repeat-x; } p.apek img {border: 0; width: 170px; height: 52px; margin: 8px auto; display: block} p.apek2 { margin: 20px 1px 0; padding: 10px; text-align: center} .cartt p.apek2 {font-size: 90%; color: #666} p.apek2 img {border: 0; width: 110px; height: 110px; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 0px solid #E5E5E5;} p.facebook {clear: both; text-align: center; margin: 1em 0; padding: 0px; } p.facebook img {border: 0; width: 100px; height: 30px; border: 0} #socialside {margin: 2em 0} #socialside a {display: block; margin: 3px 0;} #socialside a img {border: 0px solid #F0EFEF; display: block; padding: 0px 5px 0 0; _padding: 0px; background: #3B5996; width: 195px; height: 27px; border: 1px solid #3B5996} #socialside a#sidetw img {background: #7BCBE6; border: 1px solid #7BCBE6} #socialside a#sidehe img {height: 54px; background: #fff; border: 1px solid #e4e4e4} #socialside a:hover img { } #socialside a {text-align: center} #socialside a#sideheu img {display: block; margin: 1em auto 1em; width: 110px; height: 110px; border: 0; background:none} /* ----------- PRAVA -------------*/ #contentright {float: right; width: 160px;_width: 156px;_position: absolute; _top: 0 } #contentright h2, #contentright h3 {font-weight: normal} .bokpod {margin: 0; padding: 0.3em 0.6em 1.2em 0.5em; clear: both; border-bottom: 1px solid #EEEEEE} #contentright h3, #kontakty {font-size: 135%; margin: 0.4em 0 0; padding: 0.3em 0 0.4em;} #kontakty {margin: 0 0 0.5em; padding: 0 0 0.4em;} #contentright h3 span, #kontakty span {padding: 0.2em 0.2em 0.2em 31px; display: block;} h3#showHomeNews {background: url( "./../images/img_design2/icon-news2.gif" ) left center no-repeat; margin-top: 0; margin-left: 0.5em; padding-top: 0; padding-bottom: 0 } #kontakty {background: url( "./../images/img_design2/icon-kontakt.gif" ) left center no-repeat;} h3#dopor {background: url( "./../images/img_design2/dopor2.gif" ) left 9px no-repeat;} .homeNews {margin: 0; padding: 0 0 0.1em; list-style: none} ul.homeNews li {margin: 0; padding: 0 0 1em;font-size:95%; color: #4C4C4C } .homeNews strong a {font-size: 105%; margin: 0; display: block; text-decoration: underline} .homeNewsDate, .newsItem span,.newsItemDate span {font-size: 90%; font-weight: bold;display: block; color: #999; /*background: url('./../images/img_design2/date.gif') left center no-repeat;*/padding-left: 0px} .newsItemDate span {margin-left: 25px} #rss {background: url( "./../images/img_design2/rss.gif" ); text-indent: -5000px; display: block; width: 27px; height: 36px; float: right; margin-top: -23px} #mailing2 form {margin: 0.6em 0 0; padding: 0;} #submitEmail {vertical-align: middle; margin-top: 0.4em; float: right} .mailingright {text-align: right} #contentright h3 span em, #kontakty em{font-size: 60%; font-weight: normal; display: block; font-style: normal; color: #666; text-transform:lowercase ; } ol#boxLinks, ol#boxLinks2 { margin: 0; padding:0 0 1em 27px;} #boxLinks li, #boxLinks2 li { margin: 0; padding:1px 0px 1px 0; } #mailing2 {padding: 0.4em 0.7em 0.8em; color: #ccc; } #mailing2 h3 {background: url( "./../images/img_design2/h4mail.gif" ) 0px 3px no-repeat;margin: 0; padding: 0 0 0 28px; color: #fff} #mailing2 p {padding: 8px 0; margin: 0; font-size: 90%} h3#nejprod span {background: url( "./../images/img_design2/icon-nejprod.gif" ) 0 4px no-repeat;line-height: 1.2} h3#nejhod span {background: url( "./../images/img_design2/icon-nejhod.gif" ) 0 4px no-repeat; line-height: 1.2} .tel span,.icq span,.skype span {display: block; clear: left; margin-right: 4px; float: left} .tel span strong,.icq span strong,.skype span strong{display: none; width: 30px; height: 25px;} #foto img, #foto2 img, #diskuze img { float: left; width: 50px; height: 68px; display: block; padding: 1px; margin: 5px 8px 0 5px;border: 1px solid #ccc; background: #fff; } td#foto img {width: 50px; height: 68px; display: block; padding: 1px;border: 1px solid #ccc; background: #fff; } #mail {width: 25px; height: 21px;} #telefon {width: 25px; height: 21px;} #icq {width: 25px; height: 21px;} #skype {width: 25px; height: 21px; } #foto { margin-bottom: 10px; } td#foto { margin-bottom: 0px; width: 50px} img#foto3 { float: right; width: 50px; height: 68px; display: block; padding: 1px; margin: 5px 5px 0 8px;border: 1px solid #ccc; background: #fff; } #foto2 { padding: 4px} #foto2 img{float: right; margin: 5px 5px 0 20px} #foto2 div strong {display: block; margin-bottom: 5px} #foto2 div {margin-right: 70px; padding: 5px;} .tel span strong,.icq span strong{ display: none; width: 18px; height: 25px} #foto strong { display: block; padding-top: 8px; font-weight: normal} #foto strong span { font-size: 110%; display: block} #telefon strong,#icq strong,#skype strong{ text-indent: -5000px; width: 18px; height: 18px} #kontaktbox em, .tel em { font-size: 85%; font-style: normal; font-weight: normal; color: #999} #foto2 .tel, #foto2 .icq, #foto2 .skype { padding: 3px; clear: left; display: block; border-top: 1px solid #E9E9E9} #foto em { font-weight: normal; font-size: 100%} #mail { background: url( "./../images/img_design2/icon-mail.gif" ) 50% 50% no-repeat;} #telefon { background: url( "./../images/img_design2/icon-telefon.gif" ) 50% 50% no-repeat;} .skype img {vertical-align: middle} #foto4 {margin-top: 0px;padding: 0 } #foto4 table {width: 100%; margin: 0; border-collapse: collapse} #foto4 table th, #foto4 table td {padding: 3px; } #foto4 table th {text-align: left; padding: 8px 0} td.tel, td.icq {width: 10px; padding: 0; } td#foto {padding: 0} .border {border-top: 1px solid #E9E9E9} #recommendedBox {padding-left: 9px} #recommendedBox img {border: 0;} .tb {background-color: #b0befd;} /* NOVINKY */ .newsItem {margin: 10px 0; padding: 8px 0px; border-bottom: 1px solid #EEEEEE;} .newsItem h4 {padding: 4px 0 0; font-size: 120%; text-align: left; height: auto; margin: 2px 0; font-weight: bold; } .newsItem p {margin: 0; padding: 0 0 10px; } .newsItem img {margin: 0 20px 10px 0; padding: 0; float: left; width: 120px} img.newsimg {float: left; margin: 15px 20px 20px 0} .newsItem .right {text-align: right} div.errorMsg {border: 2px solid #FF6600;padding:10px 10px 10px 35px; background: #fee4d2 url( "./../images/img_design2/icon-alert.gif" ) 10px 9px no-repeat;} div.errorMsg strong {color: #F60;} div.infomsg {border:1px solid #96e39c;border-top:2px solid #96e39c;padding:10px 10px 10px 35px; background: #d6fdd9 url( "./../images/img_design2/icon-navod.gif" ) 10px 9px no-repeat; margin: 10px 0; float: none} #cartok {background: #e0f4c4 url( "./../images/img_design2/icon-cartok.gif" ) 15px center no-repeat; padding: 10px 10px 10px 58px; margin: 1em 0; border: 2px solid #c3dd9e; font-size: 110%} #cartok2 {text-align: right; padding: 10px; margin: 1em 0;} /* ----------- BOTTOM -------------*/ .pageBottom {border: 3px solid #fff; width: 935px; margin-bottom: 10px} .pat-left {float: left; width: 47%; padding-left: 1em} .pat-right {float: right; width: 47%; text-align: right; padding-right: 1em} .partneri {clear: both;padding-left: 1em; padding-right: 1em; font-size: 90%} .partneri a{color: #666} .more {background: #F7F6F6; padding: 7px 4px; border: 1px solid #fff; font-weight: bold; text-align: right} .more a { } availabilityQuestionFormbody { font:0.75em Arial,Tahoma,verdana, sans-serif; color: #333;min-width: 770px;padding: 0px; margin:0px; background: #fff url( "./../images/img_design/body2.gif") top right repeat-x; line-height: 1.4; text-align: center} /* ----------- SLIDER -------------*/ #slid {margin:0.1em 1.5em 2.5em 0; width: 538px;position: relative;z-index: 0 } #slider {margin-bottom: 0.5em; width: 538px; height: auto !important } #slider h2 {font-size: 120%; padding: 0; margin: 0} #slider ul, #slider li, #slider2 ul, #slider2 li{margin:0; padding:0;list-style:none; } #slider2{margin-top:0em;} #slider li, #slider2 li{width:535px; overflow:hidden; } #slider li img {float: left; margin: 0 10px 0 0; border: 1px solid #ECECEC; width: 110px; height: 74px; display: block; padding: 4px; background: #fff} #slider li span {display: block; float: left; margin: -15px 10px 0 0; font-size: 500%; color: #E6E6E6; } #prevBtn, #nextBtn, #slider1next, #slider1prev{width:18px;position:absolute;left:510px;bottom:0px;z-index:1;} #nextBtn, #slider1next{left:524px;} #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block; position:relative;width:13px;height:13px;background:url("./../images/img_design2/slider-left.gif") no-repeat 0 0;text-indent: -5000px; border: 0px solid #EBEBEB} #nextBtn a, #slider1next a{background:url("./../images/img_design2/slider-right.gif") no-repeat 0 0;} ol#controls{margin:1em 0;padding:0; height:28px;} ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:28px;line-height:28px;} ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc; background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;} ol#controls li.current a{background:#5DC9E1;color:#fff;} ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} .bubl{font-weight:normal;cursor:help;color:#c00;border-bottom: 1px dotted #c00;text-decoration:none; margin-left: 0px} #buble-cnt{position:absolute;background:#fff; padding: 4px } #buble{position:relative;width:250px;padding:10px;margin-left: 0px; border : 5px #535252 solid; background: #E3E0E2;z-index: 999; text-align: left} #buble .close{position:absolute;right:5px;bottom:5px;padding:0px 25px 4px 0;background:url("./../images/img_design/close.gif") 100% 0 no-repeat;color:#FF0000;text-decoration:underline;cursor:pointer;_cursor:hand} #buble h4{font-size:110%;margin:0em 0 0 0;font-weight:bold; border-bottom: 1px solid #ccc} #buble p{padding:0;margin:0 0 0.9em 0;line-height:1.5em} #buble p img{float:left;margin:4px 8px 0 0;position:relative;border:1px solid #000} #buble .clear{clear:both;overflow:hidden;height:1px} .banner {text-align: center; margin: 18px auto } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background:#fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; */} /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: #fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; */} /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: #fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; */} /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: #fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; */} /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ff3300&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=80&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=7a0001&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=7a0001&bgColorDefault=7a0001&bgTextureDefault=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=eee2e2&iconColorDefault=7a0001&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=7a0001&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=7a0001&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=7a0001&bgColorOverlay=aaaaaa&bgTextureOverlay=07_diagonals_medium.png&bgImgOpacityOverlay=100&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { /*font-family: Verdana,Arial,sans-serif; font-size: 1.1em;*/ } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 0px solid #E3E3E3; background: #ffffff; } #showAvailabilityQuestion { border: 0px solid #ffbdbd; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222; } .ui-widget-header { border: 1px solid #cc0000; background: #cc0000 url(images/ui-bg_gloss-wave_75_cc0000_500x100.png) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; } .demo .ui-widget-header {border: 0; border-bottom: 1px solid #AAAAAA; background: none; } .ui-widget-header a { } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #E3E3E3; background: #F7F6F6; font-weight: normal; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #E3E3E3; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal ; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active {font-weight: bold; border: 1px solid #aaaaaa;border-top: 3px solid #aaaaaa; background: #ffffff url("./../images/img_design2/listtableinfotop.png") left top repeat-x; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_diagonals-medium_100_aaaaaa_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 5px -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .7em 1.2em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 2px;border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; }