/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Arial; font-size: 11px; color: #686868; background: url(/img/bg-body-repeatF.gif) repeat}
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}

#helpHoverBox {display: none !important}
#basketInsertBox {display: none !important}
#hoverbox {display:none !important}


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}
.hidden {display: none !important}
.padded {margin-top: 27px}

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

#containerBgBody { position: relative; z-index:1; width: 991px;  margin: auto;  background: url(/img/bg-bgBodyF.gif) repeat-y  0px 0 #FFF}
#containerHeader {position: relative; z-index: 1; margin: auto; width: 975px; height: 194px; font-family: Tahoma; background: url('/fotocache/headerImages/bg-containerHeader.jpg') no-repeat top #FFF }
#containerHeader_1 {position: relative; z-index: 1; margin: auto; width: 975px; height: 194px; background: url('/fotocache/headerImages/bg-containerHeader.jpg') no-repeat top #FFF }
#containerHeader_2 {position: relative; z-index: 1; margin: auto; width: 975px; height: 194px; background: url('/fotocache/headerImages/bg-containerHeader.jpg') no-repeat top #FFF }
#containerBody {position: relative; margin: auto; width: 975px; _width: 975px; background: #FFF}
#column1 {position: relative; top: 5px; left: -557px; width: 204px; float: left; background: #FFF}
#column2 {position: relative; top: 0px; left: 206px; width: 557px; height: auto; float: left; overflow: hidden; background: #FFF}
#column3 {position: relative; top: 0px; left: 2px; width: 208px; float: left; background: #FFF}
#containerFooter {position: relative; height: 74px; display: block; width: 975px; margin: auto; padding: 0;  font-size: 11px; color: #FFF; background: url(/img/bg-containerFooter.gif) repeat-x} 

#tblEshops {width: 975px; margin: auto}

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

/*****************************  === USER.guideLinks  === ******************************************/
.logo {position: absolute; top: 31px; left: 6px; height: 110px; width: 217px; display: block}
#bannerImg_1 {position: absolute; }
#bannerImg_2 {position: absolute; }

.setUp {position: absolute; top: 122px; left: 14px; margin: 0; padding: 0; list-style-type: none; font-size: 11px}
.setUp .addFav{background: url(/img/bg-addFavorites.gif) no-repeat top left}
.setUp .setHome{background: url(/img/bg-homepage.gif) no-repeat top left}
.setUp li {height: 13px; float: left}
.setUp li a {padding-left:16px; margin-right: 14px; _margin-right: 7px; float: left; text-decoration: underline; color: #c5c4c4}
.setUp li a:hover {text-decoration: none}

.userInfo {position: absolute; top: 95px; left: 692px; margin: 0; padding: 0; list-style-type: none; font-family: Tahoma}
.userInfo li {height: 12px; float: left; border-right: 1px solid #016696; margin-left: 7px}
.userInfo .last{border: none !important}
.userInfo li a {position: relative; top: -1px; margin-right: 7px; _margin-right: 3px; float: left; display: block; text-decoration: underline; font-size: 11px; color: #016696}
.userInfo li a:hover {text-decoration: none}
.userInfo .userInfoLogin {position: relative; top: 4px}
.userInfo .userInfoLogin ul{position: relative; right: 7px; _right: 14px; margin: 0 0 4px 0; padding: 0; width: 250px; list-style-type: none}
.userInfo .userInfoLogin ul li{width: 104px; border: none !important}
.userInfo .userInfoLogin form .input_text {width: 104px; height: 16px; vertical-align: bottom; color: #868686; border: 1px solid #dcdcdc !important}
.userInfo .userInfoLogin form .input_image {position: relative; top: -1px}
.userInfo .userName {display: block; font-weight: bold; color: #f17613; _margin-left: 6px; text-transform: uppercase;}
.userInfo .loggedIn {position: relative; right: 7px; float: left; display: block; padding: 8px 0 0 0; margin: 0; float: left; list-style: none}
/*****************************  === PUBLISH.treemenu  === *****************************************/

.menu {position: absolute; top: 143px; left: 204px; display: block;  margin: 0; padding: 0; list-style-type: none}
.menu ul{position: absolute; padding:0; margin:0; float: left;  list-style-type: none}
.menu .firstLvl {position: relative; padding: 0; margin:0; height: 44px; float: left; background: url(/img/bg_menu_li.gif) no-repeat 0 14px}

.menu .meSel {font-size:  12px; font-weight: bold; float: left}
.menu li a {margin: 0; float: left; font-size: 12px; font-weight: bold; color: #308db1; }
.menu li a strong{margin-top: 14px; font-family: Trebuchet MS !important; float: left; padding: 0 11px; display: block; cursor: pointer !important}

.menu li a:hover {text-decoration: underline}

.menu .meCenter {position: relative; float: left; padding: 0; margin:0; display: block}
.menu .meCenter a {float: left;padding: 0; color: #FFF; cursor: pointer}
.menu .meCenter a .menuItemLeft{display: none;height: 44px; width: 4px; float: left; display: block; background: url(/img/bgMenuActivLeft.gif) no-repeat}
.menu .meCenter a .menuItemCenter{height: 44px; float: left; padding: 0 0px; display: block; color: #FFF; background: url(/img/bgMenuActivCenter.gif) repeat-x}
.menu .meCenter a .menuItemRight{display: none; height: 44px; width: 4px; float: left; display: block; background: url(/img/bgMenuActivRight.gif) no-repeat}

.menu li ul {position: absolute; width: 144px; left: 0;  top: 42px; z-index: 9; visibility: hidden; list-style: none; font-size: 10px; color: #D1E5CC; border-top: 1px solid #a5cbde; background: #1d7dac} 
.menu li ul li {float: left; }
.menu li ul li a { float: left;}
.menu li ul li a strong { width: 122px; height:100%; margin:0; padding: 14px 11px 9px 11px; display: block; color: #fefefe; font-family: Arial; font-weight: normal !important}
.menu li ul li a:hover { border-bottom: 1px solid #499dc7; background: #66b2d9 !important; cursor: pointer !important;text-decoration: none }
.menu li ul li a strong:hover {padding-bottom: 8px !important; }

/*****************************  === Multilangual  === *********************************************/


/*****************************  === basketInfo  === ***********************************************/
.basket {position: absolute; top: 25px; right: 2px; height: 54px; width: 228px}
.basket .baEx1 {position: absolute; top: 8px; right: 10px}
.basket .baEx2 {position: relative; left: 4px}
.basket .baEx2_1 {float: left}
.basket .baEx2_2 {float: left}
.basket .baEx2 .baEx2_1-t {width: 144px; display: block; position: relative; top: 5px; font-size: 10px !important; font-weight: bold;color: #FFF}
.basket .baEx2 .baEx2_1-t strong {position: relative; left: -15px; font-size: 10px; color: #c8eaff; float: right}
.basket .baEx2 .baEx2_2-t {font-weight: bold !important}
.basket .baEx2 .baEx2_2-t strong {position: relative; left: -12px; font-size: 10px; color: #c8eaff; float: right}
.basket .baEx2 .baEx2_1-t strong b {position: relative; left: 3px}
.basket .baEx2 .baEx2_2-t {width: 144px; display: block; position: relative; top: 11px; color: #FFF; font-weight: bold; font-size: 10px}
.basket .baEx3 {margin: 7px 0 0 0; padding: 0; list-style-type: none}
.basket .baEx3 li {float: left}
.basket .baEx3 li a {margin-left: 28px; _margin-left: 28px; float: left}
#showBasketLink, #clearBasketLink {}

/* ------------ Column1 -----------------------------------------------------------------------------------------------------------------*/
#column1 .title {height: 35px; width: 204px; margin-top: 10px; float: left; background: url(/img/bg-titleLeft.gif) no-repeat}
#column1 .title strong{position: relative; top: 18px; left: 20px; font-family: arial; font-size: 11px; color: #FFF;}
#column1 .title span {position: relative; top: -13px; height: 37px; _margin-bottom: -13px; display: block}
#column1 .sideBox {width: 202px} 
#column1 .sideBoxIn {width: 202px}
#column1 .boxContent {margin-top: 7px}
#column1 .banner {margin: 15px 0; text-align: center}

/*****************************  === CATEGORYLIST.basictree  === ***********************************/
.fold {position: relative; height: 34px; width: 191px; left: 4px; _left: 3px}
.fold #foldBg1{position: absolute; height: 34px; display: block; width: 191px; float: left; background: url(/img/bg-categorySel.gif) no-repeat;}
.fold #foldBg2{position: absolute; height: 34px; width: 191px; display: block; float: left; background: url(/img/bg-prodSel.gif) no-repeat}
.fold div {text-align: center; line-height: 26px; display: block; font-size: 11px; font-weight: bold; color: #fff; float: left}
.fold .foEx1 {position: absolute; top: 0; left: 4px; height: 25px; width: 100px;cursor: pointer !important}
.fold .foEx2 {position: absolute; top: 0; left: 104px; height: 25px; width: 91px; cursor: pointer !important}

.fold .foEx1 .prodSel{position: relative; left: -5px; top: 3px; _left: -4px}
.fold .foEx1 .catSel{position: relative; left: -5px; _left: -4px}
.fold .foEx2 .prodSel{position: relative; left: -7px; _left: -6px}
.fold .foEx2 .catSel{position: relative; left: -4px; top: 3px; _left:-3px }


#title_categories_1 {display: none !important; background: url(/img/1/title_categories.gif) no-repeat}
.categories ul {width: 196px; float: left; margin: 0 0 0 5px; _margin-left: 2px; padding: 0; font-family: arial; font-weight: bold; font-size: 11px; list-style-type: none;  background: #308DB1 !important}
.categories ul li { height: auto; width: 192px; margin: 0 0 0 4px; _margin-left: 2px; float: left; padding: 0; border-bottom: 1px solid #ebedee !important; background: #FFF}
.categories ul li .noChildren { padding: 11px 8px 8px 25px; display: block; font-weight: bold; color: #016696}
.categories ul li .plusMinus{height: 11px; width: 11px; margin: 13px 0 0 8px; _margin-left: 4px; display: block; float: left; }
.categories ul li .plus {background: url(/img/bg-categories_li_a.gif) no-repeat 1px 1px !important}
.categories ul li .minus {background: url(/img/bg-categories_open.gif) no-repeat 1px 1px !important}
.categories ul li .withChildren{padding: 11px 8px 8px 6px; float: left; display: block; font-weight: bold; color: #016696}
.categories ul li .withChildren:hover, .categories ul li .noChildren:hover {color: #f17613; text-decoration: none; font-weight: bold}
.categories ul li .noChildren { background: url(/img/bg-categories_leaf.gif) no-repeat 9px 13px !important}
.categories ul li .activCat a {color:#f17613 !important; font-weight: bold !important}


.categories ul ul {width: 186px; margin: 0; padding: 0; background: #FFF}
.categories ul ul li {width: 186px; display: inline !important; border: none !important; padding: 0; margin: 0}
.categories ul ul li a {float: left}
.categories ul ul li .noChildren {padding: 3px 8px 2px 35px; font-weight: bold; color: #016696}
.categories ul ul li .withChildren {width: 120px !important;padding: 3px 8px 2px 4px; float: left;  font-weight: bold; color: #016696}
.categories ul ul li .plusMinus{height: 11px; width: 11px; margin: 5px 0 0 20px; _margin-left: 10px;  float: left; }
.categories ul ul li .withChildren:hover, .categories ul ul li .noChildren:hover {color: #f17613; text-decoration: none; font-weight: bold}
.categories ul ul li .noChildren { background: url(/img/bg-categories_leaf.gif) no-repeat 21px 5px !important}
.categories ul ul li .activCat a {color:#f17613 !important; font-weight: bold !important}

.categories ul ul ul {float: left;width: 186px; margin: 0; padding: 0; background: #FFF}
.categories ul ul ul li {display: inline !important;float: left; width: 186px; border: none !important; padding: 0; margin: 0}
.categories ul ul ul li a{float: left}
.categories ul ul ul li .noChildren {padding: 2px 8px 1px 55px;  font-weight: bold; color: #016696}
.categories ul ul ul li .withChildren {padding: 2px 8px 1px 5px; float: left;  font-weight: bold; color: #016696}
.categories ul ul ul li .plusMinus{height: 11px; width: 11px; margin: 4px 0 0 40px; _margin-left: 20px;  float: left; }
.categories ul ul ul li .withChildren:hover, .categories ul ul ul li .noChildren:hover {color: #f17613; text-decoration: none; font-weight: bold}
.categories ul ul ul li h2 .activCat {color:#f17613 !important; font-weight: bold !important}
.categories ul ul ul li .noChildren { background: url(/img/bg-categories_leaf.gif) no-repeat 41px 4px !important}

.categories ul ul ul ul {float: left;width: 186px; margin: 0; padding: 0; background: #FFF}
.categories ul ul ul ul li { display: inline !important; border: none !important; padding: 0; margin: 0}
.categories ul ul ul ul li a {float: left}
.categories ul ul ul ul li .noChildren {padding: 2px 8px 1px 75px; display: block; font-weight: normal; color: #016696}
.categories ul ul ul ul li .noChildrenPlus {padding: 2px 8px 1px 75px; display: block; font-weight: normal; color: #016696}
.categories ul ul ul ul li .withChildren { width: 100px !important; padding: 2px 8px 1px 5px; float: left;  font-weight: normal; color: #016696}
.categories ul ul ul ul li .plusMinus{height: 11px; width: 11px; margin: 4px 0 0 60px; _margin-left: 30px; display: block; float: left; }
.categories ul ul ul ul li .withChildren:hover, .categories ul ul ul li .noChildren:hover {color: #f17613; text-decoration: none; font-weight: bold}
.categories ul ul ul ul li h2 .activCat {color:#f17613 !important; font-weight: bold !important}
.categories ul ul ul ul li .noChildren { background: url(/img/bg-categories_leaf.gif) no-repeat 61px 4px !important}
.categories ul ul ul ul li .noChildrenPlus {background: url(/img/bg-categories_li_a.gif) no-repeat 61px 4px !important}

#sb_producers li {height: 100% !important; width: 192px; margin: 0 0 0 4px; _margin-left: 2px; float: left; padding: 0; border-bottom: 1px solid #ebedee !important; background: #FFF}
#sb_producers li a{height: 100% !important; padding: 11px 8px 8px 6px; float: left; display: block; font-weight: bold; color: #016696}

/*****************************  === PUBLISH.infoboxlinks ===  *************************************/
#title_info_1 {display: none !important; background: url(/img/1/title_info.gif) no-repeat}
#column1 .infoBox {width: 204px; float: left; background: url(/img/bg-sideBoxLeft.gif) no-repeat bottom}
#column1 .infoBox ul {margin: 0; padding: 0 0 4px 0; list-style-type: none}
#column1 .infoBox ul li {}
#column1 .infoBox ul .first {margin-top: 10px}
#column1 .infoBox ul .last {margin-bottom: 15px}
#column1 .infoBox ul li a {padding: 5px 0 2px 36px; display: block; text-decoration: none; font-weight: bold; color: #076b99; background: url(/img/bg-infobox_li_a.gif) no-repeat 21px 9px}
#column1 .infoBox ul li a:hover {text-decoration: underline; color: #f17613}
#column1 .infoBox .last {background: none}

/*****************************  === TRANSPORTMETHOD.list  === *************************************/
#title_payments_1 {display: none !important; background: url(/img/1/title_payments.gif) no-repeat}
.payments {width: 204px; background: url(/img/bg-sideBoxLeft.gif) no-repeat bottom}
.payments a {height: 25px; width: 65px; margin: 0 13px 8px 0; display: block; float: left}
.payments a img {height: 25px; width: 65px}
.payments a:hover {text-decoration: none}
.paymentsIn1 {padding-bottom: 10px}
.paymentsIn2 {margin: 24px 0 22px 31px; _margin-left: 15px; display: block; float: left} 
.paymentsIn1 .freetext {padding: 0 8px 8px 12px; color: #686868}

/*****************************  === 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  === **********************************************/
#title_inquiry_1 {background: url(/img/1/title_inquiry.gif) no-repeat }
.inquiryIn {padding-bottom: 10px}
.inquiry .question {padding: 0 10px 12px 12px; text-align: left; color: #686868}
.inquiry .answerCount {margin-right: 14px; _margin-right: 7px; float: right; text-align: right; color: #646464; 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 .inquiryIn1 {padding-bottom: 10px}
.inquiry .inquiryIn2 {width: 176px; margin-left: 11px; border: 1px solid #bebebe}
.inquiry .inquiryIn2 p {height: 3px; margin: 2px} 

/* ------------ Column3 -----------------------------------------------------------------------------------------------------------------*/
#column3 .title {height: 35px; width: 208px; float: left; background: url(/img/bg-titleRight.gif) no-repeat}
#column3 .title strong{position: relative; top: 18px; left: 20px; font-family: arial; font-size: 11px; color: #FFF}
#column3 .title span {position: relative; top: -13px; height: 37px; _margin-bottom: -13px; display: block}
#column3 .sideBox {width: 208px; background: url(/img/bg-sideBox_c3.gif) repeat-y} 
#column3 .sideBoxIn {width: 208px}


/*****************************  === SEARCH.form  === **********************************************/
.searchBox {width: 208px; height: 61px; background: url(/img/bg-sideBoxRight.gif) no-repeat bottom}
.searchBox .seEx {position: relative; top: 11px}
.searchBox .seEx .input_text {position: relative; height: 16px; width: 103px; margin: 0px 0px 0 11px; padding: 3px 0 0 7px; color: #868686; border: 1px solid #dcdcdc}
.searchBox .seEx .advSearchBoxLink {position: relative; top: 8px; ?top: 7px; _top: 7px; right: 3px}
.searchBox #advSearchBox span{width: 186px; margin: 10px 0; float: left; font-weight: bold; color: #FFF; text-align: center}
.searchBox #advSearchBox {position: absolute; top: 41px; left: 10px; width: 186px; height: 110px; z-index: 99; background: url(/img/bg-advancedSearch.gif) no-repeat}
.searchBox #advSearchBox label {width: 126px; margin-left: 40px; _margin-left: 20px; float: left; display: block; padding-bottom: 4px; display: block; color: #FFF}
.searchBox #advSearchBox .input_radio {position: relative; top: -2px; ?top: 0px; _top: 0px; margin-right: 5px}
.searchBox #advSearchBox a {padding-top:  20px; margin-left: 24px; float: left; text-decoration: underline; color: #f0f302; font-size: 10px}
.searchBox #advSearchBox a:hover {text-decoration: none}


/**************************** === COMMODITYLIST.recommended ===  *********************************/
#title_recomended_1 {display: none !important; background: url(/img/1/title_recomended.gif) no-repeat !important}
.comLRecommended {width: 208px; float: left; display: block; background: url(/img/bg-sideBoxRight.gif) no-repeat bottom}
.comLRecommended .line {float: left}
.comLRecommended .last .product h3 {padding-bottom: 20px;} 
.comLRecommended .product {width: 198px; margin-left: 4px; display: block; float: left; text-align: center}
.comLRecommended .productIn{width: 154px; margin-left: 27px; _margin-left: 13px; padding-bottom: 10px; float: left; border-bottom: 1px solid #ECECEC}
.comLRecommended .last .productIn {border: none !important}
.comLRecommended .product h3 {width: 144px; text-align: left;  float: left}
.comLRecommended .product h3 a { margin-bottom: 4px; font-size: 12px; color: #016696}
.comLRecommended .productImg {float: left; margin: 9px 0 5px 0; display: block} 
.comLRecommended .productPrice {position: relative; top: 27px; right: 7px; float: right; display: block; font-size: 11px; font-weight: bold; color: #f11328}
.comLRecommended .productPrice span {display: block}
.comLRecommended .productPrice strong{font-size: 12px}
.comLRecommended .productPrice small {display: none !important}

/*****************************  === CONTACT.sendmail  === *****************************************/
.sendM {width: 208px; padding-bottom: 35px; float: left; font-family: Tahoma; background: url(/img/bg-sideBoxRight.gif) no-repeat bottom}
.sendMin {padding-left: 9px}
.sendM_1 {}
.sendM form {position: relative; left: 11px}
.sendM textarea {height: 78px; width: 170px; margin-bottom: 18px; padding: 3px; color: #686868; border: 1px solid #dcdcdc}
.sendM .input_text {height: 16px; width: 169px; padding: 3px 0 0 7px; margin: 15px 0 3px 0; color: #686868; border: 1px solid #dcdcdc}
.sendM .input_button {position: relative; left: 55px}
.sendM .freetext {position: relative; left: 11px; _left: 0px; width: 170px; margin-top: 15px;  padding: 3px 0 0 0px; color: #002c39}
.sendM .freetext strong {color: #f17613; display: block}
.sendM .ChckCodeAssistant{margin-top: 10px}
.sendM .ChckCodeAssistant span {color: #002c39}

/*****************************  === EMAILNEWS.askmail  === ****************************************/
.eNews {width: 208px; padding-bottom: 18px; float: left; font-family: Tahoma; background: url(/img/bg-sideBoxRight.gif) no-repeat bottom}
.eNews .freetext {position: relative; left: 22px; _left: 22px; width: 170px; margin-top: 10px; color: #002c39}
.eNews .eNewsIn form {position: relative; left: 11px; padding-left: 9px}
.eNews_1 {} 
.eNews .input_text { height: 16px; width: 169px; margin: 9px 0; padding: 3px 0 0 7px; display: block; color: #686868; border: 1px solid #cdcdc}
.eNews .input_button { position: relative; left: 55px; display: block}

/*****************************  === COMMODITYLIST.topsale ===  ************************************/
#title_topsale_shop_1 {display: none !important; background: url(/img/1/title_topsale.gif) no-repeat}
#column3 .topSale {width: 206px; float: left; background: url(/img/bg-sideBoxRight.gif) no-repeat bottom}
#column3 .topSale ol {width: 190px; display: block; float: left; margin: 0 0 0 18px; _margin-left: 9px; padding: 0 0 25px 0;  font-weight: bold; color: #76c339; list-style: none}
#column3 .topSale ol li {width: 190px; margin-top: 18px; display: block;  font-family: Tahoma; font-weight: bold; font-size: 11px;}
#column3 .topSale ol li h4 {width: 120px; display: block}
#column3 .topSale ol li strong {position: relative; right: 9px; float: right; color: #066a98}
#column3 .topSale ol li strong small {display: none !important}
#column3 .topSale ol li a {line-height: 15px; text-decoration: underline; color: #f17613}
#column3 .topSale ol li a:hover {text-decoration: 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}



/******************************* === M:COMMODITYBODY.related === **********************************/
#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: 29px; width: 538px; padding: 0 0 0 0; _padding-top: 4px; margin: 0 0 0 17px; _margin-left: 8px; float: left; background: url(/img/bg-column2Title.gif) no-repeat 0 3px; _background: url(/img/bg-column2Title.gif) no-repeat 0 7px;}
#column2 .padTitle{padding-top: 18px !important;  background: url(/img/bg-column2Title.gif) no-repeat 0 21px}
#column2 .title strong {display: block; float: left; padding: 5px 0 0 13px; font-size: 18px; font-weight: normal !important; color: #016696}
#column2 .title h1 {display: block; padding: 5px 0 0 13px; font-size: 18px; font-weight: normal !important; color: #016696}
#column2 .title span {position: relative; top: -13px; height: 29px; display: block}
#column2 .column2Separator {height: 14px; width: 538px; float: left; margin:0; padding:0; background: url(/img/column2Separator.gif) no-repeat}
#column2 .column2Sep2 {height: 14px; width: 538px; float: left; background: url(/img/column2Sep2.gif) no-repeat}
#column2 .topSep{height: 7px; width: 538px; display: block; overflow: hidden;  float: left; background: url(/img/column2Separator.gif) no-repeat 0 -7px}
#column2 .bottomSep{height: 7px; width: 538px; display: block; overflow: hidden; float: left; background: url(/img/column2Separator.gif) no-repeat 0 0}
#column2 .bottomSepDetail{height: 7px; width: 515px; display: block; float: left; background: url(/img/bottomSepDetail.gif) no-repeat 0 0}
#column2 .bottomSepProd{height: 4px; width: 541px; margin-bottom: 9px; display: block; float: left; background: url(/img/bottomSepProd.gif) no-repeat 0 0}
#column2 .bottomSepDel{height: 7px; width: 533px;  margin-left: 13px; display: block; float: left; background: url(/img/bg-bottomDel.gif) no-repeat 0 0} 
#column2 .step2Bottom{height: 34px; width: 541px;  margin: 24px 0 0 13px; padding-bottom: 10px; display: block; float: left; background: url(/img/step2Bottom.gif) no-repeat 0 0} 
#column2 .banner {margin: 15px 0; text-align: center}



/*****************************  ===  PUBLISH.article === *************************************/

.article {float: left; padding: 0 0 66px 0; margin: 0; background: url(/img/bg-column2In.gif) repeat-y left}
.article .freetext{margin-left: 23px; padding: 5px 11px; color: #a3a3a3; display: block}
.article .freetext a {color: #f17613}
.article .subarticles { padding: 0; margin: 0 0 4px 19px; float: left; display: block; list-style: none;}
.article .subarticles li {display: block}
.article .subarticles li a {padding: 5px 0 2px 36px; width: 100%; display: block; text-decoration: none; font-weight: bold; color: #076b99; background: url(/img/bg-infobox_li_a.gif) no-repeat 21px 9px}
.article .subarticles li a:hover {text-decoration: underline; color: #f17613}

/*****************************  === CATEGORYLIST.navigate === *************************************/
.navigate {margin: 10px 0; padding: 0}
.navigate li {display: inline}
.navigate li a {margin: 0 4px 0 0; padding: 0 17px 0 0; text-decoration: none; color: #707070; background: url(/img/bg-navigate_li_a.gif) no-repeat right 5px}
.navigate li a:hover {text-decoration: underline}
.navigate li .activNM {padding-left: 0 !important; background: none !important; color: #016696; font-weight: bold}
.navigate .rootItemName {color: #a3a3a3 !important}

/*****************************  === PUBLISH.welcome ===  ******************************************/
#title_publish_welcome {display: none !important}
.title_publish_welcome {display: none !important}
.prologue {float: left; padding: 0; margin-top: 26px; background: url(/img/column2Separator.gif) no-repeat 0 -7px }
.prologue .prologueIn {padding-top: 7px; _margin-top: 0px; float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.prologue .freetext {float: left; margin-left: 17px; _margin-left: 8px; padding: 0; color: #016696}
.prologue .sortiment {display: block; float: left; margin: 0 0 0 17px; _margin-left: 8px; padding: 0;}
/*****************************  === CATEGORYBODY.basicinfo ===  ***********************************/
.characterizationInfo {padding: 0 0 0 0}
.characterizationInfo h1 {padding-bottom: 8px; font-size: 14px; color: #fda300}
.characterizationInfo .characterizationImg {height: 100px; width: 100px; margin-right: 10px; _margin-right: 5px; overflow: hidden; float: left; border: 1px solid #000}
.characterizationInfo .freetext { padding: 0 30px; float: left; color: #686868}
.characterization .subCategories {width: 524px; margin-left: 29px; padding-top: 10px; float: left}
.characterization .subCategories .last1 {margin-left: 195px; _margin-left: 97px}
.characterization .subCategories .last2 {margin-left: 130px; _margin-left: 65px}
.characterization .subCategories .last3 {margin-left: 65px; _margin-left: 32px}
.characterization .subCategories .line {float: left; }
.characterization .subCategories a {width: 118px; margin-right: 12px; padding-bottom: 18px; float: left; display: block; cursor: pointer !important; background: url(/img/bg-subcategories_a.gif) no-repeat bottom}
.characterization .subCategories a:hover{text-decoration: none}
.characterization .subCategories img {width: 110px; height: 98px; float: left; display: block; margin-left: 4px;}
.characterization .subCategories span {width: 108px; margin-left: 5px; padding-top: 5px; float: left; text-align: center; font-size: 14px; font-weight: bold; color: #016696}

/*****************************  === CATEGORYBODY.topsale ===  *************************************/
#title_topsale_category_1 {font-size: 12px; font-weight: bold; color: #76c339}
.topSaleTitle{margin-top: 19px!important}
.topSaleTitle .bold{position: relative; top: 3px; font-size: 12px !important; font-weight: bold !important}
.topSaleCategory{float: left; padding-left: 10px}
.topSaleCategory ol {margin: 6px 0 15px 34px; ?margin-left: 25px; _margin-left: 25px; padding: 0; font-size: 12px; color: #fda300; list-style: none}
.topSaleCategory ol .odd{background: #fafafa}
.topSaleCategory ol li {height: 18px; width: 498px; float: left; margin:0; font-family: Tahoma; clear: both}
.topSaleCategory ol li h3{float: left}
.topSaleCategory ol li h3 a { padding-top: 3px; padding-left: 17px; float: left; font-weight: normal; color: #016696;  background: url(/img/bg-topSale_li_a.gif) no-repeat 8px 6px}
.topSaleCategory ol li .price {width: 75px; padding-top: 3px; margin: 0 10px 0 10px; float: right; text-align: right; color: #016696; font-size: 12px; font-weight: bold}



/**************************** === PUBLISH.news ===  ***********************************************/
#title_pubnews_1 {display: none !important; background: url(/img/1/title_pubnews.gif) no-repeat !important;}
.news {width: 100%; float: left; background: url(/img/bg-column2In.gif) repeat-y left} 
.news .title a{float: right; line-height: 30px; padding-right: 31px; color: #6bc0db; font-size: 10px; text-decoration: underline}
.news .title a:hover{text-decoration: none}
.news .line {float: left; display: block}
.news .newsIn {width: 235px; float: left; padding: 10px 0 10px 24px}
.news .odd {padding-left: 31px}
.news .newsImg {margin: 0 10px 0 0; float: left;}
.news .newsImg .newsImgIn{float: left}
.news .newsImg .newsImgIn img{float: left}
.news span {display: block; font-size: 10px; color: #016696}
.news h4 a {margin: 3px 0 5px 0; display: block; text-decoration: none; font-weight: bold; font-size: 11px; color: #f17613}
.news h4 a:hover {text-decoration: underline}
.news .freetext {color: #016696; width: 100%}
.news .freetext a {color: #f2852c; text-decoration: underline}
.news .freetext a:hover{text-decoration: none}
.news .last {background: none}
 
/**************************** === PUBLISH.articleList ===  *******************************************/
 
.articleList {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.articleListIn {margin-left: 14px; _margin-left: 7px; padding: 0 0 80px 0; float: left}
.articleListIn ul {float: left; padding: 10px 0 20px 0; margin: 0; float: left; margin-top:5px; list-style: none!important}
.articleListIn ul li {padding:0 0 20px 10px;}
.articleListIn ul li a {padding: 5px 0 2px 10px; width: 100%; display: block; text-decoration: underline; font-weight: bold; color: #076b99; background: url(/img/bg-infobox_li_a.gif) no-repeat 0px 9px}
.articleListIn ul li a:hover{text-decoration: none} 
.articleListIn ul li small {color: #076b99}
.articleListIn ul li p {color: #076b99}

.articleListIn .page {float: left; padding: 10px 0 20px 0; margin: 0; float: left; margin-top:5px; list-style: none!important}
.articleListIn .page .art {padding:0 0 20px 10px;}
.articleListIn .page .art a {padding: 5px 0 2px 10px; width: 100%; display: block; text-decoration: underline; font-weight: bold; color: #076b99; background: url(/img/bg-infobox_li_a.gif) no-repeat 0px 9px}
.articleListIn .page .art a:hover{text-decoration: none} 
.articleListIn .page .art small {color: #076b99}
.articleListIn .page .art p {color: #076b99}
.articleListIn .page .pageBtns {width: 516px; float: left; text-align: center; padding-bottom: 60px}
.articleListIn .page .pageBtns a:hover{text-decoration: none}

/*****************  === Druha varianta zobrazeni PUBLISH.articlelist ===   ************************/

.articleListIn2 .line {width: 525px; float: left; display: block}
.articleListIn2 .artIn {width: 235px; float: left; padding: 10px 0 10px 24px}
.articleListIn2 .odd {padding-left: 31px}
.articleListIn2 .artImg {margin: 0 10px 0 0; float: left;}
.articleListIn2 .artImg .artImgIn{float: left}
.articleListIn2 .artImg .artImgIn img{float: left}
.articleListIn2 span {display: block; font-size: 10px; color: #016696}
.articleListIn2 h4 a {margin: 3px 0 5px 0; display: block; text-decoration: none; font-weight: bold; font-size: 11px; color: #f17613}
.articleListIn2 h4 a:hover {text-decoration: underline}
.articleListIn2 .freetext {color: #016696; width: 100%}
.articleListIn2 .freetext a {color: #f2852c; text-decoration: underline}
.articleListIn2 .freetext a:hover{text-decoration: none}
.articleListIn2 .last {background: none}
.articleListIn2 .page .pageBtns {width: 516px; padding: 20px 0 60px 0; float: left; text-align: center}
.articleListIn2 .page .pageBtns a:hover{text-decoration: none}

.articleListIn2 ul {float: left; width: 100%; padding: 0 0 5px 0; margin: 0; float: left; margin-top:5px; list-style: none!important}
.articleListIn2 ul ul { padding-left: 10px}
.articleListIn2 ul ul ul{padding-left: 20px}

.articleListIn2 ul li {padding:0 0 5px 0px;}
.articleListIn2 ul li a {padding: 8px 0 2px 5px; width: 100%; display: block; text-decoration: none; font-weight: bold; color: #076b99; background: url(/img/bg-infobox_li_a.gif) no-repeat 0px 13px}
.articleListIn2 ul li a:hover{text-decoration: underline} 
  
  
/**************************** === PUBLISH.textbody ===  *******************************************/
.titlePublish {}



/*****************************  === COMMODITYLIST.action ===  *************************************/
#title_action_1 {display: none !important; background: url(/img/1/title_action.gif) no-repeat}
#column2 .action {background: url(/img/bg-column2In.gif) repeat-y left}
.action {width: 100%; float: left}
.action .line {width: 100%;margin-left: 30px; _margin-left: 18px; float: left; display: block}
.action .first {padding-top: 10px}
.action .line .lineIn .last { width: 157px}  
.action .line .first {}
.action .lineInName {width: 485px; height: 37px; float: left; display: block; background: url(/img/bg-prodBox3aNameDotted.gif) repeat-x 0 0 #63b1ca}
.action .productName {width: 161px;height: 37px; padding: 0; display: block; float: left; text-align: center}
.action .productBody {width: 162px; padding: 0px 0 10px 0; float: left; text-align: center; background: url(/img/bg-productIn.gif) no-repeat bottom}
.action .productName .name {width: 158px; float: left; display: block; text-align: center !important; cursor: pointer !important; }
.action .line .lineIn .last .name{ width: 156px}
.action .productName .name h3 {display: block; margin: 3px 5px; font-weight: bold; font-size: 12px; color: #FFF; }
.action .productName .name:hover{text-decoration: none}
.action .productBody .prodBoxIn {width: 160px; float: left; padding: 2px 0 ;background: url(/img/bg-verSepAction.gif) repeat-y right}
.action .line .lineInBody .last .prodBoxIn {background: none !important}
.action .productImg a img{width: 153px; margin: 2px auto; float: left; display: block; overflow: hidden} 
.action .productPrice {float: left; width: 157px; text-align: center; font-size: 16px; font-weight: bold; color: #f17613}
.action .productPrice strong {display: block;  font-size: 16px; font-weight: bold; color:#f17613} 
.action .productPrice span {display: block; font-size: 11px; color: #a1a1a1}

/************************** === COMMODITYLIST.news === ********************************************/
#title_newitems_1 {display: none !important; background: url(/img/1/title_newitems.gif) no-repeat !important}
.prodNews {width: 537px; float: left; background: url(/img/bg-prodNews.gif) repeat-x top #53aac4}
.prodNews .prodNewsTitle {margin: 15px 0 10px 15px; _margin: 15px 0 5px 7px; padding-left: 14px;  float: left; font-size: 18px; color: #fefefe; background: url(/img/bg-prodNewsTitle.gif) no-repeat}
.comLNews {width: 532px; float: left}
.comLNews .line {width: 532px; padding-bottom: 10px; margin-left: 5px; _margin-left: 2px; float: left;}
.comLNews .lineInName{width: 532px; float: left}
.comLNews .lineInBody{width: 532px;  float: left}
.comLNews .first .lineInBody{padding-bottom: 10px;}
.comLNews .first{background: none !important}
.comLNews .line .first {margin-left: 36px; _margin-left: 18px; }
.comLNews .productName {width: 144px; margin-right: 11px; float: left; text-align: center; }
.comLNews .productName a {color: #b3fafb; cursor: pointer !important}
.comLNews .productName a h3 { width: 144px; padding-bottom: 5px; display: block; overflow: hidden; font-size: 11px; color: #b3fafb}
.comLNews .productBody {float: left}
.comLNews .productIn {width: 144px; margin-right: 11px; _margin-right: 5px; float: left; text-align: center; }
.comLNews .prodBoxIn{width: 144px; float: left}
.comLNews .product a {color: #b3fafb; cursor: pointer !important}
.comLNews .product a h3 { width: 144px; padding-bottom: 5px; display: block; overflow: hidden; font-size: 11px; color: #b3fafb}
.comLNews .productImg {height: 64px; width: 76px; float: left; margin-left: 34px; _margin-left: 17px; overflow: hidden} 
.comLNews .productPrice {width: 144px; float: left; text-align: center}
.comLNews .productPrice strong {font-size: 16px; font-weight: bold; color: #fefb00; display: block}
.comLNews .productPrice span {color: #006595; font-size: 11px; font-weight: bold}

/****************************** === CATEGORYBODY.catalogue ===  ***********************************/

.page_category .content {float: left; padding: 0 0 33px 0; background: url(/img/bg-column2In.gif) repeat-y left}

.comLCatalog {width: 536px; float: left; padding-left: 10px}
.comLCatalog .productTop {width: 266px; height: 8px; padding: 0; margin: 0; float: left; background: url(/img/bg-prodBox1Top.gif) no-repeat}
.comLCatalog .productBottom {_position: relative; _top: -7px; width: 266px; height: 10px; float: left; background: url(/img/bg-prodBox1Bottom.gif) no-repeat}
.comLCatalog .line {float: left}
.comLCatalog .lineIn {float: left}
.comLCatalog .product {width: 266px; height: 100%;  float: left; display: block; margin:0; padding: 0}
.comLCatalog .product .productIn {_position: relative; _top: -7px; width: 266px; padding: 0; margin: 0;  float: left; background: url(/img/bg-prodBox1.gif) repeat-y left}
.comLCatalog .product .productImg {width: 91px; margin: 3px 0 0 14px; _margin-left: 7px; float: left}
.comLCatalog .product .productImg .code{width: 78px; margin: 15px 5px 0 8px; float: left; text-align: center !important; color: #016696; font-size: 9px}
.comLCatalog .product .productImg .code strong{position: relative; left: 3px; font-size: 9px; font-weight: normal !important}
.comLCatalog .product .productImg .amount {display: block !important; width: 78px; padding: 6px 0 6px 0; float: left; text-align: center !important; color: #44a022}
.comLCatalog .product .productImg .amount strong {padding-bottom: 3px; display: block}
.comLCatalog .product .productImg .amount .input_text {height: 20px; width: 18px; padding: 5px 0 0 0; text-align: center; color: #016696; font-weight: bold; border: 1px solid #bcbcbc}
.comLCatalog .product .productImg .amount span{display: none !important}
.comLCatalog .product .productImgIn {width: 91px; height: 83px; text-align: center}

.comLCatalog .productAttribute {width: 161px; float: right}
.comLCatalog .productAttribute img {margin-right: 2px; float: right}

.comLCatalog .product .productInfo {width: 161px; float: right}
.comLCatalog .product .productInfo .name {}
.comLCatalog .product .productInfo .name a {padding: 0 0 0 10px; display: block; font-size: 11px; color: #016696}
.comLCatalog .product .productInfo .freetext {height: 18px; padding: 3px 0 0 10px; font-size: 9px; color: #686868}

.comLCatalog .product .productInfoIn {width: 151px; padding-top: 10px; padding-left: 10px;  float: left}
.comLCatalog .product .productInfoIn div {width: 151px; line-height: 15px; float: left; color: #016696; font-size: 9px; font-weight: bold}
.comLCatalog .product .productInfoIn div strong {width: 75px; margin-right: 10px; float: right; text-align: right; display: block; font-size: 11px}
.comLCatalog .product .productInfoIn .dark {background: #fafafa}

.comLCatalog .product .productInfoIn .discount {padding: 0; margin: 0; font-size: 11px !important; color: #f11328 !important}
.comLCatalog .product .productInfoIn .discount strong {font-size: 12px !important; color: #f11328 !important}
.comLCatalog .product .productInfoIn .priceWithoutVAT {font-size: 11px !important; color: #f11328 !important}
.comLCatalog .product .productInfoIn .commonlyWithVAT strong{text-decoration: line-through}
.comLCatalog .product .productInfoIn .priceWithoutVAT strong {font-size: 12px !important; width: 55px}
.comLCatalog .product .productInfoIn .priceWithVAT strong {width: 55px}
/******************************  === CATEGORYBODY.list === ****************************************/
.commodityList {width: 100%; float: left}
.commodityList thead tr td {padding: 3px 0; font-size: 10px !important; font-weight: bold !important; color: #686868 !important; border-bottom: 1px solid #fda300}
.commodityList tbody tr td {padding: 5px 0; border-bottom: 1px solid #d4d4d4}
.commodityList .code {width: 66px; padding: 0 4px}
.commodityList .name {width: 175px}
.commodityList .name a {color: #000}
.commodityList thead .price1 {text-align: center} 
.commodityList .price1 {width: 65px; text-align: right}
.commodityList thead .price2 {text-align: center} 
.commodityList .price2 {width: 65px; text-align: right; font-weight: bold; color: #d87500}
.commodityList .store {width: 50px; text-align: center}
.commodityList .amount {width: 90px; text-align: center}
.commodityList .amount .input_text {height: 15px; width: 22px; padding-top: 2px; color: #000; text-align: center; border: 1px solid #569b2a}
.commodityList tbody .space {height: 0; padding: 0; font-size: 0; border: 0}

/***************************** === CATEGORYBODY.filter ===  ***************************************/

.pagerPanel {float: left; margin-left: 10px; _margin-left: 5px;}
.pagerPanel .prodTitle {width: 522px; padding-left: 19px; margin-top: 15px; float: left; font-size: 10px; color: #a3a3a3}
.producerSelect {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.producerSelect .producerSelectIn {position: relative; width: 521px; margin-left: 6px; padding: 10px 0 0 13px; float: left; background: url(/img/bg-producers.gif) no-repeat 0 0}
.producerSelect .producerSelectIn label{width: 112px; padding-right: 5px; float: left;  color: #006595; background: none !important;}



.displayPaging {height: 68px; width: 541px; float: left; margin: 0 0 10px 0; color: #FFF; background: url(/img/bg-displayPaging.gif) no-repeat}
.displayPaging img {vertical-align: middle}

.displayPaging .pagerEmptyBox {height: 68px; width: 271px; float: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right}
.displayPaging .pager {height: 68px; width: 271px; float: left; background: url(/img/bg-displayPaging_sep.gif) no-repeat right}
.displayPaging .pager span {position: relative; top: 20px; left: 18px; font-size: 10px; font-weight: bold; color: #a7a7a7}
.displayPaging .pager strong {position: relative; top: 1px; ?top: 0; _top: 0; padding-left: 6px}
.displayPaging input {margin-right: 4px}
.displayPaging .pager p {position: relative; top: 17px; right: 77px; float: right;font-size: 9px !important; font-weight: bold !important; color: #3b3b3b !important;}
.displayPaging .pager p #jumptopage_1 {height: 11px; width: 14px; padding-top: 2px; margin-left: 4px; font-size: 9px !important; font-weight: bold !important; color: #3b3b3b !important; text-align: center; border: 1px solid #363636}
.displayPaging .pager p #jumptopage_2 {height: 11px; width: 14px; padding-top: 2px; margin-left: 4px; font-size: 9px !important; font-weight: bold !important; color: #3b3b3b !important; text-align: center; border: 1px solid #363636}
.displayPaging .showing {width: 258px; padding-top: 3px; float: left}
.displayPaging .showing strong{margin-left: 21px; font-size: 9px; font-weight: bold}
.displayPaging .showing span{float: left; font-size: 9px; font-weight: bold}


.displayPaging .orderSelect {height: 20px; width: 245px;  margin: 19px 0px 0 0; float: right}
.displayPaging .orderSelect select {width: 158px; margin: 0 4px; float: left; color: #717171; border: 1px solid #dddddd}
.displayPaging .orderSelect span {position: relative; top: 5px; float: left; font-size: 9px; font-weight: bold; color: #a7a7a7}
.displayPaging .orderSelect .btFiltr {position: relative; top: 1px; right: 23px; float: right}

.displayPaging .radioFilter {position: relative; top: 1px; _top: -20px; right: 85px; height: 25px; width: 163px; float: right}
.displayPaging .radioFilter label {color: #717171; font-size: 9px; font-weight: bold}
.displayPaging .radioFilter input {border:none !important}

/**************************** === COMMODITYBODY.detail === ****************************************/

.page_commodity{margin-top: 37px; padding: 0}
.detail { margin: 0; padding-bottom: 14px; float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.detail .detailName {width: 367px; padding: 0 0 0 0; _padding-top: 4px; margin: 0 0 0 17px; _margin-left: 8px; float: left; background: url(/img/bg-column2Title.gif) no-repeat 0 3px; _background: url(/img/bg-column2Title.gif) no-repeat 0 7px;}
.detail .detailName  h1 {display: block; padding: 5px 0 0 13px; font-size: 18px; font-weight: normal !important; color: #016696}
.detail .productAttribute{position: absolute;  top: -20px; _top: -20px; right: -235px;  width: 166px; height: 20px; display: block;}
.detail .productAttribute img{position: relative; width: 50px; height: 13px; margin-bottom: 3px; ?margin-bottom: 0px; padding: 0}
.detail .detailInfo {width: 214px; margin-left: 15px; _margin-left: 0px; float: left; border: 1px solid #fafafa}
.detail .detailInfo .detailLabel {padding-left: 8px; width: 85px; display: block; float: left; color: #016696; font-size: 10px; font-weight: normal}
.detail .detailInfo div {width: 214px; padding: 7px 0 6px 0; _padding: 3px 0 3px 0; float: left; text-align: left; color: #7c7c7c; background: #FFF}
.detail .detailInfo div strong {width: 120px; padding: 0 0; float: right; text-align: left; font-weight: bold; color: #016696}
.detail .detailInfo .producer {width: 214px; padding: 7px 0 6px 0; float: left; text-align: left; color: #7c7c7c; background: #FFF}
.detail .detailInfo .producer a {width: 120px; padding: 0 0; float: right; text-align: left; font-weight: normal; color: #0c9ee3}
.detail .detailInfo .input_text {height: 15px; width: 22px; float: left; padding-top: 1px; text-align: center; border: 1px solid #e1e1e1; font-size: 12px; font-weight: bold; color: #016696}
.detail .detailInfo .code {background: #fafafa}
.detail .detailInfo .code strong{color: #016696; font-weight: bold}
.detail .detailInfo .store strong {color: #0abb0a;}
.detail .detailInfo .warranty {background: #fafafa}
.detail .detailInfo .discount { margin-top: 0}
.detail .detailInfo .discount strong{font-size: 14px;color: #F1132D !important; }
.detail .detailInfo .discount .detailLabel {color: #F1132D !important;}
.detail .detailInfo .commonlyWithVAT {background: #fafafa; font-size: 14px;}
.detail .detailInfo .priceRecycleTax {}
.detail .detailInfo .priceRecycleTax strong{font-size: 11px}
.detail .detailInfo .amount {background: #fafafa}
.detail .detailInfo .priceWithoutVAT{}
.detail .detailInfo .priceWithoutVAT span{color: #f1132d !important}
.detail .detailInfo .priceWithoutVAT strong {font-size: 14px !important; font-weight: bold; color: #f1132d} 
.detail .detailInfo .priceWithoutVAT strong small{font-size: 14px !important} 
.detail .detailInfo .priceWithVAT strong small{font-size: 14px !important} 
.detail .detailInfo .priceWithoutVAT .withoutVATLabel{font-size: 9px !important; font-weight: normal !important}
.detail .detailInfo .commonlyWithVAT .withoutVATLabel{font-size: 9px !important; font-weight: normal !important}
.detail .detailInfo .amount {float: left} 
.detail .detailInfo .amount span {position: relative; right: 34px;font-size: 12px;  padding-left: 8px; font-weight: bold; color: #016696}
.detail .detailInfo .amount strong {position: relative; right: 65px; top: 5px; width: 55px;  float: right}
.detail .detailInfo .amount strong span {position: relative; right: 0; top: 2px; float: left; width: 20px; padding: 0 3px; font-size: 12px; font-weight: normal}
.detail .detailInfo .amount .input_button {position: relative; top: -3px; ?top: -2px; _top: -2px; left: 143px}
.detail .detailInfo .priceWithVAT {padding: 9px 0 8px 0; font-size: 14px; background: #fafafa }
.detail .detailInfo .priceWithVAT strong {font-weight: bold}
.detail .detailInfo .commonlyWithVAT {}
.detail .detailInfo .commonlyWithVAT strong b {text-decoration: line-through}
.detail .detailImg {width: 307px; margin: 0 0 8px 17px; _margin:0 12px 0 9px; float: left; text-align: center}
.detail .detailImgIn {float: left; width: 307px; text-align: center}
.detail .detailImgIn .diEx {float: left; position: relative}
.detail .detailImgIn a {}
.detail .detailVariImg {width: 307px; display: block; margin-top: 5px; float: left} 
.detail .detailVariImgIn {position: relative; left: 30px; width: 86px; height: 55px; float: left; margin-bottom: 9px}
.detail .variImgSep{position: relative; top: 15px; width: 9px; height: 24px; display: block; float: left; background: #f5f5f5}
.detail .detailVariImg .dvEx {width: 75px; height: 55px; float: left; border: 1px solid #ebedee}
.detail .detailVariImg .dvEx a {float: left; width: 75px; height: 55px;}
.detail .detailVariImg .dvEx a img {float: left; width: 75px; height: 55px;}
.detail .sendPrint {height: 54px; width: 100%; margin: 0; float: left}
.detail .sendPrint ul {position: relative; top: 9px; float: left; display: inline; margin: 0 0 0 49px; padding: 0; list-style: none}
.detail .sendPrint ul li {float: left}
.detail .sendPrint ul li a {height: 22px; float: left; margin: 0 0 3px 0; padding: 7px 0 0 28px;  color: #f17613} 
.detail .sendPrint ul li .spEx1 {background: url(/img/bg-spEx1.gif) no-repeat 5px center ; margin-left: 9px}
.detail .sendPrint ul li .spEx2 {background: url(/img/bg-spEx2.gif) no-repeat left}

.detail .panels {position: relative; width: 527px; top: 0; left: 0; display: block; margin: 30px 0 0 20px; _margin-left: 13px; float: left; display: block;}
.detail .panels .detailTab {float: left; display: block}
.detail .panels .detailTab .tabPane{height: 27px; width: 514px; padding: 0; margin: 0 0 0 6px; _margin: 0 0 0 3px; float: left; list-style: none; border-bottom: 4px solid #428db1}
.detail .panels .detailTab .activ1 {background: url(/img/bg-detailTab_activ1.gif) no-repeat left}
.detail .panels .detailTab .activ2 {background: url(/img/bg-detailTab_activ2.gif) no-repeat left}
.detail .panels .detailTab .activ3 {background: url(/img/bg-detailTab_activ3.gif) no-repeat left}
.detail .panels .detailTab .tabPane li {padding: 0; margin: 0; float: left; text-align: center}
.detail .panels .detailTab .tabPane li a{float: left;font-weight: bold; color: #FFF; cursor: pointer !important}
.detail .panels .detailTab .tabPane li a:hover {text-decoration: none}
.detail .panels .detailTab .tabPane span {padding-top: 4px;font-weight: bold; color: #FFF; float: left; line-height: 23px}
.detail .panels .detailTab .tabPane .se {padding-top: 2px !important; line-height: 26px} 
.detail .panels .detailTab .tabPane .id1 {width: 181px}
.detail .panels .detailTab .tabPane .id2 {width: 156px}
.detail .panels .detailTab .tabPane .id3 {width: 176px}

.detail .panels .bc2 {width: 490px; padding: 10px 10px 23px 21px; float: left; color: #016696; border-top: 1px solid #f7f7f7; background: url(/img/bg-column2In.gif) repeat-y left}
.detail .panels .bc2 a {color: #f17613; text-decoration: underline}
.detail .panels .bc2 a:hover {text-decoration: none}
.detail .panels .bc2 ul {float: left; display: block}
.detail .panels .bc2 ul li {display: block} 

.detail .roll{height: 110px; width: 499px; padding: 15px 0; float: left; overflow: auto;}

.detail .freetext {height:125px; width: 100%; padding: 15px 0; float: left}
.detail .freetext-t {margin-bottom: 5px; padding: 9px 0 4px 4px; display: block; color: #76c339; background: url(/img/bg-detail_freetext-t.gif) no-repeat bottom} 
.detail .freetext div {}

.detail .detailLinks {height:125px; padding: 15px 0;}
.detail .detailLinks p {padding: 9px 0 4px 0; display: block; font-weight: bold; color: #363c3e}
.detail .detailLinks ul {margin: 0px 5px 5px 0px; padding: 0; list-style-type: none}
.detail .detailLinks ul li a {margin-bottom: 5px; padding: 2px 0 2px 21px; display: block; text-decoration: underline; color: #282828; background: url(/img/bg-detailLinks_ul_li_a.gif) no-repeat}
.detail .detailLinks ul li a:hover {text-decoration: none} 

.detail .detailParam {height:125px; float: left; padding: 15px 0; border-top: 2px solid #FFF}
.detail .detailParam div {margin-bottom: 6px; padding: 9px 0 4px 6px; display: block; font-size: 12px; font-weight: bold; background: url(/img/bg-detail_title.gif) no-repeat bottom}
.detail .detailParam div td {padding-right:5px}

.detail .detailParam p {padding: 0 0 5px 0px; float: left; background: url(/img/bg-sendPrintIn_p.gif) no-repeat 9px 5px}
.detail .detailParam p strong {width: 355px; float: right}
.detail .detailParam p strong select {width: 200px} 
 
/**************************** === USER.baskethoverbox === *****************************************/
#basketHoverBox {position: absolute; left: 330px !important; padding: 0; z-index: 9; width: 367px; display: none; background: #056fa3; border: 3px solid #FFF}
#basketHoverBox .title{width: 350px; height: 28px; float: left; text-align: center; border-bottom: 1px solid #81c3e4; background: url(/img/bg-hoverBoxTitle.gif) no-repeat left !important }
#basketHoverBox .closeBTX {width: 17px; height: 28px; float: left; border-bottom: 1px solid #81c3e4; background: url(/img/bg-hoverBoxTitle.gif) no-repeat right!important;}
#basketHoverBox .closeBTX a{width: 14px; height: 13px; margin-top: 3px; float: left; display: block}
#basketHoverBox p {position: relative; top: 6px;margin-bottom: 10px; padding-left: 8px; font-size: 13px; font-weight:normal; color: #FFF}
#basketHoverBox p strong{font-weight: normal; }
#basketHoverBox .hoverBoxWoutTitle p {font-weight: bold; top: 0px; }
#basketHoverBox .hoverBoxWoutTitle p strong {color:#F77F15; font-weight: bold; }
#basketHoverBox .hoverBoxWoutTitle {width: 367px; float: left; background: url(/img/bg-hoverBoxIn.gif) repeat-x top !important}
#basketInfoId {width:95% !important;}
#basketHoverBox .item {width: 295px; padding: 16px 0 0 33px; color: #FFF}
#basketHoverBox .item .label {width: 85px; float: left; font-size: 11px; font-weight: normal !important}
#basketHoverBox .item .name {font-size: 12px; font-weight: bold}
#basketHoverBox .item .count{padding-top: 5px; font-size: 12px; font-weight: bold}
#basketHoverBox .item .price{padding-top: 5px; font-size: 12px; font-weight: bold}
#basketHoverBox .item .price .postfixText{font-size: 11px; font-weight: normal !important}
#basketHoverBox .closewindow {float: left; width:100%; margin-top: 0px; padding: 9px 0; width:100%;}
#basketHoverBox .hoverBoxWoutTitle p {float: left; width:100%}
#basketHoverBox .hoverBoxWoutTitle p a {width: 140px; color:#F77F15; font-weight:bold; text-decoration:underline;}
#basketHoverBox .btShowBasket{position: relative; left: 88px}
#basketHoverBox .btCloseBasket{position: relative; left: 88px}

/********************************* === COMMODITYLIST.alternative === ******************************/
#title_alternative_1 {background: url(/img/1/title_alternative.gif) no-repeat !important}
.comLAlternative {margin-bottom: 15px}
.comLAlternative .line {width: 100%; float: left; background: url(/img/bg-comLRecommended_line.gif) no-repeat bottom}
.comLAlternative .line.last {background: none} 
.comLAlternative .product {width: 183px; padding: 8px 0 10px 0; float: left; text-align: center}
.comLAlternative .product h3 a {height: 15px; display: block; overflow: hidden; font-size: 12px; color: #76c339}
.comLAlternative .productImg {height: 150px; width: 135px; margin: auto; overflow: hidden} 
.comLAlternative .productPrice {font-size: 12px; font-weight: bold; color: #fda300}

/******************* === USER.Order === ***********************************************************/
#title_order_1 {display: none !important; background: url(/img/1/title_order.gif) no-repeat}
.orderPage {padding: 0 0 150px 0; float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.finishOrder{padding: 56px 0 150px 0; float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.orderTab {height: 27px; width: 536px; padding: 0; margin: 0 0 0 15px; _margin:0 0 0 7px; list-style: none; float: left;  border-bottom: 4px solid #428db1}
.finishOrder .orderTab {height: 26px !important}
.tab1 {background: url(/img/bg-orderStep1.gif) no-repeat top left}
.tab2 {background: url(/img/bg-orderStep2.gif) no-repeat top left}
.tab3 {background: url(/img/bg-orderStep3.gif) no-repeat top left}
.tab4 {background: url(/img/bg-orderStep4.gif) no-repeat top left}

.OrderMinPriceInfo {width:536px; float:left; margin:0px 0px 0px 17px; padding:0px; font-size:12px; text-align:left;}
.OrderMinPriceInfo p {width:100%; float:left; margin:5px 0px; font-weight:bold;}
.OrderMinPriceInfo p strong {color:#F17613}
.OrderMinPriceInfo p a {color:#F17613}

.OrderMinPriceInfoText {width:100%; float:left; margin:20px 0px 0px 17px; padding:0px; font-size:12px; text-align:left;}
.OrderMinPriceInfoText p {width:100%;  float:left; margin:5px 0px; padding:5px;  font-weight:bold;}
.OrderMinPriceInfoText p strong {color:#F17613}
.OrderMinPriceInfoText p a {color:#F17613}




.orderTab li {float: left; margin: 0; padding: 0; text-align: center}
.orderTab li .sp1 {width: 125px; margin-left: 18px;}
.orderTab li .sp2 {width: 124px; margin-left: 21px;}
.orderTab li .sp3 {width: 101px; margin-left: 21px;}
.orderTab li .sp4 {width: 103px; margin-left: 21px;}

.orderTab a { font-weight: bold; color: #FFF; cursor: pointer !important}
.orderTab li span{float: left; line-height: 22px; padding-top: 5px; text-align: center; font-weight: bold; color: #FFF}
.orderTab a:hover{text-decoration:none}
 
.orderTab .selected span {line-height: 27px !important; padding-top: 0 }

.order .orderItems {width: 536px; margin-left: 15px; _margin-left: 7px; float: left}
.order td img {vertical-align: middle !important}
.order thead tr td {height: 21px;  font-size: 10px !important; font-weight: normal !important; color: #ababab !important; border-bottom: 1px solid #d5e6ee}
.order tbody tr td{border-bottom: 2px solid #fff}
.order tbody tr { vertical-align: top; background: url(/img/bg-orderItems_tr.gif) no-repeat 0 0 #f3f3f3; }
.order tbody tr td{margin: 0; padding-top: 8px;}
.order tbody tr .amount {}
.order .code {width: 65px; padding: 0 5px; text-align: center; color: #999999}
.order .name {width: 197px; text-align: left}
.order .name a {padding: 2px 0; display: block; font-weight: bold; color: #686868}
/*.order .name .comment {XXXdisplay: xnone}*/
.order thead .name {padding-left: 35px} 
.order tbody .name {padding-bottom: 5px}
.order thead .amount {text-align: center}
.order .amount {width: 84px}

.order .amount .input_text {width: 22px; height: 15px; padding-top: 1px; text-align: center; color: #000; border: 1px solid #d1d1d1}
.order .price {width: 99px; padding-right: 5px; text-align: right; color: #6b6b6b}
.order thead .price{padding-right: 16px}
.order .price small {font-size: 11px}
.order .sum {font-weight: bold; width: 92px; text-align: right; color: #ed7b00; padding-right: 16px}
.order thead .sum {text-align: center; padding-right: 0} 
.order .price .currency {font-weight: bold; font-size: 11px;}
.order tfoot td.quick {padding-top:5px; border-top:solid 1px #006644}

.suma { height: 65px;  width: 536px; margin: 0 0 19px 15px; _margin-left: 7px; float: left; background: url(/img/bg-suma.gif) no-repeat}
.suma span {width: 455px; padding: 22px 0 0 65px; float: left; font-size: 12px; font-weight: bold; color: #f17613}
.suma span strong {float: right; font-size: 12px; color: #f17613; font-weight: bold;}
.suma a {display: none !important; position: relative; top: 10px; left: 12px; height: 18px; width: 114px; display: block; text-decoration: underline;color: #3B3B3B; background: url(/img/1/DECclearB_dark.gif) no-repeat left center}
.suma a:hover {text-decoration: none}
.some_stuff {width: 536px; margin: 40px 0 0 15px; text-align: center;  }
.some_stuff img {cursor: pointer !important}

.tax {width: 536px; float: left; margin-left: 15px; _margin-left: 7px}
.tax thead{height: 16px}
.tax thead tr td{padding-right: 8px; color: #ababab; font-size: 10px; border-bottom: 1px solid #d5e6ee}
.tax tbody tr td{height: 37px; color: #686868; border-bottom: 1px solid #d5e6ee}
.tax .taxRate {width: 237px; padding-left: 17px}
.tax tbody tr .taxRate{font-weight: bold}
.tax .price1 {width: 83px; text-align: right}
.tax .price2 {width: 100px; text-align: right}
.tax .price3 {width: 115px; text-align: right}
.tax tbody .price3 {color: #016696}
.tax tfoot tr {height: 58px; background: url(/img/bt-tax_tfoot.gif) no-repeat}
.tax tfoot .taxRate{font-weight: bold}
.tax tfoot .price3{font-weight: bold; font-size: 12px; color: #016696}

.order .input_text.coupon {margin-left:15px; height: 15px; padding-top:1px; border: 1px solid #d1d1d1}
.discount { padding-left:20px; margin-top:10px; width:90%;}

.orderBT {margin-top: 10px; text-align: center}
.orderBT a {margin-right: 10px}

.page_order .information {position: relative; width: 500px; left: 5px; color: #717169;}
#usrInfo .secLabel {width: 523px; margin: 0 0 10px 22px; padding: 10px 0 5px 0; float: left; color:#f17613; font-size: 11px; font-weight: bold; display: block;  border-bottom: 1px solid #f17613}
#usrInfo .requiredText {width: 523px; margin-left: 22px; padding: 5px 0 0 0; text-align: center}
#usrInfo .userdatabox {position: relative; left: 30px}
#usrInfo .some_stuff {margin-top: 10px; float: left}
#usrInfo .some_stuff input {position: relative; top: -7px}
#usrInfo .information {float: left; margin-left: 14px; _margin-left: 7px}

#deliveryAndPayment {float: left; padding: 0; margin: 0}
#deliveryAndPayment .secLabel {width: 536px; float: left; padding: 16px 0 0px 24px; _padding-top: 0px; margin: 0; color:#9a9a9a; font-size: 9px;}
#deliveryAndPayment .ordTable1 {width: 533px; margin: 17px 0 0 13px; _margin-left: 6px; float: left;  padding: 0 7px 0 0; background: url(/img/bg-delivery.gif) no-repeat 0 15px}
#deliveryAndPayment .ordTable2 {width: 533px; margin:0 0 0 13px; _margin-left: 6px; float: left;  padding: 0 7px 0 0; background: url(/img/bg-delivery.gif) no-repeat 0 0px}
#deliveryAndPayment .ordermethod {float: left; margin: 0 0 0 13px; _margin-left: 6px; padding: 0}
#deliveryAndPayment .ordermethod table {width: 521px; float: left; padding: 0; margin:0}
#deliveryAndPayment .ordermethod thead {float: left; color:#9a9a9a; font-size: 9px; padding: 0; margin:0}
#deliveryAndPayment .ordermethod thead .name{text-align: left; width: 244px}
#deliveryAndPayment .ordermethod thead .text{padding-left: 60px; text-align: left; width: 152px;}
#deliveryAndPayment .ordermethod thead .price{width: 57px;}
#deliveryAndPayment .ordTable1 .ordermethod tbody tr td { border-bottom: 1px solid #e8e8e8}
#deliveryAndPayment .ordermethod tbody {float: left}
#deliveryAndPayment .ordermethod tbody tr .last{border: none !important}
#deliveryAndPayment .ordermethod tbody .name{width: 244px}
#deliveryAndPayment .ordermethod tbody label{font-weight: bold; color: #006595}
#deliveryAndPayment .ordermethod tbody .price{width: 57px; color: #006595; text-align: right}
#deliveryAndPayment .ordermethod tbody .price div{width: 57px; color: #006595; text-align: center !important }
#deliveryAndPayment .ordermethod tbody .text{width: 152px; padding-left: 60px; font-size: 9px; color: #939393; text-align: left}
#deliveryAndPayment .orderAnyText {margin-left: 21px; border: 1px solid #d5d5d5}
#deliveryAndPayment .ordTable1 div {_display: none}
#deliveryAndPayment .ordTable2 div {_display: none}

#OrderForm {color: #006644}
#OrderForm p {color:#7C7E7C}
#OrderForm .input_text {width: 138px; color:#000; overflow: hidden; border: 1px solid #d5d5d5}
#OrderForm .disabled_input {border: 1px solid #d5d5d5; background: #F5F5F5 !important}
#OrderForm .requiredText {margin: 10px 0;color: #7C7E7C}
#OrderForm .required {color: #006644}
#OrderForm .userdatabox {float: left; text-align: left; width:81%; ?width:80%; margin-top: 5px; color: #717169}
#OrderForm .userdatabox .rName{width: 150px;}
#OrderForm .userdatabox label {color: #717169; padding: 0px;}
#OrderForm .userdatabox td {padding: 0 0px 0 0; width:160px;  height:25px; color: #717169}
#OrderForm .userdatabox td span{color: #00ccff; font-weight: bold; font-size: 11px;}
#OrderForm .userdatabox th {padding: 0px; white-space: nowrap;font-weight: normal; height:25px; text-align: right;}
#OrderForm .userdatabox th.required {}
#OrderForm .userdatabox .bankaccount {width: 72px; float: left; padding:0; margin: 0}
#OrderForm .userdatabox .bankcode {width: 30px; float: left;padding:0; margin: 0}
#OrderForm .userdatabox #label_sBankCode_0 {width: 5px;float: left; padding:0; margin: 0}
#OrderForm .deliveryAddress {margin-left:25px; text-align: left; }
#OrderForm .deliveryAddress .userdatabox {margin-left:0; width:81%; ?width:80%}
#OrderForm .deliveryAddress .userdatabox th{width:100px !important; }
#OrderForm .deliveryAddress .userdatabox td{}
#OrderForm #bNews {height: 12px; width: 12px}

#OrderForm #YourInternalOrderNumber { margin-left:25px; margin-right:7px; }
#OrderForm #YourFidelityNumber { margin-left:25px; margin-right:7px; }
#OrderForm .some_stuff {margin: 15px auto 0px; text-align: center; }
.some_stuff2 { padding-top: 10px; }
.some_stuff3 {padding-top: 5px;}
.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;}

/******************************** === USER.ExecutedOrdersList === *********************************/
#title_user_executed_orderlist_1{display:none !important; background: url(/img/1/title_user_executed_orders.gif) no-repeat }
#title_user_executed_orderdetail_1 {display:none !important; background: url(/img/1/title_user_executed_orders_detail.gif) no-repeat }
#title_user_noexecuted_orderlist_1 {display:none !important; background: url(/img/1/title_user_executed_orders_detail.gif) no-repeat }
.orderList {float: left; padding-left: 10px; background: url(/img/bg-column2In.gif) repeat-y left}
.orderList .marginTop {margin-top: 15px}
.orderList .buttons {width: 542px; margin: auto auto; padding-bottom: 80px; float: left; text-align: center}
.data_sorting {float: left; background: url(/img/bg-column2In.gif) repeat-y left; width:545px; padding:5px 5px 5px 10px;margin: 0px 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 {?position: relative; ?top: -2px; float: left; margin-right:3px; margin-top:7px;_margin-top:9px; ?margin-top:10px;}
.data_sorting .unexecutedorders {?position: relative; ?top: -2px; float: left; margin-right:3px; margin-top:7px;_margin-top:9px; ?margin-top:10px;}
.data_sorting .btZobraz1 {position: relative; left: 5px; ?left: 8px}
.data_sorting .input_text {width:6em; text-align: center; font-weight: bold; margin-right:4px; padding:3px ;overflow: hidden;color: #686868; border: 1px solid #d5d5d5}
.data_sorting caption {display:none}
.data_sorting table {width:100%;text-align:left;margin:5px auto 5px auto;}
.data_sorting label {color: #686868}
.ordertbl {float: left; width: 535px; margin-top:15px;}
.ordertbl caption {margin-top:20px;font-weight:bold}
.ordertbl td {padding:3px; }
.ordertbl thead { color:#686868; border-bottom:2px solid #686868}
.ordertbl thead td {background:#FFF; border-top:1px #6868688 solid}
.ordertbl thead td.Code {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; color:#686868;}
.ordertbl tfoot strong {font-weight:bold; color:#686868;}
.execute {width: 340px;}

.vatSum { width: 465px; margin: 15px auto 35px auto; ?margin-left: 33px}
.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 #a4a4a4}
.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}

.legend {width: 465px;float: left; text-align: left !important}
.state_table {margin:5px 10px; float: left}
.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; }

.execOrdDet{float: left; text-align: center; padding-left: 10px; background: url(/img/bg-column2In.gif) repeat-y left;}
.execOrdDet .buttons {width: 542px; margin: auto auto; padding-bottom: 80px; float: left; text-align: center}
.orderDetail {float: left;  margin-top:10px;}
.orderDetail .orderDetailItem {text-align: left; display: block; 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 {display: none !important; background: url(/img/1/title_registrace.gif) no-repeat}
#title_user_data_1 {display: none !important; background: url(/img/1/title_user_data.gif) no-repeat}

.page_userdata {margin-top: 36px}
.regArrowed {float: left}
.registration {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.registration .information {width: 501px}
.registration .title {margin-top: 18px; display: block}
.registration .requiredText {margin-top: 11px; text-align: center}
.registration .secLabel {margin: 15px 0 5px 18px; padding: 0 0 3px 5px; width: 518px; font-size: 12px; font-weight: bold; color: #f17613; border-bottom: 1px solid #f17613}
.registration table {width: 100%; float: left;}
.registration table tr td {height: 24px}
.registration table .rName {width: 92px; padding-right: 7px; text-align: right}
.registration table .rIsert {width: 145px}
.registration table .rName1 {width: 94px; padding-right: 4px; text-align: right}
.registration table .input_text {height: 16px; width: 118px; padding: 2px 0 0 4px; border: 1px solid #a4a4a4}
.registration table select {width: 125px}
.registration table .bankaccount {width: 72px}
.registration table .bankcode {width: 30px}
.registration table .news {width:12px; margin:0}
.registration .buttons {width: 518px; margin-left: 14px; _margin-left: 7px; padding-bottom: 50px; text-align: center; }
.registration label { font-size: 12px; color: #717169}
.registration .req_char{font-weight: bold; font-size: 12px; color: #00ccff}
.registration .userdetail tfoot {display: none !important}
.registration .userdetail2 {position: relative; left: 10px}

/*********************************
 === 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 ===
***************************/
.pageProd {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.producerBasicInfo { margin:5px 14px 5px 10px; _margin: 5px 7px 5px 5px; padding-top:8px; float: left; }
.producerBasicInfo .sec_img { margin-right:7px; padding: 2px;  float: left; border:solid 2px #ECEFED; }
.producerBasicInfo .sec_info {margin-left: 14px; _margin-left: 7px}
.producerBasicInfo .sec_info b {font-size: 14px; color: #016696;font-weight:bold; }
.producerBasicInfo .sec_info h1 {font-size: 14px; color: #016696;font-weight:bold; }
.producerBasicInfo .sec_info a {font-weight: bold; color: #016696; text-decoration: underline;}
.producerBasicInfo .freetext {}

/**********************
 === USER.loginform ===
***********************/
#title_login_1 {display: none !important; background: url(/img/1/title_login.gif) no-repeat !important}

.page_myaccount {margin-top: 36px}
.loginPage{float: left; width: 538px; padding-top: 10px; background: url(/img/bg-column2In.gif) repeat-y left}

.loginform  {position: relative; left: 91px; width: 376px; margin: 17px auto; padding: 0px 0 15px 0px; float: left; text-align: center; }
.loginform span {height: 28px; width: 367px; float: left; line-height: 28px; display: block; font-size: 13px; color: #FFF; border-bottom: 1px solid #81c3e4; background: url(/img/bg-loginFormLabel.gif) no-repeat}
.loginform form {height: 118px; width: 367px; font-family: Tahoma; float: left; background: url(/img/bg-loginForm.gif) repeat-x 0 0}
.loginform form a {position: relative; right: 25px; color: #fff602; font-size: 11px; font-weight: normal; text-decoration: underline}
.loginform form a:hover {text-decoration: none}

.loginform table {width: 100%; margin: 10px auto 5px auto; text-align: left}
.loginform table th {width: 92px;  text-align: right; font-weight: normal; white-space: nowrap; margin-right: 4px; }
.loginform table th label {color: #efefef; font-size: 10px}
.loginform table td{width: 145px}
.loginform table .input_text{width: 137px; border: 1px solid #a2a2a2}

.loginform .information {font-family: Arial; font-size: 11px; color: #016696; background: #FFF; border: none} 
.loginform .information a {color: #016696; text-decoration: underline}
.loginform .information a:hover {text-decoration: none}

/**********************
 === USER.lostpass ===
**********************/
#title_lostpass_1 {display: none !important; background: url(/img/1/title_lostpass.gif) no-repeat}
.page_lostpass {padding-top: 36px}
.page_lostpass .bottomSep{position: relative; top: -6px}
.lostPassBox { background: url(/img/bg-column2In.gif) repeat-y left; float: left;}
.lostPass {margin:25px auto 5px;  width:450px;}
.lostPass b.email {font-style: normal;}
.page_lostpass .input_text {height: 16px; width: 127px; padding: 3px 0 0 5px; }
.lostPass .information {background: #FFF !important; border: #FFF !important; padding: 20px 0 0 0 ; margin: 0; ?padding: 0; ?margin: 0; _pading:0; _margin:0}
.lostPass .information label{color:#9a9a9a}
.lostPass .information p {color: #9a9a9a}

/********************************
 === COMMODITYLIST.Search ===
********************************/
#title_search_result_1 {display: none !important; background: url(/img/1/title_search_result.gif) no-repeat }
.searchResult {padding-bottom: 80px; float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.searchResult .information {width: 500px}
.page_search .searchWord {font-weight: bold;padding: 0 5px }
.page_search .notFound {}
.page_search .listorcat {display: none;}
/*************************************
 === COMMODITYLLIST.searchAdvanced ===
**************************************/
#title_advancesearch_cat_1 {display: none!important; background: url(/img/1/title_advsearch_cat.gif) no-repeat}
.advSearchCat {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.advSearchCat .information {width: 500px}
.advSearchCat .buttons {width: 549px; padding-bottom: 80px; text-align: center}
.advSearchCat input {border: 1px solid #d5d5d5; color: #a3a3a3}

/* === SELECT CATEGORY === */
#title_advancesearch_result_1 {display: none!important; background: url(/img/1/title_advsearch_result.gif) no-repeat}
/* === SET PARAMETERS === */
#title_advancesearch_params_1 {display: none!important; background: url(/img/1/title_advsearch_params.gif) no-repeat}
.advSearchSelPar {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.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:60px!important; float: none;}
.page_advancedsearch .paramList .parprice .unit {float:none!important;}
.page_advancedsearch .paramList .param div {float: left; margin-right:15px;}
.page_advancedsearch .paramList .producerParam div { width: 150px; padding-right: 5px; display: block; white-space: nowrap; margin-right: 0}
.page_advancedsearch .paramList .producerParam div input {}
.page_advancedsearch .paramList .producerParam div label{ margin-left: 5px; margin-right: 15px}
.page_advancedsearch .paramList .param strong {white-space: nowrap; padding-top: 4px; font-weight: normal !important; width: 310px; float: left; display: block}
.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 {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:200px;}
.page_advancedsearch .buttons {width: 520px; margin-left: 14px; _margin-left: 7px; padding-bottom: 80px; float: left; text-align: center;  }


/***************************
 === PRODUCER.imagelist ===
***************************/
#title_producerImageList_1 {display: none !important; background: url(/img/1/producerList.gif) no-repeat;}
.producerinfo{float: left; height: 90px; }
.prodList {padding-bottom: 80px; float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.producerImageList{margin-left:5px; padding-left:14px; margin-top:10px; border:solid 0px red;float:left;}
.producerImageList .producerinfo a{width:150px;  margin-right:25px; margin-bottom:20px; float:left; text-align:center; color: #016696; cursor: pointer !important}
.producerImageList .producerinfo img {float: left}
.producerImageList .producerinfo a div {width: 150px; float: left; font-weight: bold; text-align: center; color: #016696}

/***************************
 === commoditybody_detailsend.xslt ===
***************************/
.detailSendPage {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.classic{float: left; margin-left: 14px; _margin-left: 7px}
.classic th{text-align:right;}
.classic label {color: #686868}
.detailSendPage .buttons {width: 500px; padding-bottom: 60px; float: left; margin-left: 14px; _margin-left: 7px; text-align: center}

/*****************************
=== publish.sitemap.xslt ====
*****************************/

.siteMap {float: left; background: url(/img/bg-column2In.gif) repeat-y left}
.siteMap .siteMapIn {float: left; margin-left: 34px; _margin-left: 17px}
.siteMap .siteMapIn strong {color: #F11328}
.siteMap .siteMapIn ul li {}
.siteMap .siteMapIn ul li a {color: #016696 }
.siteMap .siteMapIn ul li a:hover {color: #F17613}
.siteMap .infolinks {}
.siteMap .infolinks li {float: left}
.siteMap .infolinks li a {float: left; color: #000 !important}
/*********************
 === 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 {display: none !important; background: url(/img/1/title_related.gif) no-repeat}

#column2 .related {background: url(/img/bg-column2In.gif) repeat-y left}
.related {width: 100%; float: left}
.related .line {width: 100%;margin-left: 30px; _margin-left: 18px; float: left; display: block}
.related .first {padding-top: 10px}
.related .line .lineIn .last { width: 157px}  
.related .line .first {}
.related .lineInName {width: 485px; height: 100%; float: left; display: block; background: url(/img/bg-prodBox3aName.gif) repeat-x 0 0 #63b1ca}
.related .productName {width: 161px;height: 100%; padding: 0; display: block; float: left; text-align: center}
.related .productBody {width: 162px; padding: 0px 0 10px 0; float: left; text-align: center; background: url(/img/bg-productIn.gif) no-repeat bottom}
.related .productName .name {width: 158px; float: left; display: block; text-align: center !important; cursor: pointer !important; }
.related .line .lineIn .last .name{ width: 156px}
.related .productName .name h3 {display: block; margin: 3px 5px; font-weight: bold; font-size: 12px; color: #FFF; }
.related .productName .name:hover{text-decoration: none}
.related .productBody .prodBoxIn { float: left; padding: 2px 0; background: url(/img/bg-verSepAction.gif) repeat-y right}
.related .line .lineInBody .last .prodBoxIn {background: none !important}
.related .productImg a img{width: 153px; margin: 2px auto; float: left; display: block; overflow: hidden} 
.related .productPrice {float: left; width: 157px; text-align: center; font-size: 16px; font-weight: bold; color: #f17613}
.related .productPrice strong {display: block;  font-size: 16px; font-weight: bold; 11px; color:#f17613} 
.related .productPrice span {display: block; font-size: 11px; color: #a1a1a1}

/***************************** 
 === emailNews.register ===
 ****************************/
#title_news_reg_1 {display: none !important; background: url(/img/1/title_news_reg.gif) no-repeat; color:White !important;}
.regMail {background: url(/img/bg-column2In.gif) repeat-y left}
.regMail .freetext {float: left; margin-left: 14px; _margin-left: 7px}
.regMail .freetext p{float: left}

/* ------------ Footer -----------------------------------------------------------------------------------------------------------------*/
#containerFooter .iconSC {height: 28px; width: 155px; margin: 20px 20px 0 0; _margin-right: 10px; display: block; float: right; background: url(/img/iconSC.gif) no-repeat}
#containerFooter .footerText {width: 549px; height: 74px; float: left; text-align: left; color: #fff; background: url(/img/footerSeparator.gif) no-repeat right} 
#containerFooter .footerText div {position: relative; top: 19px; left: 12px; color: #b6ddec}
#containerFooter .footerText div span {margin-bottom: 4px; display: block; font-weight: bold}
#containerFooter .footerText div a {text-decoration: underline; color: #b6ddec}
#containerFooter .footerText div a:hover {text-decoration: none}
#containerFooter .footerLogo{height: 74px; width: 224px; padding: 0; float: left; background: url(/img/footerSeparator.gif) no-repeat right}
#containerFooter .footerLogo img{margin: 16px 0 0 41px;}

/****************************
 === 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;}
.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; _margin-top: 0; 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;padding:10px;margin:10px auto 0 auto;text-align:center;width:90%;}
.information p {margin:5px}
.information a {font-weight:bold; color: #93BA0C;}
.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 {float: left;padding: 10px 0 90px 0; display: block; margin-top:5px;}
.arrowed {padding-left:10px;}
.arrowed a {padding: 5px 0 2px 36px; width: 100%; display: block; text-decoration: none; font-weight: bold; color: #076b99; background: url(/img/bg-infobox_li_a.gif) no-repeat 21px 9px}
.arrowed a:hover{text-decoration: underline}

.arrowedMenu ul {width: 100%; display: block; margin:0; padding: 0 0 0 25px; list-style: none}
.arrowedMenu ul a {padding: 5px 0 2px 46px; width: 100%; display: block; text-decoration: none; font-weight: bold; color: #076b99; background: url(/img/bg-infobox_li_a.gif) no-repeat 30px 9px}
.arrowedMenu ul a:hover{text-decoration: underline}
/*  clona   */
#clona {background-image:url(/img/logoGrey.gif); 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-image:url(/img/logoGrey.gif);}
#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 2px 2px 1px; border-color:#f2831f #816449 #816449 #f2831f; position:relative; top:50px}
#modalIframe, #clona1 {-moz-box-sizing: border-box; box-sizing: border-box;}
#modalIframeBody {height:100% !important;overflow:hidden;background-color:#e7e7e7;margin:0;padding:25px 0px 29px 0px;_padding-bottom:29px;*width:100% !important;}
.modalContent {background:green;border-left:solid #fff 2px; border-right:solid #fff 0; 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:red;}
#footerContainer {height:29px; left:0;  bottom:0px; position:absolute; width:100%}
#footerContainer2 {height:29px; left:0;  bottom:0px; position:absolute; width:100%}

.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_Active { 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}