{ ------------ Globální definice objektů  ----------------------------------------------------------------------------------------------- }
body {margin: 0; padding: 0; font-family: Arial; font-size: 11px; color: #000; background: url(/styles/img/bg-body.gif) repeat-x}

div {height: auto; _height: 0; margin: 0; padding: 0}
p {margin: 0; padding: 0}
a {_height: 0; text-decoration: underline; color: #000}
a:hover {text-decoration: none}
img {margin: 0; padding: 0; border: 0}
form {margin: 0; padding: 0}

h1,h2,h3,h4,h5 {margin: 0; padding: 0; font-size: 11px; color: #000}

.input_text {margin: 0; padding: 0; font-size: 11px; vertical-align: middle; color: #000}
.input_button {margin: 0; padding: 0; border: 0}
.input_radio {margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_check {margin: 0px; padding: 0px; border: 0}

Textarea {margin: 0px; padding: 0px; overflow: auto; font-size: 12px; color: #000; border: 0px}
label {margin: 0px; padding: 0px; vertical-align: middle; color: #000; font-size: 11px}
Select {vertical-align: middle; color: #636363; font-size: 12px}
Input {vertical-align: middle}

.clear {clear: both; height: 0px; font-size: 1px}

.inputImgCode  {width: 43px;}
.titleAltRel {font-weight: bold; font-size: 13px; color: white; background: #989898; padding:3px;}
.Title {font-weight: bold; font-size: 18px; color: #cc3300}
/*.Code {	border: #8b4513 1px solid;	padding-right: 5px;	padding-left: 5px;	color: #000066;	font-family: 'Courier New' , Monospace;	background-color: #ff9933}*/

{ ----------  Definice kostry  -------------------------------------------------------------------------------------------------- }


#containerHeader {position: relative; z-index: 1; margin: auto; width: 1000px; height: 173px; background: url(/styles/img/bg-containerHeader.jpg) no-repeat}
#containerBody {position: relative; margin: auto; width: 1000px; background: url(/styles/img/bg-containerBody.gif) repeat-y}
#column1 {position: relative; top: 0; left: -591px; width: 180px; padding-top: 10px; float: left; background: url(/styles/img/bg-column1.gif) no-repeat}
#column2 {position: relative; top: 0; left: 199px; height: auto; width: 603px; padding: 10px 0 0 0; float: left; overflow: hidden}
.col2Ex #column1 {left: -778px !important}
.col2Ex #column2 {width: 790px !important; left: 199px !important}
#column3 {position: relative; top: 0; left: 26px; width: 180px; float: left}
#column4 {position: relative; min-width: 995px; width: expression(document.documentElement.clientWidth < 1002 ? "1002px": "auto" ); width: 100%; float: left; background: url(/styles/img/bg-column4.gif) repeat-x}
#containerFooter {position: relative; height: 143px; width: 1000px; margin: auto; padding: 0; background: url(/styles/img/bg-containerFooter2.gif) no-repeat}

{ ----------  containerHeader --------------------------------------------------------------------------------------------------- }

#containerHeader img {vertical-align: middle}

.logo {position: absolute; top: 25px; left: 28px; height: 63px; width: 165px; display: block }

.levels {position: absolute; top: 24px; left: 207px; height: 33px; margin: 0; padding: 0; list-style-type: none}
.levels li {float: left}
.levels li a {height: 33px; _height: 82px; width: 82px; margin: 0 1px 0; padding: 58px 0 0 0; float: left; text-align: center; text-decoration: none}
.leEx1 {background: url(/styles/img/bg-meEx1.gif) no-repeat}
.leEx2 {background: url(/styles/img/bg-meEx2.gif) no-repeat}
.leEx3 {width: 66px !important; _width: 82px !important; padding: 52px 8px 0 8px !important; background: url('/styles/img/bg-meEx3.gif') no-repeat}
.leEx4 {background: url(/styles/img/bg-meEx4.gif) no-repeat}
.leEx5 {background: url(/styles/img/bg-meEx5.gif) no-repeat}
.leEx6 {background: url(/styles/img/bg-meEx6.gif) no-repeat}
.leEx7 {background: url(/styles/img/bg-meEx7.gif) no-repeat}
.leEx1:hover {background: url(/styles/img/bg-meEx1H.gif) no-repeat}
.leEx2:hover {background: url(/styles/img/bg-meEx2H.gif) no-repeat}
.leEx3:hover {background: url(/styles/img/bg-meEx3H.gif) no-repeat}
.leEx4:hover {background: url(/styles/img/bg-meEx4H.gif) no-repeat}
.leEx5:hover {background: url(/styles/img/bg-meEx5H.gif) no-repeat}
.leEx6:hover {background: url(/styles/img/bg-meEx6H.gif) no-repeat}
.leEx7:hover {background: url(/styles/img/bg-meEx7H.gif) no-repeat}

.menu {position: absolute; top: 117px; right: 36px; margin: 0; padding: 0; list-style-type: none}
.menu li {float: left}
.menu li a {margin-right: 15px; padding-left: 6px; float: left; text-decoration: none; background: url(/styles/img/bg-menu_li_a.gif) no-repeat 0 5px}
.menu li a:hover {text-decoration: underline}

.search {position: absolute; top: 112px; left: 31px}
.search div {padding-bottom: 13px}
.search .input_text {height: 15px; width: 119px; padding: 2px 0 0 5px; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #FFF}
.search .seEx1 {margin: 0 7px 0 5px}
.search .seEx2 {position: relative; top: 2px; ?top: 0; _top: 0; margin-right: 11px; padding-right: 8px; font-weight: bold; color: #FFF; background: url(/styles/img/bg-seEx2.gif) no-repeat right 5px}
.search select {width: 149px}

.navigation {position: absolute; top: 147px; left: 214px; margin: 0; padding: 0; list-style-type: none}
.navigation li {float: left}
.navigation li a {margin-right: 4px; padding-right: 15px; float: left; background: url(/styles/img/bg-navigation_li_a.gif) no-repeat right 5px}
.navigation .naSel {font-weight: bold; text-decoration: none; background: none}

.basket {position: absolute; top: 24px; right: 14px; height: 72px; width: 185px; text-align: right}
.basket a {display: block}
.basket .baEx1 {padding: 2px 25px 2px 0; font-weight: bold; color: #FF4200; background: url(/styles/img/bg-baEx1.gif) no-repeat right }
.basket .baEx2 {margin: 4px 25px 0 0}
.basket .baEx3 {position: absolute; bottom: 0; right: 0; padding: 3px 25px 3px 0; font-weight: bold; background: url(/styles/img/bg-baEx3.gif) no-repeat right }

{ ----------  Column1 ------------------------------------------------------------------------------------------------------------ }

#column1 img {vertical-align: middle}

.categories-t {height: 21px; padding-top: 8px; text-align: center; font-size: 13px; font-weight: bold; color: #FFF; background: url(/styles/img/t-categories.gif) no-repeat}
.categories {margin: 0; padding: 0 0 3px 0; list-style-type: none; background: url(/styles/img/bg-categories.gif) no-repeat bottom #FF6C00}
.categories li {_height: 0; margin: 0 1px; padding: 1px 0; border-top: 1px solid #FFAA6B}
.categories li a {padding: 4px 16px 5px 0; display: block; font-weight: bold; text-align: right; text-decoration: none; color: #FFF; background: url(/styles/img/bg-categories_li_a.gif) no-repeat 167px 9px}
.categories li a:hover {color: #000; background: url(/styles/img/bg-categories_li_a.gif) no-repeat  167px 9px #FFF}
.categories ul {margin: 0; padding: 0; list-style-type: none}
.categories ul li {margin: 0; padding: 0; border-top: 1px solid #FF6C00}
.categories ul li a {color: #FF4200; background: url(/styles/img/bg-categories_ul_li_a.gif) no-repeat  167px 9px #FFEDE0}
.categories .caSel {color: #000; background: url(/styles/img/bg-caSel.gif) no-repeat  167px 11px #FFF}
.categories .caSel a {color: #000; background: url(/styles/img/bg-caSel.gif) no-repeat  167px 11px #FFF}

.side-boxL {margin-top: 4px; background: url(/styles/img/bg-side-boxL.gif) repeat-y}
.side-boxLin1 {background: url(/styles/img/bg-side-boxLin1.gif) no-repeat} 
.side-boxLin2 {width: 180px; padding-bottom: 5px; background: url(/styles/img/bg-side-boxLin2.gif) no-repeat bottom} 
.side-box_t {padding: 5px 0 13px 0; text-align: center; font-size: 13px; font-weight: bold; color: #FFF}

.info ul {margin: 0; padding: 0; list-style-type: none}
.info ul li a {margin-right: 8px; padding: 0 9px 5px 0; display: block; text-align: right; text-decoration: none; background: url(/styles/img/bg-categories_li_a.gif) no-repeat 168px 5px}
.info ul li a:hover {color: #FF4200; text-decoration: underline; background: url(/styles/img/bg-categories_ul_li_a.gif) no-repeat  168px 5px}

.eNews {padding: 0 0 5px 11px}
.eNews .enEx1 .input_text {height: 15px; _height:20px; width: 116px; margin-right: 5px; padding: 2px 0 0 5px; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
.eNews p {padding: 8px 0 2px 0; color: #000}
.eNews .enEx2 .input_text {height: 17px; width: 36px; margin-right: 5px; padding: 2px 0 0 5px; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
.eNews .enEx2 img {border: 1px solid #8F8F8F}

{ ----------  Column2 Uvod ------------------------------------------------------------------------------------------------------- }

.news {width: 358px; margin: 0 17px 2px 0; float: left}
.news-t {height: 21px; width: 179px; padding: 6px 0 0 14px; font-size: 13px; font-weight: bold; background: url(/styles/img/t-news.gif) no-repeat} 
.newsIn {width: 345px; margin: 5px 0 0 13px; padding-bottom: 6px; border-bottom: 1px solid #E0E0E0}
.newsIn strong {padding-bottom: 3px; display: block; color: #FF6C00}
.news .space {position: relative; height: 1px; margin-top: -1px; font-size: 1px; background: #FFF}

.banner1 {height: 195px; width: 222px; margin-bottom: 2px; padding: 6px 0 0 6px; float: left; background: url(/styles/img/bg-banner1.gif) no-repeat}

.productNews {height: 201px; width: 373px; margin-right: 2px; float: left; background: url(/styles/img/bg-productNews.gif) no-repeat}
.productNews-t {height: 21px; padding: 9px 0 0 15px; font-size: 13px; font-weight: bold; color: #FFF} 
.productNews .product {width: 185px; padding-top: 7px; float: left; text-align: center}
.productNews .product h3 a {height: 30px; padding: 0 6px; display: block; overflow: hidden}
.productNews .product h3 a:hover {color: #FF6C00}
.productNews .product .productImg {padding: 10px 0;height:80px;}
.productNews .product .price {padding-bottom: 10px; font-size: 18px; font-weight: bold; color: #FF4200}
.productNews .product .price span {padding-left: 10px; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 9px}
.productNews .product .price small {padding-left: 5px; font-size: 11px; font-weight: normal}

.tip {height: 201px; width: 228px; float: left; background: url(/styles/img/bg-tip.gif) no-repeat}
.tip-t {height: 21px; padding: 9px 0 0 15px; font-size: 13px; font-weight: bold; color: #FFF} 
.tip .product {padding-top: 7px; text-align: center}
.tip .product h3 a {height: 30px; padding: 0 6px; display: block; overflow: hidden}
.tip .product h3 a:hover {color: #FF6C00}
.tip .product .productImg {padding: 10px 0;height:80px}
.tip .product .price {padding-bottom: 10px; font-size: 18px; font-weight: bold; color: #FF4200}
.tip .product .price span {padding-left: 10px; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 9px}
.tip .product .price small {padding-left: 5px; font-size: 11px; font-weight: normal}

.center-box {width: 100%; margin-top: 2px; float: left; background: url(/styles/img/bg-center-box.gif) repeat-y}
.center-boxIn1 {width: 100%; float: left; background: url(/styles/img/bg-center-boxIn1.gif) no-repeat}
.center-boxIn2 {width: 100%; padding-bottom: 5px; float: left; background: url(/styles/img/bg-center-boxIn2.gif) no-repeat bottom}
.center-box_t  {height: 21px; padding: 9px 0 7px 15px; font-size: 13px; font-weight: bold; color: #FFF}
.center-box_t1  {padding: 4px 0 5px 4px; font-size: 13px; font-weight: bold; color: #FFF}
.center-box img {vertical-align: middle}
.center-box .freetextdesc {padding:10px}

.center-box-desc {width: 100%; margin-top: 2px; float: left; background: url(/styles/img/bg-center-box.gif) repeat-y}
.center-boxdescIn1 {width: 100%; float: left; background: url(/styles/img/bg-center-boxIn1desc.gif) no-repeat}
.center-boxdescIn2 {width: 100%; padding-bottom: 5px; float: left; background: url(/styles/img/bg-center-boxIn2.gif) no-repeat bottom}
.center-box-desc .freetextdesc {padding:10px 10px 0px 10px}

.commodityCatalog .product {position: relative; width: 585px; _width:590px; margin: 0 0 5px 8px; _margin-left: 7px; floaT: left; border: 1px solid #DBDBDB}
.commodityCatalog .productImg {width: 127px; padding: 10px 0; float: left; text-align: center}
.commodityCatalog .productInfo {width: 458px; float: left}
.commodityCatalog .productInfo h4 a {margin-bottom: 5px; padding-top: 13px; display: block; font-weight: bold}
.commodityCatalog .productInfo .producer {padding: 7px 0 2px 0; color: #717171}
.commodityCatalog .productInfo .price {padding: 0 0 7px 11px; font-size: 18px; font-weight: bold; color: #FF4200; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 9px}
.commodityCatalog .productInfo .price small {margin-left: 3px; font-size: 11px; font-weight: normal}
.commodityCatalog .product .amount {width: 90px; padding-top: 10px; float: right; text-align: center}
.commodityCatalog .product .amount a {margin-bottom: 5px; display: block}
.commodityCatalog .product .amount .input_text {height: 16px; width: 23px; margin-right: 5px; padding: 2px 0 0 7px; font-weight: bold; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
.commodityCatalog .product .check {position: absolute; z-index: 9; bottom: 0; right: 0; height: 20px; width: 20px; background: #EBEBEB}
.commodityCatalog .product .check .input_check {position: relative; ?position: static; _position: static; top: 4px; left: 4px}

{ ---------- ve vyhledání parametrické a dle výrobce, je to přes celou stranu  -- }
.commodityCatalogSearch .product {position: relative; width:789px; margin: 0 0 5px 8px; _margin-left: 4px; floaT: left; border: 1px solid #DBDBDB}
.commodityCatalogSearch .productImg {width: 127px; padding: 10px 0; float: left; text-align: center}
.commodityCatalogSearch .productInfo {width: 458px; float: left}
.commodityCatalogSearch .productInfo h4 a {margin-bottom: 5px; padding-top: 13px; display: block; font-weight: bold}
.commodityCatalogSearch .productInfo .producer {padding: 7px 0 2px 0; color: #717171}
.commodityCatalogSearch .productInfo .price {padding: 0 0 7px 11px; font-size: 18px; font-weight: bold; color: #FF4200; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 9px}
.commodityCatalogSearch .productInfo .price small {margin-left: 3px; font-size: 11px; font-weight: normal}
.commodityCatalogSearch .product .amount {width: 90px; padding-top: 10px; float: right; text-align: center}
.commodityCatalogSearch .product .amount a {margin-bottom: 5px; display: block}
.commodityCatalogSearch .product .amount .input_text {height: 16px; width: 23px; margin-right: 5px; padding: 2px 0 0 7px; font-weight: bold; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
.commodityCatalogSearch .product .check {position: absolute; z-index: 9; bottom: 0; right: 0; height: 20px; width: 20px; background: #EBEBEB}
.commodityCatalogSearch .product .check .input_check {position: relative; ?position: static; _position: static; top: 4px; left: 4px}

.aNews .product {width: 587px; margin: 0 0 6px 8px; _margin-left: 4px; float: left; border-bottom: 1px solid #DBDBDB}
.aNews .productImg {width: 127px; padding: 10px 0; float: left; text-align: center} 
.aNews .productInfo {width: 460px; float: left}
.aNews .productInfo .title {padding: 5px 0 2px 0; font-weight: bold; color: #4E5410}
.aNews .productInfo .title a {font-weight: bold; color: #4E5410}
.aNews .productInfo .date {height: 16px; width: 75px; padding-top: 3px; text-align: center; font-weight: bold; color: #FFF; background: url(/styles/img/bg-date.gif) no-repeat}
.aNews .productInfo .freetext {padding-bottom: 7px; color: #4E5410}
.aNews .space {position: relative; height: 1px; width: 587px; margin: -7px 0 0 8px; _margin-left: 4px;  font-size: 1px; background: #FFF}

{ ----------  Column2 Vypis  ----------------------------------------------------------------------------------------------------- }

.charakterization .center-boxIn1 {background: url(/styles/img/bg-charakterization.gif) no-repeat}
.charakterization h2 {font-size: 13px}
.charakterization .freetext {padding: 0 15px 5px 15px}

.charakterization_a .center-boxIn1 {background: url(/styles/img/bg-charakterization_a.gif) no-repeat}
.charakterization_a h2 {font-size: 13px}
.charakterization_a .freetext {padding: 0 15px 5px 15px}

.subcategories {margin-bottom: 1px}
.subcategories .center-boxIn1 {background: url(/styles/img/bg-subcategories.gif) no-repeat}
.subcategories .subcategoriesIn {padding: 10px 0 5px 0}
.subcategories .subcategoriesIn a {margin: 0 24px 0 11px; padding-left: 9px; line-height: 20px; white-space: nowrap; font-weight: bold; color: #FF4200; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 5px}

.bestS-sorting {_height: auto; width: 374px; float: left; overflow: hidden; }
.bestS-sorting .bestS {width: 374px; float: left; background: url(/styles/img/bg-bestS.gif) repeat-y}
.bestS-sorting .bestSIn1 {width: 374px; float: left; background: url(/styles/img/bg-bestSIn1.gif) no-repeat}
.bestS-sorting .bestSIn2 {width: 374px; padding-bottom: 2px; _padding-bottom: 5px; float: left; background: url(/styles/img/bg-bestSIn2.gif) no-repeat bottom}
.bestS-sorting .bestS-t {height: 21px; padding: 9px 0 7px 15px; font-size: 13px; font-weight: bold; color: #FFF}
.bestS-sorting .bestSin div strong {width: 81px; display: block; float: right; color: #FF4200}
.bestS-sorting .bestSin div span {width: 18px; margin-right: 3px; display: block; float: left; text-align: right; font-weight: bold; color: #8D9604}
.bestS-sorting .bestSin div a {height: 13px; width: 265px; display: block; float: left; overflow: hidden; font-weight: bold}
.bestS-sorting .bestSin p {width: 340px; margin: 3px 0 6px 21px; _margin: 3px 0 6px 11px; _padding-bottom: 5px; float: left; color: #7A7A7A}
.bestS-sorting .sorting {height: 32px; _height: 45px; width: 374px; margin-top: 2px; padding: 10px 0 0 14px; ?padding-top: 8px; _padding-top: 8px; float: left; background: url(/styles/img/bg-sorting.gif) no-repeat}
.bestS-sorting .sorting img {vertical-align: middle}
.bestS-sorting .sorting a {margin-left: 17px}
.bestS-sorting .sorting .soEx {position: relative; ?top: 2px; _top: 2px}
.bestS-sorting .sorting .soEx1 {margin-left: 35px}
.bestS-sorting .sorting .soEx2 {left: -14px}

.seller {height: 264px; width: 212px; _width: 225px; margin: 2px 0 0 3px; padding: 0 0 0 12px; float: left; background: url(/styles/img/bg-seller.gif) no-repeat}
.seller img {vertical-align: middle}
.seller-t {height: 18px; padding: 5px 0 11px 0; font-size: 13px; font-weight: bold; color: #FFF} 
.seller .seelerInfo {width: 143px; height: 69px; float: left; }
.seller .seelerInfo .name {height: 13px; width: 135px; margin-bottom: 3px; overflow: hidden; font-weight: bold}
.seller .seelerInfo .email {height: 13px; width: 135px; margin-bottom: 3px; overflow: hidden}
.seller .sellerImg {height: 69px; width: 59px; margin-bottom: 3px; ?padding-bottom: 1px; _padding-bottom: 1px; float: left; border: 1px solid #B5B5B5}
.seller .seEx1 {padding-bottom: 5px; ?padding-bottom: 3px; _padding-bottom: 3px}
.seller .seEx1 .input_text {height: 16px; width: 129px; padding: 2px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.seller .seEx1 textarea {height: 43px; width: 202px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.seller .seEx1 .questionType {height: 16px; ?height: 20px; _height: 20px; width: 202px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E; color:black}

.input_text_code {height: 17px; width: 33px; margin-right: 5px; padding: 2px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}

.seller .seEx2 .input_text {height: 17px; width: 33px; margin-right: 5px; padding: 2px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.seller .seEx2_1 {margin-right: 14px; border: 1px solid #8E8E8E}
.seller p {padding-bottom: 3px; ?padding-bottom: 0; _padding-bottom: 0}

.filter {position: relative; width: 100%; float: left; background: url(/styles/img/bg-filter.gif) repeat-y}
.filterIn1 {background: url(/styles/img/bg-filterIn1.gif) no-repeat}
.filterIn2 {padding: 15px 0 16px 13px; _padding: 12px 0 21px 13px; background: url(/styles/img/bg-filterIn2.gif) no-repeat bottom}
.filter span {position: relative; top: -7px; ?top: -1px; _top: -1px; padding-right: 5px}
.filter label {padding: 0 10px 2px 0; white-space: nowrap; font-weight: bold}
.filter label .input_check {margin: 0 5px 0 0; ?margin: 0 2px 0 -2px; _margin: 0 2px 0 -2px}
.filter a {position: absolute; bottom: 8px; right: 15px; padding-left: 7px; white-space: nowrap; background: url(/styles/img/bg-filter_a.gif) no-repeat 0 5px}
html>body .filter span {top: 0/*Opera*/}
:root .filter span  {top: -7px/*Mozila*/}
*:first-child+html .filter span {top: -1px/*IE7*/}

.center-box .fold {margin: 4px 0 0 3px; _margin-left: 1px; float: left}
.center-box .fold div {height: 22px; width: 97px; float: left; padding: 5px 0 0 11px; font-size: 13px; color: #FFF}
.center-box .fold a {text-decoration: none; font-size: 13px; color: #FFF}
.center-box .fold .foEx1 {height: 27px; text-decoration: none; font-weight: bold; background: url(/styles/img/bg-foEx1.gif) no-repeat }
.center-box .fold .foEx2 {height: 27px; text-decoration: none; font-weight: bold; background: url(/styles/img/bg-foEx2.gif) no-repeat }
.display {height: 31px; width: 588px; margin: 4px 0 1px 7px; _margin-left: 4px; float: left; background: url(/styles/img/bg-display.gif) no-repeat}
.display .displayPaging {padding:6px 5px 0 0; ?padding-top: 4px; _padding-top: 4px; float: right}
.display .displayPaging a {font-weight: bold}
.display .displayPaging .input_text {height: 16px; width: 58px; margin: 0 5px 0 15px; padding-top: 2px; text-align: center; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.display .displayPaging .dpEx1 {padding-left: 11px; background: url(/styles/img/bg-dpEx1.gif) no-repeat 0 4px}
.display .displayPaging .dpEx2 {margin: 0 6px 0 24px; padding-right: 11px; background: url(/styles/img/bg-dpEx2.gif) no-repeat right 4px}
.display .edit {padding: 9px 0 0 6px}
.display .edit strong {padding: 0 15px 0 5px}
.commodityCatalog .diEx {margin-top: -4px}
.commodityList .diEx {margin-top: 2px}

.commodityList .product {position: relative; width: 586px; margin: 0 0 -1px 8px; _margin-left: 4px; floaT: left; border: 1px solid #DBDBDB}
.commodityList .productImg {width: 78px; padding: 10px 0; float: left; text-align: center}
.commodityList .productInfo {width: 505px; float: left}
.commodityList .productInfo .price {width: 120px; padding: 9px 27px 7px 0; float: right; font-size: 18px; font-weight: bold; color: #FF4200}
.commodityList .productInfo .price span {padding-left: 11px; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 9px}
.commodityList .productInfo .price small {margin-left: 3px; font-size: 11px; font-weight: normal}
.commodityList .productInfo h4 a {margin-bottom: 5px; padding-top: 13px; display: block; font-weight: bold}
.commodityList .product .check {position: absolute; z-index: 9; bottom: 0; right: 0; height: 20px; width: 20px; background: #EBEBEB}
.commodityList .product .check .input_check {position: relative; ?position: static; _position: static; top: 4px; left: 4px}

{ ----------  Column2 Detail ----------------------------------------------------------------------------------------------------- }

.detail {width: 561px; float: left; background: url(/styles/img/bg-detail.gif) repeat-y}
.detailIn1 {width: 561px; float: left; background: url(/styles/img/bg-detailIn1.gif) no-repeat}
.detailIn2 {width: 546px; _width: 561px; padding: 9px 0 18px 15px; ?padding-bottom: 5px; _padding-bottom: 0; float: left; background: url(/styles/img/bg-detailIn2.gif) no-repeat bottom left}
.detail h2 {margin-bottom: 15px; font-size: 18px}
.detail img {vertical-align: middle}
.detailInfo {width: 276px; float: left; font-size: 12px} 
.detailInfo div {width: 100%; padding-bottom: 5px; float: left}
.detailInfo div strong {width: 177px; float: right}
.detailInfo .input_text {height: 16px; width: 30px; margin: 0 6px 0 97px; padding-top: 2px; text-align: center; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.detailInfo .diEx1 strong {position: relative; top: 15px}
.detailInfo .diEx2 {padding-top: 5px; color: #FF4200} 
.detailInfo .diEx3 {padding: 3px 0 10px 0; color: #FF4200} 
.detailInfo .diEx3 span {position: relative; top: 4px}
.detailInfo .diEx3 strong {font-size: 18px} 
.detailInfo .diEx4 a {position: relative; top: 2px; margin-left: 9px}
.detailImg {width: 251px; float: left; text-align: center}
.detailImgIn {height: 152px; padding: 15px 0 5px 0; border: 1px solid #DDD} 
.detailImg .span {cursor: pointer; _cursor: hand; margin-top: 5px; padding: 0 36px 0 0; floaT: left; background: url(/styles/img/bg-detailImg_a.gif) no-repeat right}

.print_sendE {width: 100%; padding: 10px 0 5px 0; float: left}
.print_sendE .psEx1 {margin: 0 40px 0 14px; padding: 3px 26px 3px 0; display: block; float: left; background: url(/styles/img/bg-prEx1.gif) no-repeat right}
.print_sendE .psEx2 {padding: 3px 29px 3px 0; display: block; float: left; display: block; background: url(/styles/img/bg-prEx2.gif) no-repeat right}

.center-box_c2 {width: 789px; margin-top: 2px; float: left; background: url('/styles/img/bg-center-box_c2.gif') repeat-y}
.center-boxIn1_c2 {width: 789px; float: left; background: url('/styles/img/bg-center-boxIn1_c2.gif') no-repeat}
.center-boxIn2_c2 {width: 789px; height: auto; padding-bottom: 10px; float: left; background: url('/styles/img/bg-center-boxIn2_c2.gif') no-repeat bottom left}
.center-box_c2-t {height: 22px; _height: 27px; margin: 4px 0 0 0; padding: 5px 0 0 15px; font-size: 13px; font-weight: bold; background: url('/styles/img/t-center-box_c2.gif') no-repeat}
.center-box_c3-t { height: 32px; _height: 27px; margin: 4px 0 0 0; padding: 5px 0 0 15px; font-size: 13px; font-weight: bold; background: url('/styles/img/t-center-box_c3.gif') no-repeat}

.center-box_c2 .fold {width: 100%; margin: 4px 0 15px 4px; _margin-left: 2px; float: left; }
.center-box_c2 .fold .foEx {margin-right: 2px; text-align: center; cursor: pointer; font-size: 12px; float: left; font-weight: bold; background: url('/styles/img/bg-foEx_c2.gif') no-repeat #E8E8E8}
.center-box_c2 .fold .foEx div {height: 22px; _height: 27px; padding: 5px 13px 0 13px; float: left; background: url('/styles/img/bg-foEx_div_c2.gif') no-repeat right}
.center-box_c2 .fold .foSel {color: #FFF; background: url('/styles/img/bg-foSel_c2.gif') no-repeat #989898}
.center-box_c2 .fold .foSel div {background: url('/styles/img/bg-foSel_div_c2.gif') no-repeat right}

.foldIn      {position: relative; width: 755px; margin: 0 0 0 15px; _margin-left: 8px; padding-bottom: 10px; float: left}
.detailText {position: relative; width: 755px; margin: 0 0 0 15px; _margin-left: 8px; padding-bottom: 10px; float: left}
.detailParam {width: 783px; margin: 0 0 0 4px; _margin-left: 2px; float: left}
.detailParam tr td {height: 18px; background: #ECECEC; font-size: 80%;}
.detailParam .bgT td {height: 22px; background: #FFF}
.detailParam .dpEx1 {width: 170px; padding: 0 10px 0 11px}
.detailParam .dpEx2 {font-weight: bold}
.detailImgVari {_margin-left: -10px}
.detailImgVari a {width: 126px; margin: 0 0 11px 11px; float: left; display: block; border: 1px solid #DBDBDB}
.detailLink {margin: 0 0 0 13px; _margin-left: 8px; padding: 0; float: left; list-style-type: none}
.detailLink li a {padding: 0 0 4px 7px; display: block; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 4px}

.center-box_c2 .commodityCatalog {background: none}
.center-box_c2 .product {width: 764px; margin: 0 0 5px 13px; _margin-left: 6px }
.center-box_c2 .product .productInfo {width: 635px} 

.discussion {width: 760px; _width: 765px; margin: 0 0 0 5px}
.discussion .editComment {padding-left: 12px; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 5px 4px}
.discussion img {vertical-align: middle}
.discussionIn {margin-top: 9px; padding: 15px 0 20px 13px; background: #ECECEC}
.discussionIn .diEx1 {padding-bottom: 8px}
.discussionIn .diEx1 .input_text {height: 16px; width: 625px; padding: 2px 0 0 7px; font-weight: bold; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.discussionIn .diEx2 {padding-bottom: 8px}
.discussionIn .diEx2 textarea {height: 78px; width: 632px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.discussionIn .diEx3 {width: 300px; margin-right: 60px; _margin-right: 60px; padding-top: 2px; float: right}
.discussionIn .diEx3 p {padding-bottom: 4px}
.discussionIn .diEx3 .diEx3_1 .input_text {height: 17px; width: 33px; margin-right: 5px; padding: 2px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}
.discussionIn .diEx3 .diEx3_1 img { border: 1px solid #8E8E8E}
.discussionIn .diEx4 {padding-bottom: 12px; width: 300px; }
.discussionIn .diEx4 .input_text {height: 16px; width: 129px; margin-right: 7px; padding: 2px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E} 
.discussionIn .diEx5 .input_check {?margin: 0 -3px 0 -4px}
.discussionIn .diEx5 span {margin-left: 8px; text-decoration: underline}

.senddetail 		{width: 760px; _width: 785px; margin: 0 0 0 5px}
.senddetailIn 	{width: 99%; margin-top: 9px; padding: 15px 0 20px 13px;}
.senddetailIn .sendD {font-size: 11px; padding:2px 5px 2px 5px;}
.senddetailIn .input_text {width: 130px; margin-right: 7px; padding: 2px 0 0 7px;}
.senddetailIn .input_textarea_sd {height: 50px; width: 745px; margin-right: 7px; padding: 2px 0 0 7px;border: 1px solid #8E8E8E}}
.senddetailIn img {vertical-align: middle; }
{ ----------  Column2 Order ------------------------------------------------------------------------------------------------------ }

.order {width: 783px; margin: 0 0 0 4px; font-size: 11px; }
.order thead tr td {height: 23px; font-weight: normal !important; text-align:center; font-size: 11px !important; color: #000 !important; background: #FFF !important}
.order tbody tr td {height: 48px; ?height: 38px; _height: 38px; padding-top: 10px; vertical-align: top; background: #ECECEC; border-bottom: 1px solid #FFF}
.order .level {width: 65px; text-align: center; font-weight: bold; padding:14px 5px 0 13px; }
.order .code	{width: 65px; text-align: center; background: #e4e2e2; padding:14px 5px 0 13px;}
.order .name {width: 345px; font-weight: bold; padding:13px 5px 0 13px;}
.order .amount {width: 110px; text-align: center; padding:10px 5px 0 10px;}
.order .amount .input_text {position: relative; top: -8px; height: 15px; _height: 20px; width: 18px; _width: 23px; margin-right: 5px; padding: 2px 0 0 7px; font-weight: bold; background: url('/styles/img/bg-input_text.gif') no-repeat #FFF; border: 1px solid #8E8E8E}
.order .amount a {position: relative; top: -3px}
.order .price1 {width: 85px; padding:14px 5px 0 13px; }
.order .price2 {width: 85px; font-weight: bold; color: #FF4200; padding:14px 5px 0 13px;}

.order .tax_suma {padding: 5px 15px 0 0px; font-size: 18px; color: #FF4200}

.tax_suma {padding: 15px 20px 15px 15px}
.tax_suma p {float: right; font-size: 12px; font-weight: bold}
.tax_suma p strong {padding-left: 5px; font-size: 18px; color: #FF4200}
.tax_suma div {position: relative; top: 5px; font-size: 12px; font-weight: normal}
.tax_suma div strong {padding: 0 7px 0 5px}

.button {width: 779px; padding: 10px 0 0 11px; float: left}
.button img {vertical-align: middle}
.button .buEx1 {position: relative; top: -3px; margin-left: 410px}
.button .buEx2 {float: right}

.payment_transport {padding-bottom: 8px}
.payment_transportIn {padding-top: 10px}
.payment_transportIn div {font-weight: bold}
.payment_transportIn div .input_radio {margin: 0 10px 0 15px; ?margin: 0 5px 0 10px; _margin: 0 5px 0 10px}
.payment_transportIn p {padding-left: 37px}

{ ----------  Column2 Registrace ------------------------------------------------------------------------------------------------- }
.registration-t {height: 20px; width: 774px; margin: 18px 0 10px 4px; _margin-left: 2px; padding: 7px 0 0 9px; float: left; font-weight: bold; background: #E8E8E8}
.center-box_c2 .reEx1 {position: absolute; top: 21px; left: 240px; font-weight: bold; color: #8D9604}
.registration {width: 100%; }
.registration table {width: 100%; margin-bottom: 15px; float: left}
.registration table td {height: 30px; font-weight: bold; font-size: 11px; }
.registration table td strong {color: black}
.registration table td .input_text {height: 16px; _height: 20px; width: 174px; margin-right: 9px; padding: 3px 0 0 7px; background: url('/styles/img/bg-input_text.gif') no-repeat #FFF; border: 1px solid #8E8E8E}
.registration table .rName {width: 121px; padding-left: 13px; font-size: 11px; }
.registration table .rInsert {width: 299px}
.registration table .rName1 {width: 121px; font-size: 11px; }
.registration .reEx2 {padding-bottom: 5px; ?padding-bottom: 0; _padding-bottom: 0; font-size: 11px; }
.registration .reEx2 .input_check {margin: 0 10px 0 13px; ?margin: 0 5px 0 10px; _margin: 0 10px 0 13px}
.registration .reEx3 {padding: 0 0 7px 13px; font-weight: bold; font-size: 11px; }
.registration .reEx3 span {padding: 0 7px 0 0}
.registration .reEx3 .input_text {height: 20px; width: 134px; padding: 3px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
.registration .reEx4 {padding: 0 0 7px 13px; font-weight: bold}
.registration .reEx4 span {padding: 0 76px 0 0}
.registration .reEx4 .input_text {height: 16px; _height: 20px; width: 134px; padding: 3px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
.registration .reEx5 {padding-bottom: 5px; ?padding-bottom: 0; _padding-bottom: 0}
.registration .reEx5 .input_check {margin: 0 10px 0 18px; ?margin: 0 5px 0 15px; _margin: 0 10px 0 18px}
.registration .secureData {margin-left:15px}
.registration .regNews .input_textarea {height: 50px; width: 745px; margin-left: 7px; padding: 2px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #F7F7F7; border: 1px solid #8E8E8E}}
.registration .regNews p {padding-left:10px !important;}
.registration .buttonS2  {padding-left:5px; }

.login {padding: 15px 0 25px 0 }
.login .input_text {height: 16px; width: 134px; margin-right: 20px; padding: 3px 0 0 7px; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
.login .loEx1 {padding-bottom: 8px}
.login .loEx1 span {padding: 0 7px 0 197px }
.login .loEx2 span {padding: 0 69px 0 197px }
.login .loEx2 a {font-weight: bold; color: #FF4200}
.login .loEx3 {position: absolute; bottom: 10px; right: 10px}
.login .loEx4 {padding: 0 7px 0 15px;font-weight:bold}

{ ----------  Column2 Compare ---------------------------------------------------------------------------------------------------- }

#column4 .logoCompare {position: absolute; top: 0; left: 0; height: 84px; width: 187px; background: url(/styles/img/bg-logoCompare.gif) no-repeat}
#column4 .title {position: absolute; top: 96px; left: 27px; font-size: 13px; font-weight: bold; color: #FF6C00}

.compare 						{padding-left: 10px}
.compare img 				{vertical-align: middle}
.compareEx 					{width: 185px; margin: 279px 0 0 0; float: left}
.compareEx td 			{height: 19px; padding-right: 18px; text-align: right; }
.compareEx .coEx1 	{height: 21px}
.compare .anotation {font-size: 11px;}

#column4 .productBox {height: 700px; width: 1000px; margin: 28px 0 0 0; overflow-x: auto; float: left}
html>body #column4 .productBox {overflow: auto}
:root #column4 .productBox {overflow: -moz-scrollbars-horizontal}
*:first-child+html #column4 .productBox {overflow-x: auto}

.compare-box {background: url(/styles/img/bg-compare-box.gif) repeat-y}
.compare-boxIn1 {background: url(/styles/img/bg-compare-boxIn1.gif) no-repeat}
.compare-boxIn2 {padding: 15px 0 20px 0; background: url(/styles/img/bg-compare-boxIn2.gif) no-repeat bottom}

#column4 .productBox .freetext {height: 70px; margin-bottom: 16px; padding: 0 13px; overflow: hidden}

#column4 .productBox .product {width: 175px; margin-right: 5px; ?margin-right: 3px; _margin-right: 1px; float: left}
#column4 .productBox .product .name {height: 25px; margin: 5px 0 10px 0; display: block; overflow: hiddne; text-align: center; font-size: 12px; font-weight: bold}
#column4 .productBox .product .productImg {height: 110px; width: 175px; text-align: center}
#column4 .productBox .product .productImg td {padding: 0; background: none !important}
#column4 .productBox .product table {width: 170px; margin-left: 2px}
#column4 .productBox .product table tr td {height: 19px; width: 164px; padding-left: 11px; background: #EEE}
#column4 .productBox .product table .coEx1 {height: 21px; background: #FFF !important}

#column4 .productBox .product .price1 {width: 157px; margin-left: 2px; padding: 10px 0 5px 13px; color: #FF4200; border-top: 3px solid #EEE}
#column4 .productBox .product .price2 {width: 157px; margin-left: 2px; padding: 0 0 17px 13px; font-size: 18px; font-weight: bold; color: #FF4200}
#column4 .productBox .product .amount {padding-left: 15px}
#column4 .productBox .product .amount .input_text {height: 16px; width: 23px; margin-right: 5px; padding: 2px 0 0 7px; font-weight: bold; background: url(/styles/img/bg-input_text.gif) no-repeat #FFF; border: 1px solid #8E8E8E}
#column4 .productBox .product .amount small {padding-right: 5px}
#column4 .productBox .product .amount a {margin-top: 2px}

{ ----------  Column3 ------------------------------------------------------------------------------------------------------------ }

.side-boxR {margin-bottom: 4px; background: url(/styles/img/bg-side-boxR.gif) repeat-y}
.side-boxRin1 {background: url(/styles/img/bg-side-boxRin1.gif) no-repeat} 
.side-boxRin2 {width: 180px; padding-bottom: 5px; background: url(/styles/img/bg-side-boxRin2.gif) no-repeat bottom} 

#column3 .product {position: relative; margin-bottom: 10px; text-align: center; background: url(/styles/img/bg-product_c3.gif) no-repeat bottom center}
#column3 .product h3 a {padding: 0 6px}
#column3 .product .productImg {padding: 10px 0}
#column3 .product .price {padding-bottom: 10px; font-size: 18px; font-weight: bold}
#column3 .product .price span {padding-left: 10px; background: url(/styles/img/bg-product_c3_span.gif) no-repeat 0 9px}
#column3 .product .price small {padding-left: 5px; font-size: 11px; font-weight: normal}
#column3 .product .attribute {position: absolute; top: 45px; left: 2px; width: 35px}
#column3 .product .attribute img {margin-bottom: 4px}
#column3 .productBox .space {position: relative; height: 1px; width: 176px; margin: -11px auto 0 auto; font-size: 1px; background: #FFF}
#column3 .productBox .allAction {margin: 10px 0 5px 9px; padding-right: 10px; display: block; color: #FF6C00; background: url(/styles/img/bg-categories_ul_li_a.gif) no-repeat 75px 5px}

#column3 .bestSin {width: 170px; margin: 0 0 0 4px}
#column3 .bestSin div {width: 100%; padding-bottom: 4px; float: left; text-align: right}
#column3 .bestSin div strong {width: 14px; float: right; color: #FF6C00}
#column3 .bestSin div a {width: 156px; float: left; display: block; text-decoration: none}
#column3 .bestSin div a:hover {text-decoration: underline}

{ ----------  Footer ------------------------------------------------------------------------------------------------------------- }

#containerFooter .iconSC {height: 36px; width: 166px; margin: 0 33px 0 18px; float: left; text-decoration: none}
#containerFooter .freetext {width: 760px; padding: 11px 0 0 0; float: left; color: #FFF}
#containerFooter .freetextbox2 {width: 770px; height:36px; margin:0px 0px 0px 200px; _margin:0px 0px 0px 100px; padding: 0px 0 7px 10px; _padding: 0 0 5px 10px; float: left; color: #00;background:#efefef}

.banner3 {padding-left:5px;padding-bottom:5px}
.banner4 {padding-left:5px;padding-bottom:5px}

{ ----------  Přehled objednávek na účtu ------------}
.orderReg {width:780px;margin:0px 5px 0px 5px}
.orderReg TD {height:16px;padding-left:10px}
.orderReg thead TD {font-weight:bold;border-bottom:3px double black;} 
.orderReg TD.suma {background:#efefef;border-top:1px solid black;text-align:right}

{ ----------  Detail objednávky na účtu ------------}
.orderDet {width:780px;margin:0px 5px 0px 5px}
.orderDet .note {background:#efefef; padding:5px;font-weight:normal;border-bottom:1px solid black;}
.orderDet TD {height:20px;padding-left:10px}
.orderDet .detaillabel {font-weight:bold; color:rgb(15,105,150);border-bottom:3px double black;}
.orderDet .detaillabelCenter {text-align:center; color:rgb(15,105,150); font-weight:bold;border-bottom:3px double black;}
.orderDet a {color:red;}
.orderDet TD.suma {background:#efefef;border-top:1px solid black;text-align:right}

{ ----------  Texty v menu, infoboxu ... ------------}
.InfoTexty {padding: 10px 0 10px 15px}

{ ----------  V parametrickém a vyhledávaní podle producera ------------}
.ParamSearchVyberte {height:16px; border-bottom:3px double silver; margin:20px 0 10px 0; font-weight:bold; color:green}
.ParamSearchRootCat2 {margin-top:10px;}
.ParamSearchRootCat2 li {margin-top:3px;font-size:11px}
.ParamSearchRootCat2 li a {color:rgb(6,27,80)}

.clstop10nahled {width: 100px; top:200px; text-align: center; padding-top:20px; padding-bottom:20px;  background: white; position:absolute; z-index:2;}
.clsInfoWindow {width: 10px; top:65px; text-align: center; padding-top:0px; padding-bottom:0px; background-color: white; position:absolute; z-index:10; }

.addition      {padding:5px; }