/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Arial; font-size: 11px; color: #000; background: #FFF}
div {height: auto; _height: 0; margin: 0; padding: 0}
p {margin: 0; padding: 0}
a {_height: 0; text-decoration: none; color: #000}
a:hover {text-decoration: underline}
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; color: #000}
.input_button {margin: 0; padding: 0; border: 0}
.input_radio {height: 12px; width: 12px; margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_check {height: 12px; width: 12px; margin: 0; padding: 0; border: 0}

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

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

/* ----------  Definice kostry  -------------------------------------------------------------------------------------------------- */

#containerBgBody {position: relative;  margin: auto;   background: #FFF}
#containerHeader {position: relative; z-index: 1; margin: auto; width: 955px; height: 187px; background: url('/fotocache/headerImages/bg-containerHeader.jpg') no-repeat top #FFF }
#containerHeader_1 {position: relative; z-index: 1; margin: auto; width: 955px; height: 187px; background: url('/fotocache/headerImages/bg-containerHeader.jpg') no-repeat top #FFF }
#containerHeader_2 {position: relative; z-index: 1; margin: auto; width: 955px; height: 187px; background: url('/fotocache/headerImages/bg-containerHeader.jpg') no-repeat top #FFF }
#containerBody {position: relative; margin: auto; width: 955px}
#column1 {position: relative; top: 0; left: -532px; width: 202px; float: left; background: #FFF}
#column2 {position: relative; top: 0px; left: 215px; width: 532px; height: auto; float: left; overflow: hidden; background: #FFF}
#column3 {position: relative; top: 0px; left: 31px; width: 190px; float: left; background: #FFF}
#containerFooter {position: relative; height: 49px; width: 955px; margin: 10px auto 0 auto; padding: 0;  font-size: 11px; color: #FFF; background: #f6efef; border-top: 8px solid #c0c0c0} 

/* ----------  containerHeader --------------------------------------------------------------------------------------------------- */
#containerHeader h1 {display: none}
#containerHeader_1 h1 {display: none}
#containerHeader_2 h1 {display: none}

/*****************************  === USER.guideLinks  === ******************************************/
.logo {position: absolute; top: 0; left: 0; height: 135px; width: 247px; display: block}
#bannerImg_1 {position: absolute; }
#bannerImg_2 {position: absolute; }

.setUp {position: absolute; top: 4px; right: 5px; margin: 0; padding: 0; list-style-type: none; font-size: 11px}
.setUp li {float: left}
.setUp li a {float: left; text-decoration: none; font-size: 10px; color: #FFF}
.setUp li a:hover {text-decoration: underline}

.userInfo {width: 100%; float: left; background: url(/img/bg-basket.gif) repeat-y}
.userInfoIn {width: 100%; float: left; background: url(/img/bg-userInfoIn.gif) no-repeat bottom}
.userInfo .uiEx {padding: 15px 0 9px 18px; background: url(/img/bg-userInfo_uiEx.gif) no-repeat}
.userInfo .uiEx label {padding-bottom: 1px; display: block}
.userInfo .uiEx .input_text {height: 17px; width: 127px; margin-bottom: 5px; padding: 3px 0 0 5px; border: 1px solid #c0c0c0; background: White; }
.userInfo .uiEx .input_button {margin-left: 0px; }
.userInfo .uiEx a { position: relative; top: 6px; *top: 5px; }
.userInfo .uiEx .logon {display: block; font-weight: bold}
.userInfo ul {margin: 0; padding: 15px 0; list-style-type: none; background: url(/img/bg-userInfo_ul.gif) no-repeat}
.userInfo ul li a {padding: 0 0 2px 33px; display: block; font-size: 10px; background: url(/img/bg-baEx2_li_a.gif) no-repeat 18px 3px}
.userInfo ul .uiEx1 {margin-bottom: 10px}
.userInfo .uiEx2 {padding-top: 10px; background: none}

/*****************************  === PUBLISH.treemenu  === *****************************************/
.menuEx {position: absolute; top: 135px; width: 100%; text-align: center }
.menuEx table {margin: auto; text-align: center}
.fMenuCenter { height: 51px; margin: 0; padding: 0 0 0 0px; position: absolute; bottom: 1px; text-align: center; width: 955px; }
.menu {height: 51px; margin: 0; padding: 0 0 0 20px; list-style-type: none; background: url(/img/bg-menu.gif) no-repeat top left; text-align: center;}
.menu li {position: relative; float: left; }
.menu li a {height: 32px; padding: 19px 32px 0 20px; display: block; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFF; background: url(/img/bg-menu.gif) no-repeat top right}
.menu li ul {position: absolute; z-index: 9; top: 51px; left: 2px; width: 135px; margin: 0; padding: 0; list-style-type: none; visibility: hidden; font-size: 10px; color: #D1E5CC; background: #890101} 
.menu li ul li {display: block; float: none; margin: 0px; padding: 0px}
.menu li ul li a {height: auto; display: block; float: none; padding: 6px 8px 5px 14px; white-space: normal; text-align: left; color: #FFF; font-size: 11px; font-weight: bold; background: none; border-bottom: 1px solid #b20101}
.menu li ul ul {top: 0; left: 136px; }

/*****************************  === SEARCH.form  === **********************************************/
.searchBox {position: relative; height: 52px; padding: 18px 0 0 6px; ?padding-top: 16px; _padding-top: 16px; background: url(/img/bg-searchBox.gif) no-repeat}
.searchBox .seEx .input_text {height: 17px; width: 140px; margin: 0 0 11px 10px; color: #838282; border: 0}
.searchBox .seEx .input_image {position: relative; top: -6px; *top: -5px; }
.searchBox .advSearchBoxLinkIco { position: absolute; top: 7px; right: 0px; }
#advSearchBox { position: absolute; z-index: 100; background: #FAF5F5; width: 100px; height: 70px; color: white; padding: 10px; top: 25px; right: -115px; border: 1px solid  #C50101; }
#advSearchBox .advSearchBoxIn { margin-left: 10px; }
#advSearchBox .advSearchBoxIn label { margin-bottom: 8px; display: block; }
#advSearchBox .advSearchBoxIn label input{ margin-right: 5px; }

/*****************************  === basketInfo  === ***********************************************/
.basket-t {height: 23px; padding: 20px 0 0 19px; font-size: 11px; font-weight: bold; color: #FFF; background: url(/img/bg-basket-t.gif) no-repeat}
.basket {position: relative; width: 190px; float: left; background: url(/img/bg-basket.gif) repeat-y}
.basket .baEx1 {width: 172px; padding: 8px 0 0 18px; float: left; color: #c50101}
.basket .baEx1 strong {padding-right: 30px; float: right; font-size: 12px; font-weight: bold}
.basket .baEx1 strong span {padding-left: 2px}
.basket .baEx1 strong small {font-size: 12px; font-weight: bold}
.basket .baEx2 {width: 100%; margin: 0; padding: 8px 0; list-style-type: none; float: left}
.basket .baEx2 li a {padding: 0 0 4px 33px; font-size: 10px; background: url(/img/bg-baEx2_li_a.gif) no-repeat 18px 3px}

/* ------------ Column1 -----------------------------------------------------------------------------------------------------------------*/
#column1 .title {}
#column1 .boxContent {}
#column1 .banner {margin: 15px 0; text-align: center}
#column3 .banner {margin: 15px 0; text-align: center}

/*****************************  === CATEGORYLIST.basictree  === ***********************************/
.fold {height: 28px; width: 202px; margin-top: -2px; ?margin-top: 0; _margin-top: 0; margin-bottom: -1px; border-bottom: 1px solid #FFF}
.fold div {height: 20px; width: 100px; padding-top: 7px; float: left; text-align: center; font-weight: bold; cursor: pointer; background: #c0c0c0; border-top: 1px oslid #e6e6e6}
.fold .foEx1 {color: #d90303; border-right: 0px solid #f8f8f8}
.fold .foEx2 {color: #000; border-right: 1px solid #c0c0c0; visibility: hidden; }
.foEx {height: 28px; width: 202px; margin-top: -2px; ?margin-top: 0; _margin-top: 0; margin-bottom: -1px; border-bottom: 1px solid #FFF}
.foEx div {height: 20px; width: 100px; padding-top: 7px; float: left; text-align: center; font-weight: bold; cursor: pointer; background: #c0c0c0; border-top: 1px oslid #e6e6e6}
.foEx .foEx1 {color: #000; border-right: 1px solid #f8f8f8; }
.foEx .foEx2 {color: #d90303; border-right: 1px solid #c0c0c0; }

.categories {padding-bottom: 7px; background: url(/img/bg-categories_ul.gif) no-repeat bottom #c0c0c0}
.categories ul {margin: 0; padding: 0; list-style-type: none; background: url(/img/bg-categories_ul_li.gif) repeat-y}
.categories ul li a {padding: 9px 8px 7px 19px; display: block; font-size: 13px; font-weight: bold; color: #000; background: url(/img/bg-categories_li_a.gif) no-repeat top}
.categories ul ul {margin: 0; padding: 0; list-style-type: none; border: 0; background: none}
.categories ul ul li {background: url(/img/bg-categories_li_a.gif) no-repeat top}
.categories ul ul li a {padding: 7px 8px 6px 35px; display: block; font-size: 11px; text-decoration: none; background: url(/img/bg-categories_ul_li_a.gif) no-repeat 19px 9px}
.categories ul ul li a:hover {text-decoration: underline}
.categories ul ul ul {padding: 15px 0 5px 0; background: url(/img/bg-categories_ul_ul_ul_li.gif) repeat-y}
.categories ul ul ul li {background: none}
.categories ul ul ul li a {padding: 3px 8px 3px 36px; font-size: 10px; font-weight: normal; color: #000; background: url(/img/bg-categories_ul_ul_ul_li_a.gif) no-repeat 19px 5px}
.categories ul ul ul ul {padding: 5px 0 15px 0; background: url(/img/bg-categories_ul_ul_ul_ul_li.gif) repeat-y} 
.categories ul .activCat {color: #d90303}
.categories ul li .open {color: #d90303}
.categories ul ul .activCat {color: #000; background: url(/img/bg-activCat.gif) no-repeat 19px 12px }
.categories ul ul li .open {color: #000}
.categories ul ul ul .activCat {background: url(/img/bg-categories_ul_ul_ul_li_a.gif) no-repeat 19px 5px}

/*****************************  === EMAILNEWS.askmail  === ****************************************/
.eNews {position: relative; background: url(/img/bg-eNews.gif) repeat-y}
.eNewsIn {padding: 7px 0 8px 12px; background: url(/img/bg-eNewsIn.gif) no-repeat bottom}
.eNews-t {padding-bottom: 4px; font-weight: bold}
.eNews .freetext {padding: 0 0 5px 0}
.eNews .input_text {height: 16px; width: 104px; margin-right: 3px; padding: 2px 0 0 6px; border: 1px solid #000; background: #F6EFEF; }

/*****************************  === CONTACT.sendmail  === *****************************************/
.sendM-t {height: 24px; padding: 10px 0 0 16px; font-size: 13px; font-weight: bold; color: #FFF; background: url(/img/bg-sendM-t.gif) no-repeat}
.sendM {position: relative; padding: 0px 0 0px 14px; background: url(/img/bg-sendM.gif) repeat-y}
.sendMin span {padding: 5px 0 1px 0; display: block}
.sendM textarea {height: 59px; width: 162px; margin-bottom: 3px; padding: 3px; color: #000; border: 1px solid #0f0f0f; background: White; margin-bottom: 10px; }
.sendM .input_text {height: 17px; width: 129px; padding: 3px 0 0 5px; color: #000; border: 1px solid #0f0f0f; background: #F2FDC7; }
.sendM img {margin: 5px 0}
.sendM .smEx {position: relative; left: -13px; margin-right: -13px; *width: 188px; padding: 4px 0 4px 13px; background: #e4e4e4}

/*****************************  === TRANSPORTMETHOD.list  === *************************************/
#title_payments_1 {background: url(/img/1/title_payments.gif) no-repeat}
.payments {margin-bottom: 15px}
.payments a:hover {text-decoration: none}
.paymentsIn1 {padding-bottom: 10px}
.paymentsIn2 {padding-left: 7px}
.paymentsIn1 .freetext {padding: 0 8px 8px 12px; color: #686868}

/*****************************  === INQUIRY.one  === **********************************************/
.inquiry-t {height: 23px; padding: 10px 0 0 16px; font-size: 11px; font-weight: bold; color: #FFF; background: url(/img/bg-inquiry-t.gif) no-repeat}
.inquiry {padding-top: 7px; border: 1px solid #cacaca; border-top: 0}
.inquiry .question {padding: 0 10px 12px 12px; text-align: left; font-size: 10px; color: #000}
.inquiry .answerCount {margin-right: 14px; _margin-right: 7px; float: right; text-align: right; color: #000; font-size: 10px; font-weight: bold}
.inquiry .answerText {position: relative; top: -2px; margin-left: 13px; text-decoration: underline; color: #76c339; cursor: pointer }
.inquiry .answerText:Hover {text-decoration: underline}

.inquiry .answerText1 {position: relative; top: -2px; margin-left: 13px; text-decoration: underline; color: #C50101; cursor: pointer }
.inquiry .answerText1:Hover {text-decoration: underline}
.inquiry .answerText2 {position: relative; top: -2px; margin-left: 13px; text-decoration: underline; color: #01CF64; cursor: pointer }
.inquiry .answerText2:Hover {text-decoration: underline}
.inquiry .answerText3 {position: relative; top: -2px; margin-left: 13px; text-decoration: underline; color: #F2BD3C; cursor: pointer }
.inquiry .answerText3:Hover {text-decoration: underline}
.inquiry .answerText4 {position: relative; top: -2px; margin-left: 13px; text-decoration: underline; color: #EE617E; cursor: pointer }
.inquiry .answerText4:Hover {text-decoration: underline}
.inquiry .answerText5 {position: relative; top: -2px; margin-left: 13px; text-decoration: underline; color: #3880DE; cursor: pointer }
.inquiry .answerText5:Hover {text-decoration: underline}

.inquiry .inquiryIn2 p.answerP1 {height: 3px; margin: 2px; font-size: 1px; background: #C50101; } 
.inquiry .inquiryIn2 p.answerP2 {height: 3px; margin: 2px; font-size: 1px; background: #01CF64; } 
.inquiry .inquiryIn2 p.answerP3 {height: 3px; margin: 2px; font-size: 1px; background: #F2BD3C; } 
.inquiry .inquiryIn2 p.answerP4 {height: 3px; margin: 2px; font-size: 1px; background: #EE617E; } 
.inquiry .inquiryIn2 p.answerP5 {height: 3px; margin: 2px; font-size: 1px; background: #3880DE; } 


.inquiry .inquiryIn1 {padding-bottom: 10px}
.inquiry .inquiryIn2 {width: 176px; margin-left: 11px; border: 1px solid #bebebe}
.inquiry .inquiryIn2 p {height: 3px; margin: 2px; font-size: 1px} 

/* ------------ Column3 -----------------------------------------------------------------------------------------------------------------*/

/*****************************  === COMMODITYLIST.topsale ===  ************************************/
#column3 .topSale-t {height: 23px; padding: 8px 0 0 14px; font-weight: bold; color: #FFF; background: #c50101}
#column3 .topSale {width: 100%; padding: 8px 0; float: left; background: url(/img/bg-action.gif) repeat-y}
#column3 .topSale ul {margin: 0; padding: 0; list-style-type: none}
#column3 .topSale ul li {width: 100%; padding: 0; float: left; background: url(/img/bg-topSale_ul_li_a.gif) no-repeat bottom}
#column3 .topSale ul .last {background: none}
#column3 .topSale ul li h4 { clear: both; }
#column3 .topSale ul li a {width: 100; padding: 4px 0 5px 11px; float: left}
#column3 .topSale ul li a span {height: 13px; width: 99px; display: block; float: left; overflow: hidden; cursor: pointer; font-weight: normal}
#column3 .topSale ul li strong {padding: 4px 5px 5px 4px; font-weight: bold; color: #c50101; float: right; }
#column3 .topSale ul li small {font-size: 11px; font-weight: bold; color: #c50101; }
#column3 .topSale ul li a:hover {}

/*****************************  === PUBLISH.infoboxlinks ===  *************************************/
#column3 .infoBox-t {height: 23px; padding: 8px 0 0 14px; font-weight: bold; color: #FFF; background: #c50101}
#column3 .infoBox {background: url(/img/bg-action.gif) repeat-y}
#column3 .infoBox ul {margin: 0; padding: 8px 0; list-style-type: none}
#column3 .infoBox ul li a {padding: 3px 0 3px 27px; display: block; text-decoration: none; background: url(/img/bg-infobox_ul_li_a.gif) no-repeat 14px 6px}
#column3 .infoBox ul li a:hover {text-decoration: none; color: #c50101}
#column3 .infoBox .last {background: none}

/*****************************  === ADVERTISING.recommendus  === **********************************/
#column3 .recommendUs_1 {height: 41px; background: url(/img/1/title_recommendUs.gif) no-repeat}
#column3 .recommendUs {position: relative; height: 102px; margin-bottom: 6px}
#column3 .recommendUs .input_text {position: absolute; top: 72px; left: 14px; height: 19px; width: 124px; padding: 3px 0 0 7px; color: #606060; border: 0; background: transparent}
#column3 .recommendUs .long {top: 42px; width: 157px}
#column3 .recommendUs .input_image {position: absolute; top: 71px; left: 153px}

/*****************************  === COMMODITYLIST.action ===  *************************************/
#column3 .action-t {height: 18px; padding: 12px 0 0 12px; font-size: 13px; font-weight: bold; background: url(/img/bg-action-t.gif) no-repeat}
#column3 .action {background: url(/img/bg-action.gif) repeat-y}
#column3 .action .product {width: 177px; margin: auto; padding: 20px 0 15px 13px; background: url(/img/bg-action_product.gif) no-repeat bottom}
#column3 .action .product.last {background: none} 
#column3 .action .productImg {height: 84px; width: 112px; margin-bottom: 4px;  overflow: hidden}
#column3 .action .productCode {font-size: 10px; color: #757575; display: none; }
#column3 .action .productCode span {padding-right: 2px}
#column3 .action .productCat { display: none; margin-bottom: 3px; padding-bottom: 4px; font-size: 10px; color: #757575; background: url(/img/bg-action_productCat.gif) no-repeat left bottom}
#column3 .action .productCat span {padding-right: 2px}
#column3 .action .productName a {height: 15px; margin-bottom: 4px; overflow: hidden; display: block; font-size: 12px; background: url(/img/bg-action_productCat.gif) no-repeat left top; padding-top: 5px; }
#column3 .action .freetext {height: 30px; padding: 0 9px 0 0; overflow: hidden; color: #000}
#column3 .action .price {font-size: 13px; font-weight: bold; color: #c50101}
#column3 .action .price span {padding-right: 3px; font-size: 11px; color: #000}
#column3 .action .price small {}
#column3 .action .price small.unit { position: relative; left: -3px; }

/******************************* === M:COMMODITYBODY.related === **********************************/
#column3 .related-t {height: 22px; padding: 8px 0 0 12px; font-size: 13px; font-weight: bold; background: url(/img/bg-related-t.gif) no-repeat}
#column3 .related {background: url(/img/bg-action.gif) repeat-y}
#column3 .related .product {width: 177px; margin: auto; padding: 20px 0 15px 13px; background: url(/img/bg-action_product.gif) no-repeat bottom}
#column3 .related .product.last {background: none} 
#column3 .related .productImg {height: 84px; width: 112px; margin-bottom: 4px;  overflow: hidden}
#column3 .related .productCode {font-size: 10px; color: #757575; display: none; }
#column3 .related .productCode span {padding-right: 2px}
#column3 .related .productCat { display: none; margin-bottom: 3px; padding-bottom: 4px; font-size: 10px; color: #757575; background: url(/img/bg-action_productCat.gif) no-repeat left bottom}
#column3 .related .productCat span {padding-right: 2px}
#column3 .related .productName a {height: 15px; margin-bottom: 4px; overflow: hidden; display: block; font-size: 12px}
#column3 .related .freetext {height: 30px; padding: 0 9px 0 0; overflow: hidden; color: #000}
#column3 .related .price {font-size: 13px; font-weight: bold; color: #c50101}
#column3 .related .price span {padding-right: 3px; font-size: 11px; color: #000}
#column3 .related .price small {}

/*
#title_related {background: url(/img/1/title_related.gif) no-repeat}
#column3 .relatedIn {padding-bottom: 3px}
#column3 .related .product {width: 188px; margin: auto; padding: 15px 0 7px 0; text-align: center; border-bottom: 1px solid #f1f1f1}
#column3 .related .product.last {border-bottom: none} 
#column3 .related .productName a {height: 15px; overflow: hidden; display: block; font-size: 12px; color: #5c5c5c}
#column3 .related .productImg {height: 115px; width: 115px; margin: 5px auto 5px auto;  overflow: hidden; border: 1px solid #bababa}
#column3 .related .price {font-size: 13px; font-weight: bold; color: #d87500}
#column3 .related .price small {font-size: 11px}
*/

/*****************************  === ADVERTISING.textlinks === *************************************/
#title_advertise_1 {background: url(/img/1/title_advertise.gif) no-repeat }
.textAdvertise ul {margin: 0; padding: 0 0 8px 0; list-style-type: none}
.textAdvertise ul li {background: url(/img/bg-textAdvertise_ul_li.gif) no-repeat bottom}
.textAdvertise ul li a {padding: 8px 5px 8px 16px; display: block; color: #686868}
.textAdvertise .last {background: none}

/* ------------ Column2 -----------------------------------------------------------------------------------------------------------------*/
#column2 .title {height: 21px; width:100%; padding: 8px 0 0 9px; font-weight: bold; color: #FFF; margin: 10px 0 10px 0; float: left; background: #c50101}
#column2 .banner {margin: 15px 0; text-align: center}

/*****************************  === CATEGORYLIST.navigate === *************************************/
.navigate {width: 100%; margin: 7px 0; float: left; background: url(/img/bg-navigate.gif) no-repeat top}
.navigate ul {width: 526px; float: left; margin: 0; padding: 5px 0 5px 6px; list-style-type: none; font-family: Tahoma; background: url(/img/bg-navigate.gif) no-repeat bottom}
.navigate ul li {float: left}
.navigate ul li a {margin-right: 7px; padding-right: 10px; float: left; text-decoration: none; font-size: 10px; color: #000; background: url(/img/bg-navigate_a.gif) no-repeat right 5px}
.navigate ul li a:hover {text-decoration: underline}
.navigate ul li a.activNM {font-weight: bold; color: #c50101; background: none}

/*****************************  === PUBLISH.welcome ===  ******************************************/
.prologue {padding: 6px 0 13px 0; background: url(/img/bg-prologue.gif) repeat-x bottom}
.prologue .titleP {background: url(/img/bg-prologue-t.gif) repeat-x; font-size: 18px; height: 37px; line-height: 37px; margin-bottom: 10px; }
.prologue .prologue-t {height: 28px; width: 100%; padding: 9px 0 9px 1px; float: left; font-size: 16px; font-weight: bold; background: url(/img/bg-prologue-t.gif) repeat-x }

/*****************************  === CATEGORYBODY.basicinfo ===  ***********************************/
.characterization {width: 100%; padding: 10px 0 10px 0; float: left; }
.characterization h1 {padding: 0 0 8px 6px; font-size: 13px; color: #000}
.characterization .characterizationImg {height: 100px; width: 100px; margin-right: 10px; _margin-right: 5px; overflow: hidden; float: left; border: 1px solid #000}
.characterization .freetext {padding-left: 6px}

/*****************************  === CATEGORYBODY.topsale ===  *************************************/
.topSaleCategory-t {font-family: Tahoma !important; font-size: 13px !important; color: #000 !important; background: url(/img/bg-topSaleCategory.gif) no-repeat bottom !important}
.topSaleCategory {width: 100%; margin: 0px 0; float: left; }
.topSaleCategory .line { background: none !important; }
.topSaleCategory .product { width: 100% !important; background: url(/img/bg-commodityCatalog_line.gif) repeat-x bottom !important; clear: both; height: auto !important; padding: 5px 0pt 0px 0px !important; }
.topSaleCategory .indexNumber { float: left; width: 20px; height: 60px; color: black; font-weight: bold; font-size: 12px; }
.topSaleCategory .productInfo { float: left; width: 240px; height: 60px; }
.topSaleCategory .productInfo .name a { color: #C50101 !important; font-size: 12px !important; }
.topSaleCategory .productInfo .freetext { margin-top: 5px; }
.topSaleCategory .productImg { float: left !important; width: 100px !important; height: 65px !important; text-align: center !important; background: none !important; }
.topSaleCategory .productAttribute .productInfoIn { color: #757575; }
.topSaleCategory .productAttribute { float: right; width: 160px; height: 60px; position: relative !important; }
.topSaleCategory .productAttribute strong { float: right; width: 70px; }
.topSaleCategory .productAttribute .productPrice { font-size: 11px; font-weight: bold; margin-top: 5px; }
.topSaleCategory .productAttribute .productPrice strong { font-size: 12px; color: #C50101; position: relative; top: -1px; }
.topSaleCategory .productAttribute .atr { clear: both; margin-top: 1px; }
.topSaleCategory .productAttribute .atr img { float: left; margin-right: 2px; }

/**************************** === PUBLISH.news ===  ***********************************************/
.news {width: 100%; margin-bottom: 15px; } 
.news .newsIn {padding: 10px 0 10px 5px; background: url(/img/bg-comLRecommended_line.gif) no-repeat bottom; clear: both; min-height: 110px;  }
.news .newsImg { height: 100px; width: 100px; margin: 0 10px 0 0; float: left; border: 1px solid #bababa; }
.news span {display: block; font-size: 10px; color: #686868; }
.news h4 a {margin: 3px 0 5px 0; display: block; text-decoration: underline; font-size: 14px; color: #C50101; }
.news h4 a:hover {text-decoration: none; }
.news .freetext {color: #686868; }
.news .last {background: none; }

.newsL { border-color: #CACACA; border-style:none solid solid; border-width:0pt 1px 1px; padding: 5px; padding-top:7px; }
.newsL a { margin: 5px; padding-left: 10px; display: block; background: url(/img/bg-infobox_ul_li_a.gif) no-repeat 1px 2px; }


/**************************** === PUBLISH.textbody ===  *******************************************/
.titlePublish {padding: 10px 8px 5px 8px; font-size:14px; font-weight: bold; color: #C50101;}
.titlePublish h1 { font-size:14px; font-weight: bold; color: #C50101;}
.infobox_body.freetext {padding: 0 8px 15px 8px}

/**************************** === COMMODITYLIST.recommended ===  *********************************/

/************************** === COMMODITYLIST.news === ********************************************/

/****************************** === CATEGORYBODY.catalogue ===  ***********************************/
.commodityCatalog {width: 100%; padding: 0 0 10px 0; float: left}
.commodityCatalog .line {width: 100%; margin-bottom: 8px; padding-bottom: 7px; float: left; background: url(/img/bg-commodityCatalog_line.gif) no-repeat bottom}
.commodityCatalog .line.last {background: none}
.commodityCatalog .product {position: relative; height: 200px; width: 171px; margin-right: 6px; padding: 13px 0 25px 0px; float: left; background: url(/img/bg-comLCatalog_product.gif) repeat-y right}
.commodityCatalog .product.last {background: none} 
.commodityCatalog .productImg { text-align: center; padding-bottom: 10px; margin-bottom: 4px;  overflow: hidden;  background: url(/img/bg-action_productCat.gif) no-repeat left bottom; }
.commodityCatalog .productCode {font-size: 10px; color: #757575; display: none; }
.commodityCatalog .productCode span {padding-right: 2px}
.commodityCatalog .productCat { display: none; margin-bottom: 3px; padding-bottom: 4px; font-size: 10px; color: #757575; background: url(/img/bg-action_productCat.gif) no-repeat left bottom}
.commodityCatalog .productCat span {height: 12px; padding-right: 2px; display: block; overflow: hidden}
.commodityCatalog .productName a {height: 32px; width: 165px; margin-bottom: 4px; overflow: hidden; display: block; font-size: 12px}
.commodityCatalog .freetext {height: 30px; padding: 0 9px 0 0; overflow: hidden; color: #000}
.commodityCatalog .price {font-size: 13px; font-weight: bold; color: #c50101}
.commodityCatalog .price span {padding-right: 3px; font-size: 11px; color: #000}
.commodityCatalog .price small {}
.commodityCatalog .price small.unit { position: relative; left: -3px; }
.commodityCatalog .productAttribute {position: absolute; bottom: 0}

/******************************  === CATEGORYBODY.list === ****************************************/
.commodityList {width: 100%; float: left}
.commodityList tr td {padding: 3px 0; }
.commodityList .name {width: 345px; padding: 0 10px 0 2px}
.commodityList .name a {color: #000; font-weight: bold}
.commodityList .code {width: 172px; padding: 0 10px 0 0; font-size: 10px}
.commodityList .code span {padding-right: 3px}
.commodityList .price {width: 167px; text-align: right; font-size: 12px; font-weight: bold; color: #c50101}
.commodityList .price .prEx {padding-bottom: 5px}
.commodityList .price span {padding-right: 10px; font-size: 11px; color: #000}
.commodityList .space {height: 1px; padding: 0; font-size: 0; border: 0; background: url(/img/bg-commodityList_space.gif) no-repeat}

/***************************** === CATEGORYBODY.filter ===  ***************************************/
.guidepost { background: url(/img/1/bg_filter_producers.gif) no-repeat center 5px  #E4E4E4; padding: 20px 5px 5px 5px; clear: both; margin-bottom: 10px; }
.guidepost .producerSelect label { white-space: nowrap; margin: 3px 10px 3px 3px; }
.guidepost .producerSelect label input { position: relative; top: -1px; margin-right: 5px; }
.displayPaging {width: 100%; float: left; margin: 0; color: #FFF; background: url(/img/bg-displayPaging.gif) no-repeat top }
.displayPaging img {vertical-align: middle}
.displayPaging .listorcat {height: 25px; width: 135px; padding: 5px 0 0 10px; floaT: left; clear: both; }
.displayPaging .listorcat label {color: #FFF}
.displayPaging .listorcat label input {position: relative; top: 0; margin-right: 3px}
.displayPaging .listorcat label span {position: relative; top: 2px; ?top: 0; _top: 0}
.displayPaging .pager {float: left}
.displayPaging .pager div {height: 25px; ?height: 26px; _height: 26px; margin-top: -1px; padding: 7px 0px 0 10px; ?padding-top: 6px; _padding-top: 6px; float: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right}
.displayPaging .pager .paEx1 span {padding-left: 9px; font-family: Tahoma; 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: 5px}
.displayPaging .pager span {padding-right: 11px}
.displayPaging .pager .input_text {height: 15px; width: 22px; margin-left: 10px; padding-top: 2px; color: #000; text-align: center; border: 1px solid #000}
.displayPaging .orderSelect {height: 26px; ?height: 27px; _height: 27px; width: 185px; padding-top: 6px; ?padding-top: 5px; _padding-top: 5px; padding-left: 10px; float: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right top}
.displayPaging .orderSelect select {width: 70px; margin: 0 4px; color: #353535}
.displayPaging .orderSelect span {position: relative; top: 1px; ?top: 0; _top: 0}
.displayPaging .radioFilter {height: 25px; width: 265px; margin-top: 0px; padding: 6px 0 0 10px; ?padding-top: 5px; _padding-top: 5px; float: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right}
.displayPaging .radioFilter label {color: #FFF}
.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}

.displayPaging .producerSelect {height: 26px; ?height: 27px; _height: 27px; width: 165px; padding-top: 6px; ?padding-top: 5px; _padding-top: 5px; padding-left: 10px; float: left; }
.displayPaging .producerSelect select {width: 150px; margin: 0 4px; color: #353535}
.displayPaging .producerSelect span {position: relative; top: 1px; ?top: 0; _top: 0}

/**************************** === COMMODITYBODY.detail === ****************************************/
.detailMaster {position: relative; width: 100%; margin: 16px 0 20px 0; float: left; }
.detailMaster .detailImgIn { width: 87px; height: 100px; float: left; margin-right: 15px; }
.detailMaster .infoMaster { width: 400px; float: right; }
.detailMaster .infoMaster .basicInfo { border-bottom: 1px solid #C50101; color: #757575; margin-bottom: 10px; padding-bottom: 5px; }
.detailMaster .infoMaster .detailName h1 { font-size: 12px; color: black; }
.detailMaster .infoMaster .priceWithVAT { margin-top: 5px; text-align: right; font-size: 12px; font-weight: bold; }
.detailMaster .infoMaster .priceWithVAT strong { float: right; color: #C50101; margin-left: 10px; font-size: 14px; position: relative; top: -1px; }
.detailMaster .subCommBox { clear: both; text-align: right; font-size: 12px; font-weight: bold; }
.detailMaster .subCommBox strong { float: right; color: #C50101; margin-left: 10px; font-size: 14px; position: relative; top: -1px; }
.detailMaster .subCommBox .subCommodities { font-weight: normal; font-size: 11px; text-align: left; margin-top: 5px; width: 100%; }
.detailMaster .subCommBox .subCommodities .subCommodityHeader { height: 30px; color: White; font-weight: bold; background: #9D9D9D; padding-top: 8px; margin-bottom: 5px; }
.detailMaster .subCommBox .subCommodities .name { padding-left: 10px; width: 227px; font-weight: bold; margin-right: 5px; }
.detailMaster .subCommBox .subCommodities .code { width: 45px; }
.detailMaster .subCommBox .subCommodities .variant { width: 90px; padding-right: 7px; }
.detailMaster .subCommBox .subCommodities .price { width: 90px; }
.detailMaster .subCommBox .subCommodities .linkDetail { }

.detailMaster .subCommBox .subCommodities .subCommodity { margin: 0px; background: #E4E4E4; padding-top: 5px; padding-bottom: 5px; }
.detailMaster .subCommBox .subCommodities .subCommodity td {padding-top: 5px; padding-bottom: 5px; }
.detailMaster .subCommBox .subCommodities .subCommodity td img { position: relative; top: 2px; }
.detailMaster .subCommBox .subCommodities .odd { background: #F6EFEF !important; }
.detailMaster small.unit { position: relative; left: -3px; }

.detail {position: relative; width: 100%; margin: 6px 0 20px 0; float: left}
.detail img {vertical-align: middle}
.detail .detail-t {height: 25px; padding: 12px 0 0 24px; font-weight: bold; color: #FFF; background: url(/img/bg-title.gif) repeat-x; position: relative; } 
.detail .detail-t .detailPaging { position: absolute; right: 5px; top: 8px; }
.detail .detail-t .detailPaging a { margin: 0px; }

.detailMaster .detail-t {height: 25px; padding: 12px 0 0 24px; font-weight: bold; color: #FFF; background: url(/img/bg-title.gif) repeat-x; position: relative; margin-bottom: 10px; } 
.detailMaster .detail-t .detailPaging { position: absolute; right: 5px; top: 8px; }
.detailMaster .detail-t .detailPaging a { margin: 0px; }

.detail .detailImg {width: 169px; margin-right: 19px; floaT: left; text-align: center}
.detail .detailName h1 {padding: 5px 0 10px 0; font-size: 12px}
.detail .detailImgIn .diEx {height: 145px; width: 169px}
.detail .detailImgIn a {height: 145px; width: 169px; display: block; overflow: hidden}
.detail .detailVariImg {height: auto; width: 210px; margin-top: 9px; margin-right: -30px; overflow: hidden; floaT: left} 
.detail .detailVariImg .dvEx {height: 83px; width: 83px; margin-right: 2px; float: left}
.detail .detailVariImg .dvEx a {height: 83px; width: 83px; display: block; overflow: hidden; }
.detail .detailVariImg .dvEx a img { border: 1px solid #E4E4E4; }
.detail .productAttribute {padding: 7px 0 0 0}
.detail .productAttribute .discount { background: url(/img/bg-discount.gif) repeat-x; color: White; font-weight: bold; line-height: 14px; margin-bottom: 5px; }

.detail .detailInfo .specBlock { background: #F6EFEF; padding-bottom: 5px; }
.detail .detailInfo {width: 343px; floaT: left; _width: 333px; }
/*.detail .detailInfo .producer {padding: 7px 0 3px 14px; font-size: 12px; background: #F6EFEF}*/
.detail .detailInfo .producer {padding: 10px 0 10px 14px; font-weight: bold; background: url(/img/bg-detailInfo_div.gif) repeat-y; border-bottom: 1px solid #FFF; position: relative; }
.detail .detailInfo .producer span {padding-right: 3px}
.detail .detailInfo .producer h2 { display: inline; }
.detail .detailInfo .producer strong {width: 128px; padding: 0 0 0 25px; display: block; float: right; color: #c50101}
.detail .detailInfo .code {padding: 10px 0 10px 14px; font-weight: bold; background: url(/img/bg-detailInfo_div.gif) repeat-y; border-bottom: 1px solid #FFF; position: relative; }
.detail .detailInfo .code strong {width: 128px; padding: 0 0 0 25px; display: block; float: right; color: #c50101}
.detail .detailInfo .xh1 {padding: 10px 0 0 14px; font-size: 13px; color: #c50101; font-weight: bold; }
.detail .detailInfo .freetext {padding: 10px 0 5px 14px}
.detail .detailInfo .detailParam {padding: 14px 0 0 0; }
.detail .detailInfo .detailParam-t {margin-bottom: 7px; padding: 0 0 4px 12px; font-size: 12px; font-weight: bold; background: url(/img/bg-detailParam-t.gif) no-repeat bottom}
.detail .detailInfo .detailParam p {width: 322px; _width: 290px; padding: 0 0 6px 24px; float: left; color: #686868; background: url(/img/bg-detailParam_p.gif) no-repeat 15px 4px}
.detail .detailInfo .detailParam p strong {width: 170px; float: right; display: block; color: #000}
.detail .detailInfo .warranty {padding: 10px 0 10px 14px; font-weight: bold; background: url(/img/bg-detailInfo_div.gif) repeat-y; border-bottom: 1px solid #FFF; position: relative; }
.detail .detailInfo .warranty strong {width: 128px; padding: 0 0 0 25px; display: block; float: right; color: #c50101}
.detail .detailInfo .store {padding: 10px 0 10px 14px; font-weight: bold; background: url(/img/bg-detailInfo_div.gif) repeat-y; border-bottom: 1px solid #FFF; position: relative; }
.detail .detailInfo .store img { position: relative; top: -2px; left: 10px; cursor: pointer; }
.detail .detailInfo .store #infoBoxAvailAt { position: absolute; top: 30px; left: 70px; width: 250px; height: 80px; border: 1px Solid #C50101; background: white; padding: 10px; }
.detail .detailInfo .store #infoBoxAvailAt .item { font-weight: normal; margin-bottom: 3px; }
.detail .detailInfo .store #infoBoxAvailAt .item span { font-weight: bold; margin-bottom: 3px; color: #C50101; }
.detail .detailInfo .store strong {width: 128px; padding: 0 0 0 25px; display: block; float: right; color: #c50101}
.detail .detailInfo .priceWithoutVAT {margin-bottom: 0px; padding: 8px 0 8px 14px; font-weight: bold; background: url(/img/bg-detailInfo_div.gif) repeat-y}
.detail .detailInfo .priceWithoutVAT strong {width: 128px; padding: 0 0 0 25px; display: block; float: right; color: #c50101; background: #E4E4E4;}
.detail .detailInfo .priceWithoutVAT strong.disc {width: 128px; padding: 0 0 0 25px; display: block; float: right; color: Black; background: #E4E4E4; text-decoration: line-through;}
.detail .detailInfo .colourBox { position: relative; top: -8px; display: none; }
.detail .detailInfo .subCommodities { padding-left: 10px; }
.detail .detailInfo .subCommodities div { margin: 3px 0px 3px 0px; }
.detail .detailInfo .priceWithVAT {margin-bottom: 0px; padding: 8px 0 8px 14px; font-weight: bold; background: url(/img/bg-detailInfo_div.gif) repeat-y}
.detail .detailInfo .priceWithVAT strong {width: 128px; padding: 0 0 0 25px; display: block; float: right; color: Black;  background: #E4E4E4;}
.detail .detailInfo .fin strong { font-size: 14px !important; position: relative; top: -2px; color: #c50101 !important;}
.detail .detailInfo .fin strong span.pidiPrice { font-size: 10px !important; margin-left: 10px; }

.detail .detailInfo strong small.unit { position: relative; left: -3px; }

.detail .detailInfo .amount {padding-left: 14px; font-weight: bold; margin-top: 8px; }
.detail .detailInfo .amount .input_text {height: 17px; width: 27px; margin: 0 4px 0 6px; padding: 3px 4px 0 0; color: #000; text-align: right; border: 1px solid #000;  }
.detail .detailInfo .amount select {width: 120px; margin-right: 10px; border: 1px solid #000000; height: 20px; padding-top: 2px; _margin-right: 2px; }

.detail .additions {width: 100%; margin: 15px 0 0 10px; float: left; font-weight: bold; }
.detail .additions ul { list-style-type: none; margin: 5px 0px 0px 0px; font-weight: normal; }

.detail .sendPrint {width: 100%; margin: 15px 0 0 0; float: left; background: url(/img/bg-sendPrint.gif) repeat-x; }
.detail .sendPrintIn {width: 341px; padding: 13px 0 13px 189px; float: left; background: url(/img/bg-sendPrint.gif) repeat-x bottom} 
.detail .sendPrint ul {margin: 0; padding: 0; list-style-type: none}
.detail .sendPrint ul li a {margin: 0 0 2px 0; padding: 0 0 0 0; text-decoration: underline;}
.detail .sendPrint ul li a:hover {text-decoration: none} 

.detail .detailLinks { margin: 13px 0 0 190px; float: left; clear: both; font-weight: bold; width: 300px; }
.detail .detailLinks ul {margin: 3px 0 0 0; padding: 0; list-style-type: none; font-weight: normal; }
.detail .detailLinks ul li a {margin: 0 0 2px 0px; padding: 0 0 0 0; text-decoration: underline}
.detail .detailLinks ul li a:hover {text-decoration: none} 


/**************************** === USER.baskethoverbox === *****************************************/
#basketHoverBox {position: absolute; z-index: 9; width: 357px; padding: 5px; display: none; background: #E4E4E4; }
.baskethoverboxIn {width: 355px; floaT: left; border: 1px solid #C50101; }
#basketHoverBox p {width: 100%; margin-bottom: 10px; padding: 12px 0 10px 0; float: left; text-align: center; font-size: 10px; font-weight: bold; color: #000000; border-bottom: 1px solid #C50101; }
#basketHoverBox .item {padding: 0 0 0 25px; color: #000000; }
#basketHoverBox .item .name {height: 12px; _height: auto; width: 325px; padding-bottom: 6px; float: left; overflow: hidden}
#basketHoverBox .item .count {display: inline}
#basketHoverBox .item .price {padding: 0 0 5px 0px; text-align: left; color: #000000; }
#basketHoverBox .item .price span {padding-right: 5px; display: inline; color: #C50101; }
#basketHoverBox .buttonsHB {margin-top: 3px; padding: 3px 0; margin-bottom: 10px; }
#basketHoverBox a {position: relative; top: 5px; text-decoration: none; font-weight: bold; color: #C50101; }
#basketHoverBox .bhEx {margin: 0 106px 10px 30px; }

/********************************* === COMMODITYLIST.alternative === ******************************/

/******************* === USER.Order === ***********************************************************/
#title_order_1 {background: url(/img/1/title_order.gif) no-repeat}
.order {}
.order .orderItems {width: 100%; float: left}
.order td img {vertical-align: middle !important}
.order tr.thead td {height: 23px; padding-top: 3px; vertical-align: top;  font-size: 11px !important; font-weight: bold !important; color: #000 !important; background: url(/img/bg-order_thead_td.gif) repeat-x}
.order .deadL, .order .deadC { padding-left: 5px; }
.order tbody tr td {height: 26px}
.order .img {width: 78px} 
.order .name {width: 194px}
.order .name div {color: #757575; font-size: 10px}
.order .name a {padding: 3px 0 5px 0; display: block; font-size: 12px; font-weight: bold; color: #000}
.order .amount {width: 105px}
.order tbody .amount {text-align: center} 
.order .amount .input_text {height: 17px; width: 25px; margin: 0 4px 0 0; padding: 3px 4px 0 0; color: #464646; text-align: right; border: 1px solid #000}
.order .price {width: 105px; text-align: right; font-weight: bold; color: #353535}
.order .price small {font-size: 11px}
.order .delete_add {width: 50px; text-align: right}
.order .delete_add .input_button {margin-left: 4px}
.order .space {height: 13px; background: url(/img/bg-order_tbody_td.gif) repeat-x 17px}

.order .suma {width: 100%; padding: 15px 0 0 0; floaT: left; background: #e4e4e4; margin-top: 20px; }
.order .suma div {width: 100%; padding: 0 0 13px 0; float: left; text-align: right; font-weight: bold; color: #353535}
.order .suma div strong {position: relative; top: -1px; width: 124px; padding-right: 56px; float: right; display: block; font-size: 12px}
.order .suma div strong small {font-size: 11px}
.order .suma .suEx1 {padding-bottom: 18px !important}
.order .suma .suEx1 strong {color: #c50101}
.order .suma .suEx2 strong {top: -3px; font-size: 14px; color: #c50101}

.orderBT {margin-top: 10px; text-align: right}
.orderBT img {vertical-align: middle}
.orderBT a {margin-right: 2px}

#OrderForm {color: #006644}
#OrderForm p {color:#7C7E7C}
#OrderForm .input_text { border:1px solid #0F0F0F; color:#000000; height:17px; padding:3px 0pt 0pt 5px; width:129px; }
#OrderForm .input_text.req { background: #F2FDC7; }
#OrderForm .secLabel {margin: 15px 0 0px 40px; font-weight: bold; color:#FF0000; }
#OrderForm table { width:380px;}
#OrderForm .requiredText {margin: 10px 0; color: #7C7E7C}
#OrderForm .required {color: #006644}
#OrderForm .userdatabox { text-align: left; color: Black; width: 100%; background: #F6EFEF; padding-top: 10px; padding-bottom: 10px; margin-top: 10px;  }
#OrderForm .userdatabox label {color: Black; padding: 0px;}
#OrderForm .userdatabox td {padding: 0px; width:150px;  height:25px;}
#OrderForm .userdatabox th {padding: 0px; white-space: nowrap;font-weight: normal; height:25px; text-align: right;}
/*#OrderForm .userdatabox th.required {font-weight:bold !important;}*/
#OrderForm .deliveryAddress {text-align: left; }
#OrderForm .deliveryAddress .userdatabox {margin-left:0; width:100%; border:solid 0px green; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; }
#OrderForm .deliveryAddress .userdatabox th{width:100px !important; border:solid 0px blue; }
#OrderForm .deliveryAddress .userdatabox td{ border:solid 0px yellow; }
#OrderForm .deliveryAddress textarea { width:30em; height:15em; margin-left:0px;}
#OrderForm .deliveryAddress select { display: none; }
#OrderForm .ordermethod {margin: 5px 0 15px 25px;  padding:3px; }
#OrderForm .ordermethod th {padding:3px }
#OrderForm .ordermethod td {padding:3px }
#OrderForm #InfoText {margin-left:25px; margin-bottom:15px; width:30em;}
#OrderForm #YourInternalOrderNumber { margin: 5px 7px 0px 35px; }
#OrderForm #YourFidelityNumber { margin-left:25px; margin-right:7px; }
#OrderForm .some_stuff {margin: 15px auto 0px; height: auto; text-align: right; }
#OrderForm .some_stuff img {position: relative; top: 6px; cursor: pointer; }

#OrderForm .lineBottom {background: url(/img/bg-order_tbody_td.gif) repeat-x bottom; }
.order input.coupon {width:300px; height:15px; margin-right:5px; margin-top:1px; padding:2px 0; text-align: center; font-weight: bold; color: #000;overflow: hidden}
.order .secLabel {margin: 15px 0 5px 0; font-weight: bold; color:#006644;  background: url(/img/horDotted.gif) repeat-x bottom; text-transform: uppercase;}

#orderpage2 { margin-top: 0px; position: relative; top: -10px; }
#orderpage2 textarea { margin: 10px 0px 0px 0px; position: relative; left: 15px; }
/******************************** === USER.ExecutedOrdersList === *********************************/
#title_user_executed_orderlist_1{background: url(/img/1/title_user_executed_orders.gif) no-repeat }
#title_user_executed_orderdetail_1 {background: url(/img/1/title_user_executed_orders_detail.gif) no-repeat }
#title_user_noexecuted_orderlist_1 {background: url(/img/1/title_user_executed_orders_detail.gif) no-repeat }
.data_sorting {float: left; background:#f5f5f5; border:1px solid #e6e6e6; width:545px; padding:5px;margin: 10px auto 0 auto;}
.data_sorting .byDateType {margin-top:15px }
.data_sorting .byId {float:left; margin-top:5px; margin-right:2px; padding-bottom:2px; padding-top:2px }
.data_sorting .byId input {}
.data_sorting .byId .input_text {width:55px;}
.data_sorting .byId .inputIMG {position: relative; top:0px;}
.data_sorting .unexecuteditems {float: left; margin-right:3px; margin-top:7px;_margin-top:9px; ?margin-top:10px;}
.data_sorting .unexecutedorders {float: left; margin-right:3px; margin-top:7px;_margin-top:9px; ?margin-top:10px;}
.data_sorting .input_text {width:6em; text-align: center; font-weight: bold; margin-right:4px; padding:3px ;overflow: hidden}
.data_sorting caption {display:none}
.data_sorting table {width:100%;text-align:left;margin:5px auto 5px auto;}
.ordertbl {width:100%; margin-top:5px;}
.ordertbl caption {margin-top:20px;font-weight:bold}
.ordertbl td {padding:3px; border-top:1px #006644 solid}
.ordertbl thead { color:#ffffff; border-bottom:2px solid #93BA0C}
.ordertbl thead td {background:#006644;}
.ordertbl thead td.Code {color: #ffffff; font-weight: normal;}
.ordertbl thead td.Unit {text-align: right;}
.ordertbl thead td.Amount {text-align: right;}
.ordertbl thead td.DPH {text-align: right; white-space: nowrap;}
.ordertbl thead td.WDPH {text-align: right;}
.ordertbl thead td.SumaDPH {text-align: right;}
.ordertbl thead td.SumaWDPH {text-align: right;}
.ordertbl thead td.SumaWTDPH {text-align: right;}
.ordertbl tbody td {height:25px; color:#000000;} 
.ordertbl tbody td a {display:inline;}
.ordertbl tbody td.Price {text-align: right;}
.ordertbl tbody td strong {color: #000} 
.ordertbl tfoot {font-weight:bold; background:#006644; color:#fff;}
.ordertbl tfoot strong {font-weight:bold; background:#006644; color:#fff;}
.execute {width: 340px;}

.vatSum {width: 465px; margin: 15px auto 35px auto}
.vatSum thead td {height: 25px; font-weight: bold; color: #a4a4a4 !important; border-bottom: 2px solid #eeeeee}
.vatSum tbody td {height: 35px}
.vatSum tfoot td {height: 35px; border-bottom: 1px solid #76c339}
.vatSum .spaceSV {height: 1px; background: url(/img/bg-spaceSV.gif) no-repeat}
.vatSum .RateName {width: 170px; padding-left: 3px; font-weight: bold; color: #797979}
.vatSum .price1 {width: 95px; text-align: right; font-weight: bold; color: #797979}
.vatSum .price2 {width: 90px; text-align: right; font-weight: bold; color: #797979}
.vatSum .price3 {width: 103px; padding-right: 5px; text-align: right; font-weight: bold; color: #fca400}
.vatSum .price4 {text-align: right; font-size: 16px; font-weight: bold; color: #fca400}
.vatSum .rnEx {padding-left: 5px; font-weight: bold}

.state_table {margin:5px 10px;}
.state_table td {padding-left: 10px; padding-right: 10px;}
tr.state_0 td { background:#CFFECF; }
tr.state_1 td { background:#EED2B4; }
tr.state_2 td { background:#ffffcc; }
tr.state_3 td { background:#FFE5E0; }
tr.state_4 td { background:#CCCCCC; }

.orderDetail {margin-top:10px;}
.orderDetail .orderDetailItem {margin-top:3px; margin-left:10px; white-space: nowrap;}
.orderDetail .orderDetailItem span.title {padding: 0 !important; font-weight: normal !important; font-size: 13px !important; color: #646464 !important; background: none !important; }
.orderDetail .orderDetailItem span.value {font-weight: bold;font-size: 12px !important;color: #000}
.orderDetail .orderDetailItem span.value strong {color: #000}
.InfoOrder {padding: 5px; height: auto; width: 542px; text-align: left; background: #F0F0F0; border:1px solid #cccccc;}
.InfoOrder p {margin: 5px 0 10px; font-size: 12px; font-weight: bold;}
.InfoOrder span {margin: 0 5px; }
.page_executedorder strong {color: #646464 }

/********************** === USER.register === *****************************************************/
#title_user_register_1 {background: url(/img/1/title_registrace.gif) no-repeat}
#title_user_data_1 {background: url(/img/1/title_user_data.gif) no-repeat}
.registrationBox {width: 513px; margin-bottom: 5px; margin-left: 16px; _margin-left: 8px; float: left; background: url(/img/bg-registrationBox.gif) repeat-y}
.registrationBoxIn1 {width: 513px; float: left; background: url(/img/bg-registrationBoxIn1.gif) no-repeat bottom}
.registrationBoxIn2 {width: 513px; float: left; background: url(/img/bg-registrationBoxIn2.gif) no-repeat top}  
.registration .requiredText {width: 523px; padding: 15px 9px 3px 0; text-align: right !important; float: left} 
.registration .secLabel {margin: 13px 0 5px 0; padding: 0 0 0 20px; font-size: 14px; font-weight: bold; color: #ff0000}
.registration .secLabel span {padding-left: 3px; font-size: 11px }
.registration .secLabel.slEx {padding-top: 13px; border-top: 1px solid #d7d7d7}
.registration table {width: 100%; float: left}
.registration table tr td {height: 24px}
.registration table .rName {width: 93px; padding-right: 7px; text-align: right}
.registration table .rInsert {width: 135px}
.registration table .rName1 {width: 94px; padding-right: 4px; text-align: right}
.registration table .input_text {height: 15px; width: 118px; padding: 1px 0 0 4px; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; background: White; }
.registration table .input_text.req { background: #F2FDC7; }
.registration table select {width: 125px; background: White; }
.registration table .bankaccount {width: 72px}
.registration table .bankcode {width: 30px}
.registration table .news {width: auto; float: none; margin: 0}

.registration table .supervisorLine .rName { visibility: hidden; }
.registration table .supervisorLine .rInsert { visibility: hidden; }

/*********************************
 === warranty_detail ===
*********************************/
#title_warranty_detail {background: url(/img/1/title_warranty.gif) no-repeat}
/*****************************
 === CATEGORYBODY.basicinfo ===
******************************/
.sectionBasicInfo {width: 100%; padding-bottom: 20px; float: left}
.sectionBasicInfo .sec_img {margin-right: 7px; padding: 2px;  float: left; border:solid 2px #ECEFED; }
.sectionBasicInfo .sec_info h1 {font-size: 14px; font-weight: bold; color: #fda300}
.sectionBasicInfo .sec_info a {font-weight: bold; color: #006644; text-decoration: underline}
.sectionBasicInfo .freetext {font-size: 12px}
/***************************
 === PRODUCER.basicInfo ===
***************************/
.producerBasicInfo { margin:5px 0px 5px 0px; padding-top:8px; width:100%; float: left; }
.producerBasicInfo .sec_img { margin-right:7px; padding: 2px;  float: left; border:solid 2px #ECEFED; }
.producerBasicInfo .sec_info {}
.producerBasicInfo .sec_info h1 {font-size: 14px; color: #006644;font-weight:bold; }
.producerBasicInfo .sec_info a {font-weight: bold; color: #006644; text-decoration: underline;}
.producerBasicInfo .freetext {}

/**********************
 === USER.loginform ===
***********************/
#title_login_1 {background: url(/img/1/title_login.gif) no-repeat !important}
.loginform  { margin: 17px auto; padding: 15px 0 15px 0px; text-align: center; background: #E4E4E4; }
.loginform table {width: 100%; margin: 0 auto; text-align: left}
.loginform table th {text-align: right; font-weight: normal; white-space: nowrap; margin-right: 8px; width: 200px; }
.loginform table th label {color: #C50101; font-weight: bold; }
.loginform table td.td_input { width: 125px; }
.loginform .input_text {height: 15px; width: 117px; padding: 2px 0 0 5px; border: 1px solid #d1d1d1}
.loginform a {color:#FF0000 !important; text-decoration: underline; font-weight: normal !important; }
.loginform a:hover {text-decoration: none;}
.loginform .information {margin: 5px 0 5px 0; background: none; border: none; }
.loginform .lostPassword {position: relative; top: 0}
/**********************
 === USER.lostpass ===
**********************/
#title_lostpass_1 {background: url(/img/1/title_lostpass.gif) no-repeat}
.lostPass {margin:25px auto 5px; background-color:#ECEFED; }
.lostPass b.email {font-style: normal;}
.page_lostpass .input_text {height: 16px; width: 127px; padding: 3px 0 0 5px; border: 1px solid #d1d1d1}
.lostPass .information {background-color:#ECEFED; border:solid 1px #ECEFED}
.lostPass .information label{color:#7C7E7C}

/********************************
 === COMMODITYLIST.Search ===
********************************/
#title_search_result_1 {background: url(/img/1/title_search_result.gif) no-repeat }
.page_search .searchWord {font-weight: bold;padding: 0 5px }
.page_search .notFound {}
/*.page_search .listorcat {display: none;}*/
/*************************************
 === COMMODITYLLIST.searchAdvanced ===
**************************************/
#title_advancesearch_cat_1 {background: url(/img/1/title_advsearch_cat.gif) no-repeat}
/* === SELECT CATEGORY === */
#title_advancesearch_result_1 {background: url(/img/1/title_advsearch_result.gif) no-repeat}
/* === SET PARAMETERS === */
#title_advancesearch_params_1 {background: url(/img/1/title_advsearch_params.gif) no-repeat}
.page_advancedsearch .paramList {margin:10px auto 0px auto; width:430px;}
.page_advancedsearch .paramList .param {float: left; margin-bottom:5px; text-align: left; width:460px; clear:both;}
.page_advancedsearch .paramList .parprice {width:100%;}
.page_advancedsearch .paramList .parprice .input_text {width:80px!important; float: none;}
.page_advancedsearch .paramList .parprice .unit {float:none!important;}
.page_advancedsearch .paramList .param div {float: left; margin-right:15px;}
.page_advancedsearch .paramList .param .name { width:130px; float:left; text-align: right; margin-right:5px; padding-top: 3px;}
.page_advancedsearch .paramList .param .unit { width:80px; float:left; padding-top: 3px;}
.page_advancedsearch .paramList .param select { width:100px; margin-right:5px; float: left;}
.page_advancedsearch .paramList .param input { margin-right:5px; float: left; }
.page_advancedsearch .paramList .param .input_text { width:100px;}
.page_advancedsearch .paramList .param select.onlyselect { width:215px; float: left;}
.page_advancedsearch .paramList .param .multi{width:300px; height: 100px; }

/***************************
 === PRODUCER.imagelist ===
***************************/
#title_producerImageList_1 {background: url(/img/1/producerList.gif) no-repeat;}
.producerImageList{border:solid 0px red;float:left; width: 100%; }
.producerImageList .producerinfo { display: inline; }
.producerImageList .producerinfo a{width:150px; height:188px; border:solid 1px #C50101; margin-right: 20px; margin-bottom:20px; float:left; text-align:center;}
.producerImageList .producerinfo a div {border-top:solid 1px #006644;}


/***************************
 === commoditybody_detailsend.xslt ===
***************************/
.titleDetailSend {color:#006644; font-size:14px; font-weight:bold; margin-top:5px;}
.classic{}
.classic th{text-align:right;}

/*********************
 === market_region ===
**********************/
#title_markets_1 {background: url(/img/1/title_markets.gif) no-repeat !important}
.marketMap { width:557px; float: left; background-color: #F1F3F2; padding: 17px 0;}
.marketMap .marketMapIn { width:523px; margin:0 17px; background-color: #ffffff; float: left;}
.marketMap .regionText { width:160px; text-align: center; float:left; margin:15px 0 0 15px;}
.marketMap .regionText div { height:100px; margin-top:15px; }
.marketMap .regionText .regionName { background-color: #006644; color:#FFFFFF; height:65px; line-height:65px; font-weight: bold; margin-top:10px; }
.marketMap .regionMap {margin:20px 20px 20px 0; }
.marketMap .marketSpace {clear: both; height: 17px; background-color: #F1F3F2;}
.marketMap .marketCities {width:100%; padding:15px 0 15px 35px; float: left;}
.marketMap .marketCities a { padding-left: 15px; width:140px; float: left; background: url(/img/BGnavigation_li_a.gif) left center no-repeat; border:0 }

.marketList { width:557px; margin-top:15px;}
.marketList .region {background-color: #F1F3F2;}
.marketList .region .subtitle { font-weight: bold; text-decoration: underline;}
.marketList .region .marketName {background-color:#9FA19E; color:#ffffff; padding:10px 15px 11px; font-weight: bold; border-bottom: 1px #ffffff solid}
.marketList .region .market {width:100%; padding:17px 0; float:left;}
.marketList .region .marketSpace {clear: both; height: 10px; background-color: #FFFFFF;}
.marketList .region .marketIn { width:523px; margin:0 17px; float:left; background-color:#F1F3F2; xborder: 1px black solid}
.marketList .region .marketIn img {float:right;}
.marketList .region .market p {float:left; clear:left; padding:1px 0; color:#444544 }
.marketList .region .market a {color: #006644; text-decoration: underline;}
.marketList .region .market p .label {float:left; width:70px;}
.marketList .region .market p .data {float:left; font-weight: bold;}


/****************************
 === COMMODITYBODY.related ===
****************************/
#title_related_1 {background: url(/img/1/title_related.gif) no-repeat}


/***************************** 
 === emailNews.register ===
 ****************************/
#title_news_reg_1 {background: url(/img/1/title_news_reg.gif) no-repeat; color:White !important;}

/* ------------ Footer -----------------------------------------------------------------------------------------------------------------*/
#containerFooter .iconSC {height: 39px; width: 189px; margin: 13px 0 0 22px; display: block; float: left; background: url(/img/iconSC.gif) no-repeat}
#containerFooter div {padding: 20px 15px 0 50px; float: left; text-align: left; color: #000; font-size: 10px;} 
#containerFooter div a {color: #000}

/****************************
 === WISHLIST ===
****************************/
#wishlistHoverBox {position: absolute; z-index: 9; width: 367px; /*height: 124px;*/ display: none; background-color:#A4D852; color: #FFF}
#wishlistHoverBox p {width: 100%; padding: 22px 0 23px 0; float: left; text-align: center; font-size: 10px; font-weight: bold}
#wishlistHoverBox a {position: relative; top: 5px; text-decoration: nderline; font-weight: bold;}
#wishlistHoverBox .showwishllist {padding: 0 20px; display: inline;}
#wishlistHoverBox .closewindow {padding: 0 20px; display: inline;}

/********************
 === IMAGE.detail ===
********************/
.fotoWin {min-width: 0px;}
.fotoWin a {text-decoration: none;}
.fotoWin a:hover {text-decoration: none;}
.fotoWin table {	height: 100%; border-collapse: collapse;}
.fotoWin table td {text-align: center; vertical-align: middle;}
.fotoWin table td div {text-align: right; font-size: 10px; color: #808080;}

/*****************************
 === COMMODITYBODY.Compare ===
*****************************/
#title_compare_1 {background: url(/img/1/title_compare.gif) no-repeat }
#containerCompare {}
#containerCompareIn {}
#containerCompare .compareButtons { text-align: center;}
#containerCompare .compareData  {text-align: center;}
#containerCompare .compareData td img { padding: 5px 15px  }
#containerCompare .rw1 { background-color: #ffffff; }
#containerCompare .rw2 { background-color: #ffffcc; }
#containerCompare td.parHead { text-align: right; }
#containerCompare td.parValue { text-align: center; }
#containerCompare .priceWithVAT {}
#containerCompare strong {margin-left:10px; font-size: 14px; font-weight: bold; color: #C43100; }
#containerCompare strong small {font-size: 12px;color: #C43100}



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

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.alert {color: #A20009;}

.buttons{width:100%; text-align:center; clear: both; }
.Title {font-weight: bold; font-size: 18px; color: #cc3300}
.Code2 {	border: #8b4513 1px solid;	padding-right: 5px;	padding-left: 5px;	color: #000066;	font-family: 'Courier New' , Monospace;	background-color: #ff9933}
.postfixText {padding-left:0;}
.bottom{background: url(/img/BGbottom.gif) no-repeat left bottom #ffffff; height:10px;   margin-bottom:10px;}

/* -- vsechny texty z FCK editoru --- */
.freetext {}
.freetext p {}
.information.freetext { margin:10px auto 0 auto; text-align:left; }

.info {position: absolute; top: 5px; right: 4px; padding: 2px 0 2px 11px; display: block; font-size: 12px; color: #434343; background: url(/img/SEPcontainerHeader.gif) no-repeat left}
.information {clear:both;background:#f5f5f5;border:1px solid #e6e6e6;width:430px;padding:10px;margin:10px auto 10px auto;text-align:center;width:90%;}
.information p {margin:5px}
.information a {font-weight:bold; color: #c50101}
.information.alert {background:#fff5f5; font-weight: bold}
.information.result {background:#f5fff5;}
.information table {width: 100%;}
.information table th {text-align:right; width: 50%}
.information table td {text-align:left; width: 50%}

/* LI seznam */
.arrowedMenu {margin-top:35px; margin-left: 20px; }
.arrowed { background:url(/img/arrowR.gif) no-repeat center left; padding-left:10px;}
.arrowed a {color: #C50101;}

/*  clona   */
#clona {background-color: Silver; filter:alpha(opacity=50); opacity:.5; height:100%; left:0; position:absolute; text-align:center; top:0; vertical-align:middle; width:100%; z-index:5;}
.clonaIE6 {background-color: Silver;}
#clona1 {text-align:center; vertical-align:middle; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 6;}

/* modal win select category */
/*  strom kategorii    */
#modalIframe {background-color:#fff; border-style:solid; border-width: 1px; border-color:#C50101; position:relative; top:50px}
#modalIframe, #clona1 {-moz-box-sizing: border-box; box-sizing: border-box;}
#modalIframeBody {height:100% !important;overflow:hidden;background-color: White;margin:0;padding:25px 0px 29px 0px;_padding-bottom:29px;*width:100% !important;}
.modalContent {background:White ; font-size:11px; font-weight:700; height:100% !important; overflow:auto !important; padding-left:5px; padding-right:5px}
#headerMenuContainer {left:0px; position:fixed; *position:absolute; top:0px; width:100%;height:25px;background: #C50101; color: White; padding: 8px 0px 0px 10px; }
#footerContainer {height:29px; left:0;  bottom:0px; position:absolute; width:100%}
#footerContainer2 {height:29px; left:0;  bottom:0px; position:absolute; width:100%; border-top: 1px solid #C50101; }
#footerContainer2 .buttonsSave { text-align: right; margin-right: 30px; margin-top: 5px; }
#headerMenuContainer .right { margin-right: 20px; margin-top: 4px; }
#categoryTree { margin-top: 20px; }

.category ul {list-style-type:none; margin:0; padding:0 0 0 20px}
.category li {margin-top:5px}
.category a.active:hover {color:#f68b2a; text-decoration:underline}
.category a:hover {color:#6e6d6d; text-decoration:underline}
.category li.closed ul {display:none !important}
span.closed {background:url('/img/plus.gif') no-repeat; cursor:pointer; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.closed_catActive { background:url('/img/plusActive.gif') no-repeat; cursor:pointer; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.opened {background:url('/img/minus.gif') no-repeat; cursor:pointer;  height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.opened_catActive {background:url('/img/minusActive.gif') no-repeat; cursor:pointer; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.catInd {background:url('/img/catInd.gif') no-repeat; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.catInd_catActive { background:url('/img/catIndActive.gif') no-repeat; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.loading {font-style:italic}

/* pricelist */
.pricelist { margin-bottom: 10px; }
.pricelist p { margin: 0px 0px 5px 0px; }
.page_pricelist .freetext { margin: 10px 0px 10px 0px; }

.page_404nice { margin-top: 10px; }

.classic input { margin-right: 15px; }
.classic textarea { margin-bottom: 5px; }

#forAjaxContent { margin-top: 10px; }
#forAjaxContent .invoices table { width: 100%; border: 0px; }
#forAjaxContent .invoices thead td { background: #E4E4E4; padding: 5px; font-weight: bold; }
#forAjaxContent .invoices tbody td { padding: 5px; }
#forAjaxContent .invoices tbody tr.odd {background: #F0F0F0; }

#forAjaxContent .orders table { width: 100%; border: 0px; }
#forAjaxContent .orders thead td { background: #E4E4E4; padding: 5px; font-weight: bold; }
#forAjaxContent .orders tbody td { padding: 5px; }
#forAjaxContent .orders tbody tr.odd {background: #F0F0F0; }

.page_executedorder .htitle { margin-left: 50px; float: left; clear: both; display: block; width: 150px; line-height: 22px; }
.page_executedorder .BtnCal { background:transparent url(/img/BTcal.gif) no-repeat; border:0pt none; cursor:pointer; height:19px; width:21px; }

#divcal { position: absolute; width: 220px; height: 180px; }
.page_executedorder { overflow: visible !important; }


/* garance ceny */
table.classic .garancytittle { text-align: left; font-size: 11px; color: #D90303; padding-left: 15px; padding-top: 15px; padding-bottom: 5px; }
table.classic .garancytittle td { padding-left: 15px; padding-top: 15px; }
table.classic .input_text { background: White; border-color:#696969; border-style:solid; border-width:1px; height:15px; padding:1px 0pt 0pt 4px; width:118px; }
table.classic .input_text.req { background:#F2FDC7; }



.detailZbozi-t {margin-top:10px;height: 25px; padding: 12px 0 0 24px; font-weight: bold; color: #FFF; background: url(/img/bg-title.gif) repeat-x; position: relative; } 


.quantitydiscount {width:100%;margin-top:5px}
.quantitydiscount tr td {padding:5px 2px} 
.quantitydiscount thead tr td {font-weight:bold;background:#D8D4D4;text-align:center;}


.quantitydiscount tbody tr td.td1 {background:#f6efef}
.quantitydiscount tbody tr td.td2 {background:#e4e4e4;text-align:right}
.quantitydiscount tbody tr td.td3 {background:#fff;text-align:right}
.QD {background:transparent url(/img/bg-sendPrint.gif) repeat-x scroll center bottom;padding-bottom:15px}
.QD .QDinfo {width:90%;padding:4px 0 1px 5px}