{ ------------ Globální definice objektů  ----------------------------------------------------------------------------------------------- }
body {margin: 0; padding: 0; font-family: Verdana; font-size: 11px; color: #000; }
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 {border: 0}

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

.clear1 {clear: both; _clear: none}
.clear2 {clear: both; _height: 0px; font-size: 1px}

.Title {padding: 5px 0 5px 30px; color:#000; font-weight:bold; font-family: Verdana; font-size: 18px; background: url(/img/bg-title.gif) no-repeat -5px 0px;}

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

#containerBG {position: relative; top: 0; ?top: -1px; _top: 0;}
#containerHeader {position: relative; z-index: 1; margin: auto; width: 960px; height: 182px; background: url(/img/bg-containerHeader.jpg) no-repeat;}
#containerBody {position: relative; margin: auto; width: 960px; background: url(/img/bg-containerBG.gif) repeat-y;}
#column1 {position: relative; top: 2px; left: -479px; width: 202px; float: left; color: #000; padding-bottom: 25px;}
#column2 {position: relative; top: 2px; left: 228px; height: auto; width: 492px; float: left; overflow: hidden; background: url(/img/bg-containerBody.gif) repeat-x; }
#column3 {position: relative; top: 2px; left: 39px; width: 202px; padding-bottom: 25px; float: left;}

#containerFooter {position: relative; margin: auto; width: 960px; height: 43px; background: url(/img/bg-containerFooter.gif) repeat-x; margin-top:-3px;?margin-top:-2px;_margin-top:-2px;}

/*****************************  === SEARCH.form  === **********************************************/

.logo {position: absolute; top: 55px; left: 20px; height: 44px; width: 189px; display: block }

.searchBox {position: absolute; top: 124px; left: 14px; height: 56px; width: 202px; background: url(/img/bg-search.gif) no-repeat; }
.searchBox div {margin: 6px 0px 2px 17px; padding: 0px 0px 0px 2px; ?padding-bottom: 4px; _padding-bottom: 4px; background: url(/img/bg-search-input.gif) no-repeat; }
.searchBox div .input_text {height: 15px; width: 116px; margin: 0 6px 0 0; padding: 2px 6px 0 6px; color:#f3ba01; background: transparent; border: 0px}
.searchBox .seEx {padding-left: 24px; text-decoration: none; }
.searchBox .seEx:hover {text-decoration: underline}

.searchBox  #advSearchBox {position: absolute; top: 60px; left: 0px; width:189px; height:110px; color: #000;padding:3px !important; margin:0px !important; border:2px inset #0089E1;background:#fff}
.searchBox  #advSearchBox .advSearch_in {padding:0px;margin: 0px;color: #000;float:left;width:150px;}
.searchBox  #advSearchBox label{color: #000;}
.searchBox  #advSearchBox .seEx {padding-left: 20px !important; text-decoration: none;display:block;margin-bottom:2px}
.searchBox  #advSearchBox .seEx:hover {text-decoration: underline}


.searchBo .seEx .advSearchBoxLink {text-decoration: underline; font-size: 10px; color: #6f9032;float: left;}
.searchBx .seEx .advSearchBoxLink:hover {text-decoration: none}
.searchBx #advSearchBox {position: absolute; z-index: 99; top: 20px; left: 0px; height: 141px; width: 123px; padding: 0; background: #f7f3e5; border: 2px solid #cac69b}
.searchBx #advSearchBox .advSearchBoxIn-t {padding: 7px 0 10px 7px; color: #3b373e}
.searchBx #advSearchBox label {padding: 0 0 2px 7px; display: block; color: #3b373e; font-weight: bold}
.searchBx #advSearchBox .input_radio {position: relative; top: -2px; ?top: 0px; _top: 0px; margin-right: 5px}
.searchBo #advSearchBox a {text-decoration: underline; color: #3b373e}
.searchBo #advSearchBox a:hover {text-decoration: none}
.searchBo #advSearchBox .asEx {padding-top: 8px; text-align: center}

.setUp {position: absolute; top: 33px; right: 25px; margin: 0; padding: 0; list-style-type: none;}
.setUp li {float: left}
.setUp li a {margin-right: 10px; _margin-right: 5px; padding-left: 12px; text-decoration:none; float: left; font-size: 10px; color: #000; background: url(/img/bg-set-li.gif) no-repeat left}
.setUp li a:hover {text-decoration: underline;}
.setUp li a.loEx1 {background: url(/img/bg-loEx1.gif) no-repeat left;} 


.login {position: absolute; top: 29px; right: 0; height: 107px; width: 348px; background: url(/img/bg-login.gif) no-repeat 205px 0}
.login ul {margin: 0; padding: 0; list-style-type: none}
.login ul li {float: left}
.login ul li a {float: left}
.login .loEx1 {padding-top: 5px}
.login .loEx1 a:hover  {text-decoration: underline}
.login .loEx1_1 a {margin: 0 9px 0 19px; padding-left: 10px; text-decoration: none; font-weight: bold; color: #F7941C; background: url(/img/bg-favourite-recommend_li_a.gif) no-repeat 0 4px}
.login .loEx1_2 a {padding-left: 11px; text-decoration: none; font-weight: bold; color: #0089E1; background: url(/img/bg-loEx1_2_a.gif) no-repeat 0 1px}
.login .loEx2 {width: 323px; padding: 15px 0 0 25px; float: left}
.login .loEx2 span {position: relative; top: 1px; ?top:0; _top: 0; padding: 0 4px 0 8px; font-weight: bold; color: #0089E1}
.login .loEx2 .input_text {height: 15px; width: 90px; padding: 2px 0 0 4px; border: 1px solid #8F8F8F}
.login .loEx2 a {margin-left: 5px}
.login .loEx3 {position: relative; top: -4px; left: 213px; float: left}
.loEx {background: url(/img/bg-loEx.gif) no-repeat 206px 1px}
.login .loEx4 {position: relative; width: 300px; padding: 18px 0 0 0; float: left; text-align: center}
.login .loEx4 span {width: 130px; display: block; float: left; text-align: right}
.login .loEx4 strong {height: 15px; width: 150px; display: block; float: left; overflow: hidden; color: #0089E1 }
.login .loEx5 {width: 100%; padding: 5px 0 0 0; float: left; text-align: center}
.login .loEx5 a {margin-right: 9px; padding-right: 12px; }
.login .loEx5 .loEx5_1 {background: url(/img/bg-loEx1_2_a.gif) no-repeat right 2px}
.login .loEx6 {position: absolute; top: 33px; left: 290px}

/*****************************  === PUBLISH.treemenu  === *****************************************/
.menu {position: absolute; top: 57px; left: 461px; margin: 0; padding-left:5px; width: 464px; list-style-type: none;}
.menu li {position: relative; display: block; float: left}
.menu li a {float: left; display: block; padding:12px 10px 12px 5px; color:#FFFFFF; text-decoration: none; background: url(/img/bg-menu-li.gif) no-repeat right 8px;}
.menu li a:hover {text-decoration: underline;}
.menu li ul {position: absolute; z-index: 9; top: 39px; left: -5px; width: 135px; margin: 0; padding: 0; visibility: hidden; font-size: 11px; color: #FFF; background: #f0a801} 
.menu li ul li {display: block; float: none; margin: 0px; padding: 0px;}
.menu li ul li:hover {background: #777777;}
.menu li ul li a {height: auto; display: block; padding:10px; float: none; background: none}
.menu li ul li a:hover {text-decoration: underline; background: #777777;}
.menu li ul ul {top: 0; left: 136px}
.menu .last {background: none}

/*****************************  === basketInfo  === ***********************************************/
.basketInfo {position:absolute; top:124px; left:732px; width: 205px; color:#777; font-size:10px;}
.basketInfo img {float:left;}
.basketInfo .baEx1 {margin:0px 5px 0px 35px; display: block; text-align:center;}

/*****************************  === navigation  === ***********************************************/
.navigation {margin: 15px 0 10px 7px; padding: 0; }
.navigation h1, .navigation h3 {display: inline}
.navigation li {display: inline}
.navigation li a {margin-right: 7px; padding-right: 18px; text-decoration: underline; color: #000; background: url(/img/bg-navigation_li_a.gif) no-repeat right 5px}
.navigation li a:hover {text-decoration: none}
.navigation li a.naSel {text-decoration: none; font-weight: bold; background: none}

/*****************************  === Reklama  === ***********************************************/
.advertising {width: 100%; margin: 5px auto; text-align: center;}
.advertising exAdv1 {float: left;}

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

#column1 img {vertical-align: middle}

.side-box {width: 202px; float: left; margin-bottom: 8px}
.t-sidebox {height:38px; margin: 0 0 -10px 0; padding: 13px 0 0 3px; font-size:12px; font-weight:normal !important; text-align:center; color:#FFFFFF; background: url(/img/bg-sidebox.gif) no-repeat}

/*****************************  === categorie  === ***********************************************/
.categories {position: relative; padding: 0; list-style-type: none; clear: both; background: url(/img/bg-cat.gif) repeat-x #f8a700}
.categories ul {position: relative; margin: 10px 0px; padding: 0; list-style-type: none; z-index:999;}
.categories ul li {background: url(/img/BG-categories_ul_li.gif) no-repeat bottom; }
.categories ul li a {padding: 4px 8px 12px 33px; display: block; text-decoration:none; font-size: 11px; font-weight: bold; color: #FFF; background: url(/img/BG-categories_ul_li_a.gif) no-repeat 18px 6px}
.categories ul li a h2 {font-size: 11px; font-weight: bold; color: #FFF; }

.categories ul li.opened { padding: 0px 0px 10px 0px; background: url(/img/BG-categories_ul_li.gif) no-repeat bottom;}
.categories ul li.opened a {padding-bottom: 2px !important; font-weight: bold; color: #000; background: url(/img/BG-side_boxG_ul_li_a.gif) no-repeat 18px 6px; }
.categories ul li.opened a.caSel {font-weight: bold;}
.categories ul a:hover {text-decoration: underline;}

.categories ul li.opened ul li { background: none; }
.categories ul li.opened ul li a { padding: 0px 5px 0px 35px; font-weight: normal; background: none;}
.categories ul li.opened ul li a h2 { font-weight: normal; color: #0C2C6E; }
.categories ul li.opened ul ul li a { padding-left: 10px; background-position: 23px 6px; }

.categories ul li.opened ul ul li a { padding: 0px 5px 0px 55px; font-weight: normal; background: none;}

.catLiEx1 {background: url(/img/BG-categories_ul_li_1.gif) no-repeat bottom !important;}
.catLiEx2 {background: url(/img/BG-categories_ul_li_2.gif) no-repeat bottom !important;}
.catLiEx3 {background: url(/img/BG-categories_ul_li_3.gif) no-repeat bottom !important;}

.eNews {padding: 40px 0 12px 0; background: url(/img/bg-eNews.gif) no-repeat #FFF}
.eNews p {padding: 0 11px 8px 11px}
.eNews .input_text {height: 15px; width: 112px; margin: 0 6px 0 9px; padding: 2px 0 0 4px; color: #969696; border: 1px solid #8F8F8F}

#column1 .info {padding: 40px 0 5px 0; background: url(/img/bg-info.gif) no-repeat #FFF}
#column1 .info ul {margin: 0; padding: 0; list-style-type: none}
#column1 .info ul li a {padding: 0 0 5px 18px; display: block; text-decoration: none; background: url(/img/bg-squareG.gif) no-repeat 8px 5px}
#column1 .info ul li a:hover { text-decoration: underline; background: url(/img/bg-squareB.gif) no-repeat 8px 5px}


/*****************************  === PUBLISH.welcome ===  ******************************************/
.prologue {margin: 0 10px 0 7px; padding: 5px 0px 25px 0px; color:#999; text-align:justify; background: url(/img/bg-bottom-line.gif) no-repeat bottom}
.prologue .prologue-t {padding: 5px 0 15px 30px; color:#000; font-weight:bold; font-family: Verdana; font-size: 18px; background: url(/img/bg-title.gif) no-repeat -5px 0px;}

/**************************** === PUBLISH.news ===  ***********************************************/
.news {width:482px; float:left; margin: 0 7px 0 7px; padding: 0px 0px 15px 0px; background: url(/img/bg-bottom-line.gif) no-repeat bottom;}
.news .news-t {padding: 5px 0 15px 30px; color:#000; font-weight:bold; font-family: Verdana; font-size: 18px; background: url(/img/bg-title.gif) no-repeat -5px 0px;}
.newsIn {width: 100%; padding-bottom: 5px; padding-right:0px; float: left;} 
.newsIn span {display: block; font-size:10px; color: #999;}
.newsIn h4 a {font-size: 11px; font-weight: bold; color: #f2b901; }
.newsIn .freetext, .newsIn .freetext p {padding:10px 0px; color: #999; text-align:justify;}

/****************************** === specialBox ===  ***********************************/
.specialBox {width: 100%; margin: 0 10px 0 7px; padding: 0 0px 15px 0px; float: left}
.specialBox .specialBox-t {padding: 5px 0 15px 30px; color:#000; font-weight:bold; font-family: Verdana; font-size: 18px; background: url(/img/bg-title.gif) no-repeat -5px 0px;}

.specialBox .product {position: relative; width: 100%; margin-top: 5px; padding-bottom: 0px; float: left; border-bottom:1px dotted #eaeaea;}
.specialBox .product .productImg {width: 105px; margin-bottom: 10px; ?margin-bottom: -5px; _margin-bottom: -10px; float: left; text-align: center; }
.specialBox .product .productImgIn {height:104px; padding-top:7px; overflow: hidden; background: url(/Img/bg-spec-img.gif) no-repeat}
.specialBox .product img {vertical-align: middle;}

.specialBox .product .productInfo {width: 368px; height:111px; float: left; }
.specialBox .product .productInfo .name {margin: 2px 0 10px 0;}
.specialBox .product .productInfo .name a {padding: 0 8px 0 10px; display: block; text-decoration: none; font-size: 11px; color: #f2b901}
.specialBox .product .productInfo .name a:hover {text-decoration: underline;}
.specialBox .product .productInfo .annotation {height:41px; overflow: hidden; }
.specialBox .product .productInfo .freetext {padding: 0 8px 0 10px; margin-bottom: 5px; font-size: 11px; color: #999}
.specialBox .product .productPrice .ppEx1 {padding: 0 8px 0 10px; color: #999; font-size:12px;}
.specialBox .product .productPrice .ppEx2 {padding: 0 8px 0 10px; color: #999; font-size:11px;}


/****************************** === specialBox ===  ***********************************/
.actionBox {width: 204px;}
.actionBox .product {position: relative; width: 182px; margin:5px 5px 5px 10px; display:block; float: left; border-bottom:1px solid #eaeaea;}
.actionBox .product .productImg {width: 92px; height:75px; float: left; text-align: center;}
.actionBox .product img {vertical-align: middle;}

.actionBox .product h3 {margin: 2px 0 10px 0;}
.actionBox .product h3 a {padding: 0px; display: block; text-decoration: none; font-size: 11px; color: #000}
.actionBox .product h3 a:hover {text-decoration: underline;}
.actionBox .product .productPrice .ppEx1 {padding: 20px 0px 0 10px; text-align:right; color: #f2b901; font-size:12px;}
.actionBox .product .productPrice .ppEx1 span {color: #999; display:block; font-size:11px;}


/****************************** === charakterization ===  ***********************************/

.charakterization {width: 482px; margin: 0 0 0 7px; padding-bottom: 10px; float: left;}
.charakterization-t {padding: 5px 0 15px 30px; color:#000; font-weight:bold; font-family: Verdana; font-size: 18px; background: url(/img/bg-title.gif) no-repeat -5px 0px;} 
.charakterization .charImg {width: 134px; height: 95px; margin: 0 10px 5px 0; float: left; text-align: center; background: url(/img/bg-charImg.gif) no-repeat}
.charakterization .charImg img {padding-top: 2px;}
.charakterization .freetext {padding: 0 0 5px 0; color:#999; text-align: justify;}


/***************************** === CATEGORYBODY.filterBox ===  ***************************************/
.displayPaging {width: 485px; margin: 0 5px; padding:0; color: #63511d; border:1px solid #cacaca; }
.displayPaging .priceFilter {height: 25px; width: 197px; margin: 0px; padding: 7px 0 0 6px; float: left;}
.displayPaging .sortPagerBox {height: 30px; clear: both; padding: 0px; margin: 0px; background: url(/img/bg-displayPaging.gif) no-repeat top; }

.displayPaging img {vertical-align: middle}
.displayPaging .pager {float: left;}
.displayPaging .pager div {height: 28px; margin-top: -2px; padding: 8px 0px 0 6px; ?padding-top: 7px; _padding-top: 7px; float: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right; }
.displayPaging .pager .paEx1 {padding-top:6px;}
.displayPaging .pager .paEx1 span {padding-left: 4px; padding-top:6px; font-family: Arial; font-size: 11px}
.displayPaging .pager .paEx1 span strong {padding-left: 3px; font-family: Verdana; font-size: 12px}

.displayPaging .pager .paEx2 {padding-right: 8px; padding-left: 8px}
.displayPaging .pager .paEx2 img {margin-right: 0px}
.displayPaging .pager span {padding-right: 10px}
.displayPaging .pager .input_text {height: 14px; width: 22px; margin-left: 2px; padding-top: 2px; color: #000; text-align: center; border: 1px solid #cacaca}

.displayPaging .orderSelect {height: 28px; margin-top: 0px; width: 197px; padding: 5px 0px 0 6px; ?padding-top: 5px; _padding-top: 5px; float: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right top}
.displayPaging .orderSelect select {width: 70px; margin: 0 2px; color: #000}
.displayPaging .orderSelect span {position: relative; top: 1px; ?top: 0; _top: 0}

.displayPaging .itemsOnPage {height: 26px; padding: 6px 10px 0 10px; ?padding-top: 5px; _padding-top: 5px; floaT: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right; position: relative; top: -1px; }
.displayPaging .itemsOnPage select {margin-left: 3px}


/***************************** === CATEGORYBODY.commodityCatalog ===  ***************************************/

.commodityCatalog {_height: auto; width: 485px; margin: 3px 0 0 5px; overflow: hidden; float: left;}
.commodityCatalog .productLine {height: 246px; background: url(/img/bg-commoditylist-LB.gif) no-repeat bottom}

.commodityCatalog .product {position:relative; width: 151px; height: 230px; padding-right:9px; margin: 0 2px 0px 0; float: left; background: url(/img/bg-commoditylist-LR.gif) no-repeat right;}
.commodityCatalog .product.last {margin: 0px; background: none;}

.commodityCatalog .product h3 a {width: 100%; height: 28px; text-align:center; color:#f0a801; font-family:Arial; font-size:11px; display:block; overflow:hidden}
.commodityCatalog .productImg {height: 75px; margin: 0 5px; text-align: center; vertical-align: middle;}
.commodityCatalog .product .annotation {height: 82px; padding: 5px 3px; overflow: hidden; clear: both; font-size: 11px; font-family:arial; color: #999; }

.commodityCatalog .attrib_comp_etc {position:absolute !important; top: 35px;}
.commodityCatalog .attrib_comp_etc .acEx1 img {padding: 0 0 0 3px; float: left;}

.commodityCatalog .productInfo {width: 100%; margin-bottom: 1px; padding: 0px; float: left; }
.commodityCatalog .productPrice {width: 120px; margin-bottom: 1px; padding: 2px 0 0 0; float: left; text-align: right;}
.commodityCatalog .productPrice div {padding-bottom: 2px;}
.commodityCatalog .productPrice span {padding-left: 3px; font-size: 10px; text-align: right;}
.commodityCatalog .prEx1 {font-weight: bold; font-size: 12px; text-align: right; color: #999}
.commodityCatalog .prEx1 span {padding-top: 2px;}
.commodityCatalog .prEx2 {font-size: 10px; color: #999;}
.commodityCatalog .prEx2 span {padding-top: 0px;}

.commodityCatalog .productButton {width: 25px; padding: 5px 2px 0 0px; float: right; text-align: right;}





.right-box .bestS {width: 346px; padding-bottom: 8px; floaT: left; border: 1px solid #818181; background: url(/img/bg-charakterization.gif) no-repeat}
.right-box .bestS .bestS-t {padding: 7px 0 0 13px; font-size: 12px; font-weight: bold; color: #0089E1}
.right-box .bestS ol {margin: 15px 0 0 32px; ?margin-left: 37px; _margin-left: 37px; padding: 0; font-size: 12px; color: #0089E1; font-weight: bold}
.right-box .bestS ol li {padding: 0 0 5px 0}
.right-box .bestS ol li a {position: relative; left: -3px; ?left: -6px; _left: -6px; font-size: 11px; font-weight: normal; color: #3F3F3F}

.info-box {position: relative; width: 785px; margin-top: 1px; float: left; background: url(/img/bg-info-boxIn.gif) repeat-y; border: 1px solid #3F3F3F;}
.info-boxIn {width: 785px; padding-top: 34px; float: left; background: url(/img/bg-info-box.gif) no-repeat top; } 
.info-box ul {margin: 0; padding: 0; list-style-type: none; float: left}
.info-box ul li a {padding: 0 5px 5px 23px; display: block; text-decoration: none; color: #3F3F3F; background: url(/img/bg-squareB.gif) no-repeat 12px 5px}
.info-box ul li a:hover {text-decoration: underline}
.info-box .ibEx1 {width: 132px}
.info-box .ibEx2 {width: 146px}
.info-box .ibEx3 {width: 149px}
.info-box .ibEx4 {width: 156px}
.info-box .ibEx5 {width: 200px}


/***************************** === REGISTRATION ===  ***************************************/
.registration {padding: 0px 0 15px 0; width: 482px}
.registrationtitle {padding: 15px 0 15px 0; background: url(/img/bg-transport.gif) no-repeat;margin:0px; width:482px;float:left;}

.registration .registration-tEx {padding: 0 0 11px 21px; font-weight: bold; background: url(/img/bg-loginBox-t.gif) no-repeat 11px 4px}
.registrationIn {width: 482px; float: left;}
.registration .freetext {padding: 0 0 5px 18px;}
.registration .decReg {padding-bottom: 2px; text-align: right}
.registration .decReg strong {padding: 0 3px; color: #0089E1}
.registration .registration-t {height: 22px; width: 510px; margin-bottom: 1px; padding-top: 8px; text-align: center; font-size: 12px; font-weight: bold; color: #0089E1; background: #F7F7F7; border: 1px solid #E1E1E1}
.registration table {width: 100%; margin-bottom: 2px; float: left; color: #000}
.registration table td {height: 24px; background: #EDEDED}
.registration table strong {padding-left: 5px; color: #F87000}
.registration table .space {height: 25px; text-align: center}
.registration table .space1 {height: 7px; background: url(/img/BGspace1.gif) no-repeat bottom #EDEDED}
.registration table .rName {width: 91px; padding-right: 7px; text-align: right}
.registration table .rInsert {width: 140px}
.registration table .input_text {height: 15px; width: 115px; padding: 1px 4px 0 4px; float: left; color: #8F8F8F; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4;color:blue}
.registration table select {width: 125px; float: left; color: #8F8F8F; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4;color:blue}
.registration table .rName1 {width: 79px; padding-right: 4px; text-align: right}
.registration table .reEx1 {padding: 10px 7px 0 0; text-align: right; vertical-align: top}
.registration table .reEx2 {padding: 7px 0 7px 0} 
.registration table .reEx2 textarea {height: 47px; width: 346px; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
.registration table .reEx3 {text-align: center}
.registration table .reEx4 {height: 22px; padding: 9px 0 0 37px; border-top: 1px solid #FFF} 
.registration table .reEx4 .input_checkbox {margin-left: 8px}
.registration table .reEx5 {height: 28px; _height: 24px; padding-bottom: 4px}
.registration .block {width: 100%; margin: 15px 0 9px 0; padding-bottom: 15px; float: left; text-align: center; border-bottom: 1px solid #DADADA}
.registration .inv {float: none; border-bottom: 1px solid #DADADA;text-align:center;padding-bottom:15px; margin:0px;padding-bottom:2px;border-bottom:none}
.registration .invDiv {margin: 0px 0 9px 0; padding-bottom: 15px; float: left;border-bottom: 1px solid #DADADA;width:auto}
.registration .block strong {padding: 7px 0 4px 0; display: block; font-weight: bold; color: #0089E1}
.registration .block p {font-size: 10px}
.registration .buttons input {margin-right: 6px; float: right}
.registration .buttons .buEx {margin-left: 15px; float: left}
.registration table .rText img,
.registration table .rAction img {cursor:pointer}
.registration table .rText {width: auto;  padding: 0px 2px; text-align: left}
.registration table .rText2 {font-size:10px;width: auto;  padding: 0px 2px; text-align: left;height: 18px;color:#6F6F6F}
.registration table .rAction {width: 15px; padding: 0px 2px; text-align: center}
.registration table .rICO { padding:0px 1px 0px 5px ;text-align:left;font-weight:bold}
.registration table .rImg { padding:0px;text-align:right;height: 18px;}
.registration .editFRM .registration-t {height: 22px; width: 510px; margin-bottom: 1px; padding-top: 8px; text-align: center; font-size: 14px; font-weight: bold; color: #0574BB; background: #F7F7F7; border: 1px solid #E1E1E1}
.registration .editFRM table td {height: 24px; background: #AAA}
.registration .editFRM .buttons {background: #AAA}
.registration .editFRM {display:none;position:absolute;width:512px;xheight:188px;border:3px inset #0089E1;top:250px;background: #AAA}
.registration .registration-t2 {height: 22px; width: 510px; margin-bottom: 1px; padding-top: 4px;padding-bottom: 2px; _padding-top: 4px;_padding-bottom: 3px; text-align: left; font-size: 12px; font-weight: bold; color: #0089E1; background: #F7F7F7; border: 1px solid #E1E1E1;}
.registration .registration-t2 .s1 {margin-left:202px}    
.registration .registration-t2 .s2 {margin-left:108px}    
.registration .registration-t2 .s3 {margin-left:212px}    
.registration .registration-t2 .s4 {margin-left:94px}    
.registration .registration-t2 span img {cursor:pointer}

/***************************** === ordersBasket ===  ***************************************/
.ordersBasket {width: 482px; margin: 0 0 0 7px; padding-bottom: 10px;}

/**************************** === Footer ===  *****************************************/

#containerFooter .iconSoftC {position: absolute; top: 19px; left: 48px; height: 50px; width: 102px; display: block; text-decoration: none; background: url(/img/bt-iconSC.gif) no-repeat}
#containerFooter .iconSC {position: absolute; top: 67px; right: 9px; height: 16px; width: 140px; display: block; text-decoration: none; background: url(/img/bt-iconSCnd.gif) no-repeat}
.companyInfo {width: 770px; padding: 10px 10px 0 0; float: right; text-align: right; color: #AFAFAF}
.companyInfo div {padding-bottom: 2px}
.companyInfo div a {color: #AFAFAF}



.productWin {position: absolute; top: 0; left: 0; width: 233px; padding: 2px; background: #FFF; border: 1px solid #B2B2B2}
.productWinIn {text-align: center; border: 1px solid #0089E1}
.productWin .productImg {padding: 15px 0; background: url(/img/bg-productImg.gif) no-repeat bottom}
.productWin .name {padding: 5px 0; font-weight: bold}
.productWin .freetext {padding: 0 7px 8px 7px; font-size: 10px}
.productWin .price {padding: 6px 0; background: #F3F3F3; border-bottom: 1px solid #FFF}
.productWin .price .ppEx1 {padding: 0 0 2px 0; color: #818181}
.productWin .price .ppEx2 {padding: 2px 0 10px 0; font-weight: bold; color: #818181; background: url(/img/bg-prEx1_p.gif) no-repeat center top}
.productWin .price .ppEx4 {padding-top: 2px; font-weight: bold}
.productWin .sumaP {padding: 5px 0; font-weight: bold; color: #0089E1; background: #E8E8E8; border-bottom: 1px solid #FFF}
.productWin .sumaP .spEx {padding-top: 2px; font-size: 13px}
.productWin .displayDetail {padding: 10px 0 8px 0; font-weight: bold; background: #D3D3D3; border-bottom: 1px solid #FFF}
.productWin .displayDetail a {color: #585858}
.productWin .attribute {position: absolute; top: 11px; left: 11px}

.hand {cursor:pointer}

#tab2, #tab3, #tab4 {display:none}

.titleNewBranch {padding: 15px 0 15px 0; background: url(/img/bg-regPobocka.gif) no-repeat;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
{ ---- lostpwd ---- }
#column2 .lostpwdtitle {padding: 15px 0 15px 0; background: url(/img/bg-lostpwd.gif) no-repeat;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
.lostpwd .lostpwd-t {padding: 0 0 11px 21px; font-weight: bold; background: url(/img/bg-loginBox-t.gif) no-repeat 11px 4px}
#column2 .lostpwd .freetext {padding: 0 0 5px 18px}

#column2 .lostpwd table {width: 300px; margin-bottom: 2px; xfloat: left; color: #000}
#column2 .lostpwd table td {height: 24px; background: #EDEDED}
#column2 .lostpwd table .rName {width: 91px; padding-right: 7px; text-align: right}
#column2 .lostpwd table .rInsert {width: 140px}
#column2 .lostpwd table .input_text {height: 15px; width: 115px; padding: 1px 4px 0 4px; float: left; color: #8F8F8F; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
#column2 .lostpwd table .space1 {height: 7px; background: url(/img/BGspace1.gif) no-repeat bottom #EDEDED}
#column2 .lostpwd .buttons input {margin-right: 6px; float: right}
#column2 .lostpwd table .space {height: 25px; text-align: center}

{ ---- senddetail ---- }
#column2 .senddetail {padding: 40px 0 15px 0; background: url(/img/bg_sendDetail.gif) no-repeat}

.importantBox,importantBox2 {width:90%; padding:0px; text-align:center;margin:5px 0;}
.importantBox .importantBoxIn {border:#921C1C double 3px;width:90%; padding:10px; text-align:center;border-style:double}
.importantBox2 .importantBoxIn {background:#EDEBEB;width:90%; padding:10px; text-align:center;}


{ -------- pricelist ------- }
#column2 .pricelisttitle {padding: 15px 0 15px 0; background: url(/img/bg-priceListLong.gif) no-repeat;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
#column2 .pricelist table tr td span {width:250px;padding-bottom:2px;color:#8A7E7E}
.smallcat {font-size:10px}
.smallCat ul {background:none !important;border:none !important}
.smallcat span {float:right;width:15px}
.pl_selcats {width:440px;background:#fff}
.ct {margin: -2px 0 6px 0; padding: 0; list-style-type: none;}
.ct li {_height: 0;width:250px !important;}
.ct li a {text-align:left;cursor:pointer;padding: 5px 5px 4px 19px; display: block; color: #4D4D4D; font-weight: bold; background: url(/img/BGcategories_li_a.gif) no-repeat 9px 9px}
.ct ul {margin: 0; padding: 8px 0; list-style-type: none; background: url(/img/BGcategories_li.gif) no-repeat #FFF}
.ct ul li {}
.ct ul li a {cursor:pointer;padding: 2px 10px 2px 33px; display: block; color: #4D4D4D; font-weight: normal; background: url(/img/BGcategories_a_a.gif) no-repeat 23px 7px;}
.ct ul li ul li{background: none;padding-left:5px}
.ct ul li ul li a {padding: 2px 10px 2px 38px; display: block; color: #4D4D4D; font-weight: normal; background: url(/img/BGcategories_a_a.gif) no-repeat 23px 7px}


.dBigTitle {position: relative; height:28px;width: 784px; float: left; border: 1px solid #818181; background: url(/img/bg-bigBlank.gif) no-repeat top center}
.dBigTitle h2 {height: 13px; width: 355px; padding: 7px 0 0 12px; overflow: hidden; font-size: 12px}


.recommendUstitle {padding: 15px 0 15px 0; background: url(/img/bg-doporucte.gif) no-repeat;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}

.BtnCal {border:0; width:22px; height:20px; cursor:pointer; background: url(/Img/BtCal.gif) no-repeat;margin:0px 2px}
.BtnCal:active {border:1px inset #fff; width:21px; height:20px; cursor:pointer; background: url(/Img/BtCal.gif) no-repeat;}

{ -------- param search ------------}
.prmSearchtitle {padding: 15px 0 15px 0; background: url(/img/bg-psearch.gif) no-repeat;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
.prmSearch .freetext {text-align:center;padding:5px 0px}
.prmSearch .rName {width:160px !important}
.catT { width: 100%; float: left; color: #000;background: #EDEDED;padding:3px 0px} 
.catT a {background: url(/img/bg-foldIn_ul_li_a.gif) no-repeat 4px 4px;padding-left:18px}
.catT a:hover {background: url(/img/bg-favourite-recommend_li_a.gif) no-repeat 4px 4px;padding-left:18px}
.catT2 {width: 100%; float: left; color: #000;background: #EDEDED;padding:0px} 
.catT2 ul {margin: 0; padding: 2px 0 0 0; list-style-type: none}
.catT2 ul li a {padding: 0 0 0 26px; display: block; font-weight: normal !important; background: url(/img/bg-categories_ul_li_a.gif) no-repeat 18px 5px}
.catT2 ul li a:hover {text-decoration:underline}

.selparam1 {width: 68px !important;}
.selparam2 {width: 194px !important;margin:1px;*margin:0px}

.markABC {float:left; background: url(/img/bt_blank.gif) no-repeat 0px;padding-top:4px;width:21px !important;text-align:center;height:18px;margin:1px;text-decoration:none;font-weight:bold}
.markABC:hover,.selmark {color:#fff}

#column2 .marktitle {padding: 15px 0 15px 0; background: url(/img/bg-mark.gif) no-repeat;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
.mark .registrationIn {width: 635px !important; margin-left: 75px !important; float: left;_margin-left:33px !important}
.mark .freetext {padding: 5px !important;text-align:center;}
.mark .DesccatT { width: 100%; float: left; color: #000;background: #EDEDED;padding:3px 0px}
.mark .DesccatT p {padding-left:28px;color:#808080}

.DesccatT ul {margin: 0; padding: 2px 0 0 0; list-style-type: none}
.DesccatT ul li a {padding: 0 0 0 40px; display: block; font-weight: normal !important; background: url(/img/bg-categories_ul_li_a.gif) no-repeat 28px 5px}
.DesccatT ul li a:hover {text-decoration:underline}


{ -------- login ------------}
.titleLogUser {padding: 15px 0 15px 0; background: url(/img/bg-logins.gif) no-repeat !important;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
.titleEditUser {padding: 15px 0 15px 0; background: url(/img/bg-regChange.gif) no-repeat !important;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
.titleDataUser {padding: 15px 0 15px 0; background: url(/img/bg-regData.gif) no-repeat !important;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}



.titleOnlineOrder {padding: 15px 0 15px 0; background: url(/img/bg-onlineOrder.gif) no-repeat !important;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}
.titleOnlineInvoice {padding: 15px 0 15px 0; background: url(/img/bg-onlineInvoice.gif) no-repeat !important;margin-right: 1px; _margin-bottom: -1px;width:784px;float:left;}



.execOrderTbl {width:770px !important;margin-left:8px}
.execAct{width:30px !important;text-align:center !important}

.Legend {margin: 13px 0 10px 8px; font-weight: normal; }
.Legend TD {color: #000;}
.Legend thead td {color:#0089E1;font-weight: bold;padding-bottom:3px;background:#FFF !important}
.Legend tbody tr td {width:90px !important;text-align:center;border:1px solid #0089E1;font-size:10px !important;height:15px !important}

.OrderDone, .OrderDone td  { background-color: lightgreen !important;width:100px}
.OrderNew, .OrderNew td   { background-color: tomato !important}
.OrderReady, .OrderReady td { background-color: #E08C30 !important}
.OrderApproved, .OrderApproved td { background-color:khaki !important}
.OrderUnknown, .OrderUnknown td { background-color: #e8e8e8 !important}
.OrderCanceled, .OrderCanceled td { background-color: #D0D0D0 !important}
.OrderUnpaid, .OrderUnpaid td { background-color: red !important}
.OrderUnpaidBef, .OrderUnpaidBef	td { background-color: orange !important}


.OrderItemOK,.OrderItemOK td		{ background-color: lightgreen !important; }
.OrderItemStored,.OrderItemStored td	{ background-color: #A2BEA2 !important; }
.OrderItemBooked,.OrderItemBooked td	{ background-color: #C0FFFF !important; }
.OrderItemDispatch,.OrderItemDispatch td	{ background-color: khaki !important; }
.OrderItemNotStored,.OrderItemNotStored td	{ background-color: tomato !important; }
.OrderItemCanceled,.OrderItemCanceled td	{ background-color: #D0D0D0 !important; }
.OrderItemUnknown,.OrderItemUnknown td	{ background-color: #e8e8e8 !important; }
.OrderItemBlocked,.OrderItemBlocked td	{ background-color: #E5EDF5 !important; }


.Neuhrazeno,.Neuhrazeno td {background-color: tomato !important;}
.VeSplatnosti, .VeSplatnosti td {background-color: khaki !important;}
.Uhrazeno, .Uhrazeno td {background-color: lightgreen !important;}

.prmHelp {font-weight:bold;color:#000}
#column2 .coupontitle {padding: 15px 0 15px 0; background: url(/img/bg-coupon.gif) no-repeat;margin:0px;width:784px;float:left;}


.infotext {width:775px;padding:5px}

.right-box .basketIn .xxtable .KitBasketItem a{color:#6A6A6A !important;padding-left:2px}

.NavBarPage {margin-left:10px}
.PgSel {font-weight:bold;color:#0089e1}
.Btn   {color:#000}
#column2 .Xinput_text {height: 15px; width: 35px; padding: 1px 4px 0 4px; xfloat: left; color: #8F8F8F; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4;color:blue;margin:0px 4px}

.news2First {clear:both;width:770px;padding:0px 5px;margin:10px 0}
.news2 {width: 760px; margin: 1px 1px; padding: 5px 10px; float:left;border: 1px solid #818181;}
.newsIn2 {width: 100%; padding-bottom: 5px; float: left} 
.newsIn2 p span {float:left;display:block;width:680px;height:13px;overflow:hidden;text-align:left} 
.newsIn2 p a {padding-left: 16px; font-weight: bold; color: #F7941C; background: url(/img/bg-attrib_comp_etc_arrow.gif) no-repeat 6px 6px}


#column1 .partner {padding: 40px 0 5px 0; background: url(/img/bg-partners.gif) no-repeat #FFF}
#column1 .partner ul {margin: 0; padding: 0; list-style-type: none}
#column1 .partner ul li {float:left;width:95px;text-align:center}

/**************************** === references ===  *****************************************/

.references {margin: 5px 0 10px 10px; padding: 0; list-style-type: none; color: #999;}
.references li {line-height:17px; margin-bottom: 2px; padding: 2px 0 2px 12px; display: block; background: url(/img/bg-set-li.gif) no-repeat 0 7px;}
.references li a {text-decoration: underline; font-size:11px; color: #999;}
.references li a:hover {text-decoration: none; color: #000;}

/**************************** === PUBLISH.textbody ===  *******************************************/
.articleEx {padding: 0px 5px 10px 7px; color:#999;}
.articleEx p {text-align: justify; padding: 5px 0;}
.articleEx h2 {margin: 15px 0 10px 0; font-family: Verdana; font-size: 18px; font-weight: bold; color: #000}
.articleEx h3 {margin: 15px 0 10px 0; font-family: Verdana; font-size: 14px; font-weight: bold; color: #000;}
.articleEx h4 {margin: 15px 0 10px 0; font-family: Verdana; font-size: 11px; font-weight: bold; color: #f2b901} 
.articleEx a {color: #f2b901} 
.articleEx strong {color: #f2b901} 
.articleEx img {margin: 10px 10px 10px 10px; border: 2px solid #f2b901}

.articleEx ol {margin: 15px 0 10px 33px; padding: 0; color: #999;}
.articleEx ol li {margin-bottom: 2px; display: block; color:#999;}
.articleEx ol li a {font-weight: bold; color: #f2b901; text-decoration: underline}
.articleEx ol li a:hover {text-decoration: none; color: #f2b901;}

.articleEx ul {margin: 15px 0 10px 10px; padding: 0; list-style-type: none; color: #999;}
.articleEx ul li {margin-bottom: 2px; padding: 0 0 0 12px; display: block; background: url(/img/bg-set-li.gif) no-repeat 0 3px;}
.articleEx ul li a {font-weight: bold; color: #f2b901; text-decoration: underline; }
.articleEx ul li a:hover {text-decoration: none; color: #f2b901;}

.articleEx table {margin: 0 0 50px 0; ?margin-top: 30px; _margin-top: 30px; text-align: center; border-collapse: collapse; border: 1px solid #f2b901; clear: both}
.articleEx table caption {margin-top: 50px; padding-bottom: 10px; font-family: Verdana; font-size:12px; font-weight:bold; color: #f2b901}
.articleEx table tr th {height: 24px; ?height: 22px; _height: 22px; color:#FFF; background-color: #f2b901;}
.articleEx table tr td {height: 23px; border-top: 1px solid #999; border-right: 1px solid #f2b901}
.articleEx table tr a {text-decoration: underline; color: #f2b901}
.articleEx table tr a:hover {text-decoration: none}

.articleEx table.clearTable {border: 0px !important; }
.articleEx table.clearTable tr td {height: auto; border: 0px;}