/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Tahoma; font-size: 11px; color: #8daca8; background: #1f2127}

#wrap{background:url(/img/bg-containerHeader.jpg) no-repeat center top;margin-top:1px}

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

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

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

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

.clear { clear:both; }
.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; margin-top:10px; float:left}
.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 --- */
.prologue{margin-bottom:10px;text-align:center;}
.prologue p{text-align:center;}
.prologue .freetext{font-size:13px; color:#8DACA8; line-height:130%}
 
.freetext { margin:5px; color:#7C7E7C }
.freetext p { margin:5px 0; }
.information.freetext { margin:10px auto 0 auto; text-align:left; }

.info {position: absolute; top: 5px; right: 4px; padding: 2px 0 2px 11px; display: block; font-size: 12px; color: #434343; background: url(/img/SEPcontainerHeader.gif) no-repeat left}
.information {clear:both; background:url(/img/bg-information.gif) bottom; font-weight:bold; color:#b7cecb; line-height:130%; width:430px;padding:10px;margin:0 auto 0 auto;text-align:center;width:490px;;}
.information p {margin:5px; line-height:140%}
.information a {font-weight:normal; color: #fc5700;}
.information.alert {font-weight: bold}
.information.result {;}
.information table {width: 100%;}
.information table th {text-align:right; width: 50%}
.information table td {text-align:left; width: 50%}

/* LI seznam */
.arrowedMenu {margin:10px 0 0 10px}
.arrowed { background:url(/img/bg-activNM.gif) left center no-repeat; padding-left:10px; margin-bottom:2px}

.arrowedMenu UL{margin:7px 30px; padding:0}
.arrowedMenu LI{color:#fff; margin:2px 0; padding:0; font-weight:bold}
.arrowed a {color:#fc5700;}


#page404{color:#eee; font-size:14px;text-align:center;}
#page404 H1{padding: 2px 3px 5px 2px; font-size: 14px; margin-bottom:5px !important; font-weight:bold; font-family:tahoma; color: #fc5700;
background:url(/img/bg-orangeline.gif) repeat-x bottom;}
#page404 P{margin:20px 0 0 0}



/* ----------  Definice kostry  -------------------------------------------------------------------------------------------------- */
#containerBgBody {position: relative;  margin: auto;   background: #FFF;}
#containerHeader {position: relative; z-index: 1; margin: auto; width: 960px; height: 210px; }
#containerBody {position: relative; padding-bottom: 20px;margin: auto; width: 960px}
#column1 {position: relative; top: 0; left: -519px; width: 206px; float: left;}
#column2 {position: relative; top: 25px; left: 228px; width: 525px; height: auto; float: left; overflow: hidden; }
#column3 {position: relative; top: 0px; left: 36px; width: 192px; float: left; }


#containerFooter {margin-top:10px; position: relative; height: 175px; text-align:center;
margin: auto; padding: 0;  font-size: 11px; color: #FFF; background:url(/img/bg-containerFooterX.gif) repeat-x; } 

#containerFooterIn{margin:0 auto; width:980px; position:relative; background:url(/img/bg-containerFooter.gif) no-repeat;  height: 175px;}
#containerFooter .iconSC {height: 25px;  width: 153px; position:absolute; top:54px; left:40px; background:url(/img/bg-footerlogo.gif) no-repeat; display: block;}
#containerFooter P{margin:10px;}
#footerTxt {position:absolute; top:49px; left:205px; display: block; line-height:150%;  text-align: left; color: #9fb7b5} 

#footerTxt a {text-decoration:underline; color: #9fb7b5}


/* ----------  containerHeader --------------------------------------------------------------------------------------------------- */

#containerHeader h1 {display: none}

.logo {position: absolute; top: 31px; left: 0; height: 130px; width: 214px; display: block}

.userInfo {position: absolute; top: 8px; right: 265px; margin: 0; padding: 0; list-style-type: none}
.userInfo li {float: left}
.userInfo li a {margin-right: 13px; _margin-right: 7px; padding: 2px 15px 2px 0; float: left; display: block; text-decoration: none; font-size: 11px; font-weight: bold; color: #ff5a00}
.userInfo li a:hover {text-decoration: underline}
.userInfo li a.last {margin-right: 5px; padding-right: 5px; background: none}

.usSel {font-weight: bold}
/************************
 === USER.guideLinks  ===
*************************/
.setUp {position: absolute; top: 10px; left: 14px; white-space: nowrap; font-size: 11px}
.setUp a {margin-right: 29px; text-decoration: none; font-weight: bold; color: #ff5a00}
.setUp a:hover {text-decoration: underline}
 a.userInfoReg{color:#0055c0;}
 a.logon{color:#0055c0}
/*************************
 === PUBLISH.treemenu  ===
*************************/
.menu {position: absolute; top: 163px; right: 5px; margin: 0; padding: 0; list-style-type: none}
.menu li {position: relative; display: block; float: left}
.menu li a {height: 27px; padding: 12px 19px 0 22px; float: left; display: block; font-size: 12px; font-weight: bold; color: #ff5a00;}
.menu li ul {position: absolute; z-index: 9; top: 43px; left: 2px; width: 135px; margin: 0; padding: 0; visibility: hidden; font-size: 10px; color: #fff; ; background: url(/img/bg-xmenu.gif) repeat-x #a0bcaf} 
.menu li ul li {display: block; float: none; margin: 0px; padding: 0px}
.menu li ul li a {height: auto; display: block; float: none; padding: 6px 8px 5px 14px; color: #FFF; font-size: 11px; font-weight: normal; background: none; border-bottom: 1px solid #c3d5d3; width:100%}
.menu li ul li a:hover { text-decoration: underline;}
/*********************
 === Multilangual  ===
**********************/
.multiLang {position: absolute; top: 5px; left: 650px; margin: 0; padding: 0; list-style-type: none}
.multiLang li {float: left}
.multiLang li a {padding: 2px 15px 2px 10px; float: left; font-weight: bold; color: #A20009; background: url(/img/SEPcontainerHeader.gif) no-repeat right}
.multiLang li.last a {background: none !important}
.muSel {text-decoration: underline;}

.multiCurr {position: absolute; top: 5px; right: 0px; margin: 0; padding: 0; list-style-type: none}
.multiCurr li {float: left}
.multiCurr li a {padding: 2px 15px 2px 10px; float: left; font-weight: bold; color: #A20009; background: url(/img/SEPcontainerHeader.gif) no-repeat right}
.multiCurr li span {padding: 2px 15px 2px 10px; float: left; font-weight: bold; color: #A20009; background: url(/img/SEPcontainerHeader.gif) no-repeat right}
.multiCurr li.last a {background: none !important}
.multiCurr li.last span {background: none !important}
/*********************
 === SEARCH.form  ===
**********************/
.searchBox {position: absolute; top: 173px; left: 7px;}
.searchBox label {display: block}
.searchBox .input_text {height: 16px; width: 144px; margin-right: 0px; padding: 3px 0 0 7px; border: 1px solid #d4d4d4; color: #606060}
.searchBox .SER {position: relative; cbottom: -2px}
.searchBox p {padding-left: 7px; background: url(/img/DECarrow_orangeRight.gif) no-repeat 0px 8px}
.searchBox a.seEx {position: relative; top:4px; float:left; margin-left: 3px; color: #ff5a00; text-decoration: underline; }
.searchBox .seEx1 {float:left}

.searchBox a.seEx:hover { text-decoration: none }
.searchBox .advSearchBox { position: absolute; top: 35px; left: 115px;  padding:5px; width:90px; background:#F5F5F5; border:1px solid #A3A3A3; border-top: none; z-index:100; font-weight:bold; }
.searchBox .advSearchBox .close { float:right; margin-right:-5px; margin-top:-5px; }
/*********************
 === basketInfo  ===
**********************/
.basket {position: absolute; top: 44px; right: 0; height: 134px; _height:123px; width: 190px;  text-align: center; color:#0055c0;}
.basket .baEx1 {padding: 5px 0 0 6px; display: block; font-size: 11px; font-weight:normal; padding-right:7px }

.basket .baEx2 .baEx2_1 {display:block; font-size: 18px; font-weight:normal; color: #ff5a00;margin-bottom:4px}
.basket .baEx2 .baEx2_1 small {font-size: 14px; color: #317b72; font-weight:bold;margin:0}
.basket .baEx3 {position: absolute; left: -50px; bottom: 0}
.basket .baEx3 LI{display:inline}
.basket .baEx3 LI.last a{margin-left:5px}
.basket .baEx3 a.showB {height: 34px; margin: 0 4px 0 2px; background: url(/img/1/DECeditB.gif) no-repeat}
.basket .baEx3 a.clearB {height: 34px; background: url(/img/1/DECclearB.gif) no-repeat}
.basket a {width: 90px; float: left; display: block; text-align: left; text-decoration: underline}
.basket a:hover {text-decoration: none}

/* ------------ Column1 -----------------------------------------------------------------------------------------------------------------*/


/*******************************
 === CATEGORYLIST.basictree  ===
*******************************/

#column1 .title {height:50px; }
#column1 .title span {position: relative; top: -13px; height: 50px; _margin-bottom: -13px; display: block}
/*
#column1 .side_box {background: red url(/img/cattop.gif) top no-repeat} 
#column1 .side_boxIn {
*/

.fold {height: 35px;margin: auto; background:url(/img/catHeaderA.gif) no-repeat center #1f2127; color:#fff;  }
.fold div {height: 19px; width: 99px; padding-top: 12px; float: left; text-align: center; cursor: pointer;}
.fold .foEx1{font-weight:bold; text-decoration:none}
.fold .foEx2{font-weight:normal; text-decoration:underline}

.foEx {background:url(/img/catHeaderB.gif) no-repeat center #1f2127; color:#fff;}
.foEx .foEx1 {text-decoration: underline; font-weight: normal; }
.foEx .foEx2 {text-decoration: none; font-weight: bold;}

#title_categories_1 {background: url(/img/title_cat.gif) no-repeat left #1f2127}

.cattitle{height:31px !important;background:red}
.cattitle span{height:31px !important}

.categories {width:206px;margin-bottom:5px}
.categories ul {margin: 0; padding:0; list-style-type: none;}
.categories .header {padding: 4px 0 6px 0; _padding-top:3px; _padding-bottom:3px;  color: #FFF;  background: #9FA19E;  text-align: center; height:15px; margin-bottom:1px;}
.categories .header label {margin-right: 10px; color: #FFF}

.categories ul li.first{ background:url(/img/catHeaderA.gif) #fc5700 right top no-repeat; padding-top:15px}
.categories ul li li.first{ background-image:none; padding:0}
.categories ul li.last{background:url(/img/catbottom.gif) #fc5700 no-repeat bottom left ;border:0;height:62px}
.categories ul ul{background-image:none}
.categories ul li li.last{background:transparent;height:auto}

.categories ul li a {padding: 6px 8px 6px 25px; display: block; font-weight: bold; color: #fff; background: url(/img/bg-categories_li_a.gif) no-repeat 13px 9px}
.categories ul li {margin: 0; padding: 0; list-style-type: none; background: #fc5700; border:0px solid #1f2127;border-width:0 0px 0 3px}
.categories ul li li{border:0}
.categories ul li li a {margin-left:6px;padding: 3px 8px 3px 27px; display: block; font-weight: normal; color:#ffff00; background: url(/img/bg-categories_li_a2.gif) no-repeat 13px 9px}
.categories ul li li a:hover {text-decoration: underline;}
.categories ul li li li a{margin-left:16px}

.categories ul li li li li a{margin-left:25px}

.categories ul li li li li li a{margin-left:30px}
.categories ul .activCat { text-decoration: underline; font-weight:bold}
/**************************
 === EMAILNEWS.askmail  ===
***************************/
.newsAskMail { margin-bottom:5px;margin-top: 20px; padding: 50px 0 0px 1px; height:42px; background: url(/img/1/bg-news.gif) no-repeat;}
.newsAskMail .input_text {height: 16px; width: 107px; margin: 0 4px 0 8px; padding: 3px 0 0 7px; color: #606060; border: 1px solid #5ca02d}
/********************************
 === ADVERTISING.recommendus  ===
*********************************/

.recommendUs{margin-bottom: 6px; background: url(/img/1/title_recommendUs.gif) left top no-repeat; padding-top:50px;}
.recommendUs_in{background:url(/img/bg-bluebox-bottom.gif) #0c4fa0 no-repeat bottom left; height:85px;border-left:4px solid #1f2127;
padding-left:10px}
/*.recommendUs p {padding-top:40px; padding-left:10px; color:#fc5700; font-weight: bold}*/
.recommendUs .input_text {height: 16px; width: 124px; padding: 3px 0 0 7px; font-family:tahoma; font-size:11px;
color: #1f2127; border: 1px solid #0a4285; background: #fff}
.recommendUs .long {top: 42px; width: 157px}
.recommendUs .input_image { top: 71px; left: 153px}
/*****************************
 === TRANSPORTMETHOD.list  ===
******************************/
#title_payments {background: url(/img/1/title_payments.gif) no-repeat top;}
.payments {border-right:4px solid #1f2127; margin-bottom: 15px; text-align: center; background:url(/img/boxbottom.gif) no-repeat bottom left #7e7e7e}
.payments p {padding: 0 10px 12px 10px; text-align: left; color: #7C7E7C; }

.paymentsIn {padding:0 20px 20px 20px; }
.payments IMG{padding:2px 5px;border:0}
.paymentsIn A:hover{text-decoration:none}

/********************
 === INQUIRY.one  ===
*********************/
#title_inquiry {background: url(/img/1/title_inquiry.gif) no-repeat }
.inquiry .question {padding: 0 10px 12px 12px; text-align: left; color: #7C7E7C}
.inquiry .side_boxIn {padding-bottom: 12px}
.inquiry .answerCount {padding-right: 11px; float: right; text-align: right; color: #646464; font-weight: bold}
.inquiry .answerText {margin: 0 0 3px 13px; text-decoration: underline; color: #76c339; cursor: pointer }
.inquiry .answerText:Hover {text-decoration: underline}
.inquiry .graph {width: 178px; margin: 0 0 7px 11px; padding: 0; font-size: 1px; background: #FFF; border: 1px solid #bebebe }
.inquiry .graph p {height: 3px; margin: 2px; background: #fc5700}
.inquiry .suma {margin: 10px 0 0 12px; color: #686868}
.inquiry .suma span {font-weight: bold}
.inquiry .suma .voices {font-weight: normal}

#title_producers_1 {background: url(/img/1/title_producers.gif) no-repeat}

/* ------------ Column2 -----------------------------------------------------------------------------------------------------------------*/
#column2 .title {height: 42px; margin: 6px 0 15px 0; }
#column2 .title span {position: relative; top: -13px; _margin-bottom: -13px; height: 42px; display: block}

/***********************
 === PUBLISH.welcome ===
************************/


.page_infopage .infobox_body.freetext{line-height:130%;color:#8daca8}
.infobox_body.freetext H4{margin-top:15px}
.welcome h1 {}
.welcome {}
.welcome p {color: #666;font-size: 12px}
/********************
 === PUBLISH.news ===
*********************/
#title_pubnews_1 {background: url(/img/1/title_newitems.gif) no-repeat !important;}
.news {width:100%; height: auto; overflow: hidden; }
.news .newsIn .shortnewsImg {float:left;width:96px;height:86px;margin-top:4px;margin-right:13px;background:url(/img/bg-news-img.gif) no-repeat;padding:16px 0 0 6px;}
.news .newsIn.first .shortnewsImg{float:right; margin-right:0;margin-left:13px}

.news .newsIn {float:left; margin:0; padding:14px 0  14px 0; width: 100%; background: url(/img/horDotted.gif) repeat-x bottom; clear: both;}
.news .newsIn.first{padding-top:0}
.news .newsIn.last {background:none;padding-bottom:14px}

.news .newsIn .freetext{margin:0px;  color: #8daca8; line-height:140%}
.news .newsIn span{color:#b8b8b8;font-size:10px;display:block}
.news .newsIn p {margin-top: 10px;font-weight: normal; }
.news .newsIn b {color: #b8b8b8;}
.news .newsIn a {display: inline; color:#fc5700; text-decoration:underline;}
.news .newsIn h4 {margin:4px 0;}
.news .newsIn h4 a{color:#fc5700; font-size:14px; font-weight:bold; text-decoration:none;}
/**************************
 === COMMODITYLIST.news ===
***************************/
.titlenews{height:34px !important; margin-bottom:0 !important}
#title_newitems_1 {background: url(/img/1/title_news.gif) no-repeat !important;height:34px !important}

.recommendedTitle{margin-bottom:5px !important}

.comLAlternative{margin-top:50px; float:left; ?margin-top:15px;}

/*

.comLAlternative .line{float:left; width:100%; width:185px}
.comLAlternative .lineIn{float:left; width:100%; border:1px solid red}
.comLAlternative .product{width:auto !important; display:inline}
*/
.comLRecommended .line,
.comLNews .line {width: 549px; margin: 0px; padding: 0px; float: left; background: url(/img/horDotted.gif)  repeat-x bottom}
.comLNews .line.last,
.commodityCatalog .line.last,
.comLRecommended .line.last{background: none}

.comLNews .line.last{margin-bottom:10px}

.comLNews .lineIn,
.comLCatalog .lineIn,
.comLRecommended .lineIn {width: 549px; padding: 12px 0 10px 0; float: left; }

.comLNews .productPrice, 
.comLCatalog .productPrice,
.commodityCatalog .productPrice,
.comLRecommended .productPrice{color:#fff; font-size:12px;font-weight:bold;text-align:center; }
.comLNews .productIn,
.comLCatalog .productIn,
.comLCatalog .name,
.commodityCatalog .name,
.comLRecommended .productIn{text-align:center}
.comLNews .productIn A,
.comLCatalog .productIn A,
.commodityCatalog .productIn A,
.comLRecommended .productIn A{color:#fc5700}

.comLNews .product,
.comLCatalog .product,
.commodityCatalog .product,
.comLRecommended .product { position:relative; 
float: left; width:154px; margin-left:2px; padding-bottom:13px; margin-right:17px;background:url(/img/bg-recommended-price.gif) no-repeat bottom center;}

.commodityCatalog .ProductR,
.comLCatalog .ProductR,
.comLNews .ProductR {position: relative}

.comLRecommended .productImg,
.comLCatalog .productImg,
.commodityCatalog .productImg,
.comLNews .productImg {height: 141px; width: 154px; text-align:left;  margin:0 auto;  margin-bottom:7px;
background:url(/img/bg-recommended-img.gif) no-repeat center center; }
.comLNews .productImg IMG,
.comLCatalog .productImg IMG,
.commodityCatalog .productImg IMG,
.comLRecommended .productImg IMG{margin-top:20px;margin-left:9px;}

.commodityCatalog .productAttribute{left:9px; top:10px; width:133px !important}
.productAttribute {position: absolute;  top:10px; left: 0; text-align:center; width:123px !important;} /*akce/novinka/tip - ikonky u zboží v katalogu*/
.productAttribute img {margin:0 auto 2px auto !important;}




.comLNews .moreinfo a { position: absolute; left:106px; bottom: 0; text-decoration: underline; color:#B4001D; font-weight: bold}
.comLNews .moreinfo a:hover {text-decoration: none; color: #B4001D}
/*
.comLNews .productAttribute {position: absolute; top: 5px; left: -90px; width: 50px; display: none}
.comLNews .productAttribute img {margin-bottom: 1px}
*/


/*********************************
 === COMMODITYLIST.recommended ===
*********************************/
#title_recomended_1 {background: url(/img/1/title_recomended.gif) no-repeat !important; }
.comLRecommended {}
.comLRecommended .line {padding-bottom: 5px}
.comLRecommended .line.last {}
.comLRecommended .lineIn {clear: left;}

.comLRecommended .moreinfo a {position: absolute; left: 106px; bottom: 0; text-decoration: underline; color: #E1BF0C; font-weight: bold}
.comLRecommended .moreinfo a:hover {text-decoration: none; color: #AD5E36}

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


.detail { padding-top: 10px; width:100%; }

.detailInfo{margin:0 !important; padding:0 !important}

.detailbox {width: 248px; float: left; margin:0 !important; padding:0 !important}
.detail h1 {padding: 2px 3px 5px 2px; font-size: 14px; margin-bottom:5px !important; font-weight:bold; font-family:tahoma; color: #fc5700;
background:url(/img/bg-orangeline.gif) repeat-x bottom; }
.detail h1 img { float: right; position: relative; top: 3px; left: -5px; }


.detailImg {width: 273px; float: right; background: url(/img/bg-product-img.gif) no-repeat;padding-bottom:12px;border-bottom:5px solid #1f2127}
.detailImgIn {float: left; background: url(/img/bg-detailImgIn.gif) repeat-x bottom}
.detailImgIn a.bigImage img{margin-top:13px; margin-left:12px;}

.detailVariImg {width: 262px; overflow:hidden; _overflow:visible; padding-left:10px; padding-bottom:9px; background:url(/img/bg-product-variimg.gif) no-repeat left bottom; }
.detailVariImgIn {width: 79px; border:1px solid #e7e7e7; float: left;margin:2px 2px 0 0; padding:1px} 
.detailVariImg .dvEx {}

.detail{}
.detail .detailInfo{}

.detail .detailInfo p,
.detail .detailInfo h2.producer { width: 100%; padding: 5px 0 5px 0 !important; margin:0 !important; float: left; text-align: right; font-weight:normal; color:#8daca8}
.detail .detailInfo p strong,
.detail .detailInfo h2.producer a,
.detail .detailInfo h2.producer strong { display:block; width: 153px; padding-left: 10px; float: right; text-align: left; font-weight:bold; color: #8daca8}
.detail .detailInfo p strong a {color: #353535; }
.detail .detailInfo p strong a:hover {}

.detail .detailInfo form p {width: 100%; padding: 7px 0 7px 0; float: left; text-align: right; color: #266fd9}
.detail .detailInfo form p strong { display:block; width: 154px; padding-left: 15px; float: right; text-align: left; font-weight: normal; color: #686868}
.detail .detailInfo form p strong a {color: #353535}
.detail .detailInfo form p strong a:hover {}

.detailInfo{ }


.SendPrint{background:url(/img/bg-orangeline.gif) repeat-x top; width:248px; float:left; padding:5px 0 0 0 !important; margin:1px 0 0 0 !important;}
.SendPrint P{padding:0;margin:10px 15px;}
.SendPrint A{padding:0 0 0 19px;color:#8daca8;  background:url(/img/bg-activNM2.gif) 7px center no-repeat !important;}
.SendPrint .addthis_button{padding:0 0 0 19px;color:#8daca8;  background:url(/img/bg-activNM2.gif) 7px top no-repeat !important;}

.detail .detailInfo .code {}
.detail .detailInfo p.lineWarranty{background:url(/img/bg-orangeline.gif) repeat-x bottom; margin-bottom:5px !important; padding-bottom:10px !important;}
.detail .detailInfo .oem {}
.detail .detailInfo .store {background:url(/img/bg-orangeline.gif) repeat-x bottom; margin-bottom:5px !important; padding-bottom:10px !important;}
.detail .detailInfo .store strong {font-weight: bold !important; color: #76c339 !important}
.detail .detailInfo .nwarranty{color:#fc5700; }

.detail .detailInfo .priceWithoutVAT {}
.detail .detailInfo .priceWithoutVAT strong {}

.detail .detailInfo .priceWithVAT {font-size:12px; font-weight: bold !important; color: #fff !important}
.detail .detailInfo .priceWithVAT span {}
.detail .detailInfo .priceWithVAT strong { font-size:12px; font-weight: bold !important; color: #fff !important}

.detail .detailInfo p.priceWithVAT_euro{padding-top:0 !important}
.detail .detailInfo .priceWithVAT_euro {font-size:11px; font-weight: bold !important; color: #ddd !important}
.detail .detailInfo .priceWithVAT_euro strong { font-size:11px; font-weight: bold !important; color: #ddd !important}


.detail .detailInfo .amount SPAN{}

.detail .detailInfo .amount {padding-top: 10px !important; height:28px; position:relative;
background:url(/img/bg-orangeline.gif) repeat-x top; margin-top:5px !important; }
.detail .detailInfo .amount span {position: relative; top: 3px}
.detail .detailInfo .input_text {height: 15px; width: 22px; margin-right: 3px; padding-top: 1px; text-align: center; border: 1px solid #d1d1d1}
.detail .detailInfo .input_button {position:absolute;left:147px;top:6px}

.detail .space {}
.detail .separator {}
.detail .detailLinks {width: 360px; margin: auto; padding: 10px 0 10px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD}
.detail .detailLinks p {width: 142px; padding: 0 15px 0 0; float: left}
.detail .detailLinks ul {width: 200px; margin: 0; padding: 0; list-style-type: none; float: left}
.detail .detailLinks ul li a {padding: 0 0 3px 9px; display: block; text-decoration: underline; background: url(/img/bg-detailLinks_ul_li_a.gif) no-repeat 0 5px}
.detail .detailLinks ul li a:hover {text-decoration: none}

.detail .freetext {float: left; margin:0 0 17px 0; width: 525px}
.detail .freetext .detTitle {display:block; padding:0 0 4px 1px ; width: 524px; font-size:12px; font-weight: bold; color: #fc5700 !important; background:url(/img/bg-orangeline.gif) repeat-x bottom; margin-bottom:5px !important;}
.detail .freetext p {color:#8daca8; line-height:140%; text-align: left !important; }

.detail_downloads{width:100%; clear:both}
.detail_downloads b {padding:0 0 4px 1px ; display:block; background:url(/img/bg-orangeline.gif) repeat-x bottom;  margin-bottom:9px !important; font-size:12px; font-weight: bold; color: #fc5700 !important}
.detail_downloads P{margin:0;padding:0;padding-left:19px;margin:0 0 7px 10px; background:url(/img/bg-activNM2.gif) 7px center no-repeat !important;}
.detail_downloads A{color:#8daca8; }

.detailParam{width:100%; clear:both; background:url(/img/1/bg-parametry.gif) no-repeat left top; padding-top:26px !important;  margin-top:0 !important;}
.detailParam P{margin:0;padding:0;padding-left:19px;margin:0 0 7px 10px; background:url(/img/bg-activNM2.gif) 7px center no-repeat !important;}
.detailParam A{color:#8daca8; }
.detailParam STRONG{ display:block; width: 343px; padding-left: 10px; float: right; text-align: left; font-weight:bold; color: #8daca8}
/* width: 100%; padding: 5px 0 5px 0 !important; margin:0 !important; float: left; text-align: right; font-weight:normal; color:#8daca8}*/

.detailParam SELECT{width:190px }



/*****************************
 === CATEGORYLIST.navigate ===
******************************/

.navigate {margin:10px 0 0 0; padding:0;}
.navigate ul {margin:0; padding:0; list-style-type: none;}
.navigate li {display: inline;}
.navigate li a {margin: 0 5px 0 0; padding: 0 0 0 10px; text-decoration: none; color: #8daca8; background: url(/img/DECnavigate_a.gif) no-repeat 0 5px}
.navigate li a.first {padding: 0 0 0 0; background: none}
.navigate li a:hover {text-decoration:none}
.navigate li a.activNM {text-decoration: none; font-weight: bold; background: url(/img/bg-activNM.gif) no-repeat 0 5px !important;}


.characterizationInfo{margin-bottom:20px; font-size:12px; }
.characterizationInfo .freetext{color:#8daca8;line-height:140%; margin:3px 0;}
.characterizationInfo H1{color:#fc5700;font-family:tahoma;font-size:14px;font-weight:bold;margin:11px 0 0 0}
.characterizationImg {float:right}

/*********************************
 === COMMODITYLIST.alternative ===
*********************************/
#title_alternative_1 {padding-top:0; background:#1f2127 bottom left url(/img/1/title_alternative.gif) no-repeat !important; clear:both;}

/*********************************
 === 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; }
.producerBasicInfo .sec_info h1,
.sectionBasicInfo .sec_info h1 {padding-bottom: 6px; font-size: 14px; color: #00CCFF;font-weight:bold;}

.sectionBasicInfo .sec_info a {font-weight: bold; color: #fc5700; text-decoration: underline}
.sectionBasicInfo .freetext {font-size: 12px}
/***************************
 === PRODUCER.basicInfo ===
***************************/
.producerBasicInfo { margin:5px 0px 5px 0px; padding-top:8px; width:100%; float: left; }
.producerBasicInfo .sec_img { margin-right:7px; padding: 2px;  float: left; ; }
.producerBasicInfo .sec_info {color:#fc5700; font-size:12px;line-height:140%}
.producerBasicInfo .sec_info h1 {font-size: 14px; color: #fc5700;font-weight:bold; }
.producerBasicInfo .sec_info a {font-weight: bold; color: #fc5700; text-decoration: underline;}
.producerBasicInfo .freetext {}
/***************************
 === CATEGORYBODY.filter ===
****************************/
.displayPaging {float: left; padding:0 !important; margin: 17px auto 10px auto; padding-top:3px; padding-left:4px; width:521px; height: 43px; color: #fff; background:url(/img/BGpager.gif) top left no-repeat}
.displayPaging .pager,
.displayPaging .orderSelect,
.displayPaging .producerSelect,
.displayPaging .compareSelected {margin: 0; float:left; height:28px}

.displayPaging .pagerSep {float:left; padding:0; font-size:0; width: 2px; height:32px; background:url(/img/DECpagerSep.gif) 0 7px no-repeat}

.displayPaging .pager {position: relative;top:0;padding: 0 ;}
.displayPaging .pager .Paging {float: left;padding: 13px 5px 0 7px; margin: 0; color: #fff; font-size: 11px}
.displayPaging .pager .Paging strong {margin: 0; padding: 0 0 0 5px; font-size: 12px; font-weight: bold; color: #fff}
.displayPaging .pager img {float: left; margin: 8px 3px 0 0px; _margin-top:7px; cursor: pointer;_cursor:hand }
.displayPaging .pager img.RW {margin-left:4px}
.displayPaging .pager img.FW {margin-left: 0;}
.displayPaging .pager .jumptopage {margin: 6px 0 0 0;padding: 0;float: left}
.displayPaging .pager .jumptopage span {position:relative; top: 0;_top:0 ; border: 1px solid red}
*:first-child+html .displayPaging .pager .jumptopage span {top: 0}
.displayPaging .pager .jumptopage .input_button {position: relative; _top: -2px; margin:0; }
*:first-child+html .displayPaging .pager .jumptopage .input_button {top: -2px;}
.displayPaging .pager .input_text {position: relative; top: 0px; _top: -2px; margin: 0 2px 0 0; x_margin: 0; width: 18px; height: 14px; padding: 1px 2px; text-align: center; color: #000; background: #fff; border: 1px solid #758f8c}
*:first-child+html .displayPaging .pager .input_text {top: -2px}

.displayPaging .orderSelect {margin-left: 4px; padding:4px 12px 0 5px;_padding:4px 11px 0 5px; }
*:first-child+html .displayPaging .orderSelect {padding:4px 11px 0 5px;}
.displayPaging .orderSelect span {position: relative; top: 1px; _top:-1px; padding: 0 1px 0 0; color: #fff; font-size: 11px;}
*:first-child+html .displayPaging .orderSelect span {top:-1px}
.displayPaging .orderSelect select {position:relative; top:0; _top:-1px; margin:0 5px 0 0; _margin:0 3px 0 0; width: 70px; height: 16px; _height: 15px}
*:first-child+html .displayPaging .orderSelect select {height: 18px;top:-1px;margin:0 3px 0 0;}
.displayPaging .orderSelect input {position: relative; _top: -1px; margin: 0 0 0 -1px; padding:0; }
*:first-child+html .displayPaging .orderSelect input {top: -1px}

.displayPaging .producerSelect {padding: 6px 0 0 0; margin: 0 0 0 12px; border:none;}
.displayPaging .producerSelect .header {display: none /*FLOAT:LEFT; margin:0;padding:0*/}
.displayPaging .producerSelect select {width: 119px; height: 16px; _height: 15px; position:relative; top:0; _top:-1px; text-transform: uppercase}
*:first-child+html .displayPaging .producerSelect select {top:-1px;height: 18px}
.displayPaging .producerSelect .producerItem {float:left}

.displayPaging .compareSelected {width: 529px; text-align:right; padding: 0 20px 0 0; margin:auto;}
.displayPaging .compareSelected span {color:#686868}
.displayPaging .compareSelected span span {}
.displayPaging .compareSelected input {}

.displayPaging .listorcat,
.displayPaging .advSearchLink,
.displayPaging .postFilter,
.displayPaging .radioFilter { float:left; padding: 0 13px 0 9px; margin-top: 17px; width:535px; height:auto;color: #048FE0; font-weight: bold}
.displayPaging .radioFilter input { margin-left: 34px}
.displayPaging .radioFilter .submitFilterForm {float: right;margin-top: -1px; margin-left: 0}
.displayPaging .radioFilter span {padding-right: 5px; position:relative; top:1px}

.displayPaging .listorcat label { float:left; border:0; }

.page_producer .displayPaging { width: 100%; clear: both;}
/*.page_producer .displayPaging .orderSelect,*/
.page_producer .listorcat,
.page_producer .displayPaging .producerSelect {display: none}



/*****************************
 === CATEGORYBODY.topsale ===
******************************/
.title_topsale{ font-size:12px; font-weight:bold; font-family:tahoma; color:#fff; margin: 0 !important; height:auto !important}

.topSaleCategory h1 {margin-bottom: 0px; clear: both}
.topSaleCategory.list {padding: 2px 0 0 0}
.topSaleCategory.list H3{display:inline}
.topSaleCategory{margin: 0; padding: 0}
.topSaleCategory .num{ font-size: 11px; color: #8daca8; margin-right:4px}
.topSaleCategoryRow {padding: 7px 0 6px 6px; font-weight: bold; font-size: 11px; background:url(/img/horDotted2.gif) repeat-x bottom; clear: both}
.topSaleCategoryRow a {font-weight: bold; color: #fc5700;font-size:11px;display:inline}
.topSaleCategoryRow .Price {width: 75px; margin: 0 10px 0 10px; float: right; text-align: right; color: #fff; font-size: 12px}
.topSaleCategoryRow .Price .currency {font-size: 12px; font-weight: bold}

.topSaleCategoryRow.last{background-image:none}
.topSaleCategoryRow.even{background-color:#2f2f2f}

/******************************
 === CATEGORYBODY.catalogue ===
*******************************/
.comLCatalog {width: 100%; float: left}
.comLCatalog .Line {}
.comLCatalog .Line.last {}
.comLCatalog .LineIn {} 
.comLCatalog .ProductR {position: relative; height: 190px; width: 183px; float: left; text-align: center}
.comLCatalog .ProductR_img {height: 100px; padding: 15px 0; background: #FFF}
.comLCatalog .ProductR_info {position: relative}
.comLCatalog .ProductR_info .comName h4 a {height: 31px; margin: 0px !important; padding: 0px !important; display: block; text-decoration: underline; font-size: 12px !important; color: #76c339 !important}
.comLCatalog .ProductR_info .comName h4 a:hover {text-decoration: none}
.comLCatalog .ProductR_info strong {font-size: 14px; font-weight: bold; color: #C43100}
.comLCatalog .ProductR_info strong small {font-size: 12px;color: #C43100}
.comLCatalog .ProductR_info .withVATText {display: none;}
.comLCatalog .ProductR_info .withoutVATText {display: none;}
.comLCatalog .ProductR_info .annotation {height: 45px; margin: 0; padding: 5px 6px 0 6px; color: #7C7E7C; overflow: hidden}
.comLCatalog .moreinfo a {position: absolute; left: 106px; bottom: 0; text-decoration: underline; color: #E1BF0C; font-weight: bold}
.comLCatalog .moreinfo a:hover {text-decoration: none; color: #AD5E36}
/*
.comLCatalog .productAttribute {position: absolute; top: 10px; left: 15px; width: 67px}
.comLCatalog .productAttribute img {margin-bottom: 2px; display: block}
*/
/******************************
 === CATEGORYBODY.list ===
*******************************/
.commodityList {width: 100%; float: left}
.commodityList thead {font-weight: bold; text-align: center;}
.commodityList thead .name{text-align: left;}
.commodityList tbody td {text-align: center;}
.commodityList tbody .line1 {background-color: #f2f2f2;}
.commodityList tbody .line2 {}
.commodityList tbody .linehover { background-color: #ffff99;}
.commodityList tbody .name {text-align: left;}
.commodityList tbody .code {}
.commodityList tbody .producer {}
.commodityList tbody .store {}
.commodityList tbody .price {color: #fda300; font-size: 12px; text-align: right; padding-right: 3px; font-weight: bold;}
.commodityList tbody .amount .input_text {height: 15px; width: 22px; padding-top: 2px; color: #000; text-align: center; border: 1px solid #569b2a}

/**********************
 === USER.loginform ===
***********************/
#title_login_1 {background: url(/img/1/title_login.gif) no-repeat !important}
.loginform  {margin: 17px auto; padding: 15px 0 15px 0px; text-align: center; }
.logintable{margin:0 auto; background: url(/img/bg-loginform.gif) no-repeat #e8e8e8;height:127px;width:364px;padding-top:15px}
.td_button{padding-top:5px}
.loginform table {margin: 0 auto; text-align: left}
.loginform table th {text-align: right; font-weight: normal; white-space: nowrap; margin-right: 8px; }
.loginform table th label {color: #686868;font-weight:bold;}
.loginform .input_text {height: 15px; width: 117px; padding: 2px 0 0 5px; border: 1px solid #d1d1d1}
.loginform a {color:#fc5700; font-weight: bold; text-decoration: underline;}
.loginform a:hover {text-decoration: none;}
.loginform .information {margin: 5px 0 5px 0; background: none; border: none; color:#9f9f9f;line-height:170%}
.loginform .lostPassword {position: relative; top: 0}
/**********************
 === USER.lostpass ===
**********************/
#title_lostpass_1 {background: url(/img/1/title_lostpass.gif) no-repeat}
.lostPass {margin:25px auto 5px; width:450px}
.lostPass .logintable{padding-top:47px;height:95px}
.lostPass .logintable label{font-weight: bold; color:#686868 !important}
.lostPass b.email {font-style: normal;}
.page_lostpass .input_text {height: 16px; width: 127px; padding: 3px 0 0 5px; border: 1px solid #d1d1d1}
.lostPass .information {background:transparent;border:0}
.lostPass .information label{color:#7C7E7C}
/**********************
 === USER.register ===
**********************/
#title_user_register_1 {background: url(/img/1/title_registrace.gif) no-repeat}
#title_user_data_1 {background: url(/img/1/title_user_data.gif) no-repeat}
.registration {color: #7C7E7C; text-align:left;}
.registration .information {}
.registration p {margin: 10px 0; text-align: left}
.registration .requiredText { margin: 10px 0; text-align: center;}
.registration .requiredText .req_char {color: red !important; font-weight:bold;}
.registration .req_char {color: #C43100 !important; font-weight:bold;}
.registration .error {color:Red; width:100%; text-align:center; padding:5px; font-weight:bold;}
.registration .input_text {height: 15px; width: 117px; padding: 2px 0 0 5px; border: 1px solid #d1d1d1}
.registration th {width:10em;}
.registration td {}
.registration label { color:#8daca8; }
.registration label.required { font-weight:bold;color:#646464; }
.registration input.required { color:#000;}
.registration .userdata{text-align:left;}
.registration .secLabel {margin: 15px 0 5px 0; padding: 0 0 3px 5px; font-weight: bold; color: #fc5700; background:url(/img/bg-orangeline.gif) bottom repeat-x; }
.registration .userdata {clear:both; }
.registration .userdata table {margin: 0 auto;  margin-top:10px; width: 500px}
.registration .userdata h4 {text-align:left; padding-left:10px;}
.registration .userdata th {width: 192px; font-weight: normal; text-align:right; color:#8daca8;font-weight:bold; padding-left:0px; border:solid 0px green; color:red;}
.registration .userdata td {padding: 2px;  padding-right:5px; border:solid 0px blue;}
.registration .userdata .deliveryAddress {margin:0 auto; width:100%; text-align: center;}
.registration .userdata .deliveryAddress textarea {width:30em; height:15em;}
.registration .input_text.sDeliveryCity {width:10em}
.registration .input_text.sDeliveryZipCode {width:3.5em}
/*.registration .input_text.sCity {width:11.8em}*/
.registration .input_text.zipcode {width:3em}
.registration .input_text.bankcode {width:3.5em}
.registration .input_text.bankaccount {width:8.4em}
.registration .input_text.login {}
.registration .input_text.password {}
.registration .input_text.password2 {}
.registration .LawInfo {text-align: left;}
.registration .buttons { width:100%; text-align:center; }

/*******************
 === USER.Order ===
********************/
#title_order_1 {background: url(/img/1/title_order.gif) no-repeat}
.order {}
.order .orderItems {width: 100%}

.order tbody tr.last td{background: url(/img/bg-orangeline.gif) left repeat-x bottom}

.order td img {vertical-align: middle !important}
.order thead tr td {height: 16px; font-size: 10px !important; color: #8daca8 !important; background: url(/img/bg-orangeline.gif) left repeat-x bottom}
.order tbody td {height: 26px; padding-bottom: 2px; background:left url(/img/bg-order_tbody_td.gif) repeat-x bottom}
.order .code {width: 61px; padding-left: 3px; color: #8daca8}
.order .name {width: 206px; padding: 4px 5px; }
.order .name a {padding: 2px 0; display: block; font-weight: bold; color: #fc5700}
.order thead .amount {text-align: center}
.order .amount {width: 80px}
.order .amount .input_text {width: 22px; height: 15px; padding-top: 1px; text-align: center; border: 1px solid #d1d1d1}
.order .price {width: 85px; text-align: right; color: #8daca8}
.order .price small {font-size: 11px}
.order .sum {font-weight: bold; color: #fc5700}
.order .price .currency {font-weight: bold; font-size: 11px;}
.order tfoot td.quick {padding-top:5px; border-top:solid 1px #fc5700}

.vatList tbody small {margin-left: 3px;font-weight: normal; font-size: 11px}

.order .suma {margin:13px 0 13px 0; padding: 0 5px 0 0; height: 45px; }
.order .suma p {display: block; width:234px; height: 11px; float: right; text-align: left; padding:11px 0 0 0; color:#fff; font-size:11px; font-weight:bold}
.order .suma p b {float: right; position:relative; top: -1px; padding: 0; font-size: 12px; color: #fff; white-space: nowrap;}
.order .suma p b small { margin-left: 3px;font-size: 12px}
.order .suma a {display: block; position: relative; top: 0; left: 0; padding: 0; height:45px; width: 117px; background: url(/img/1/BTclearBasket_order.gif) no-repeat left center}
.order .suma a:hover {text-decoration: none}
.order .some_stuff {text-align:center;}

.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%;}


.tax{width:90%; margin:0 auto;;font-family:arial}
.tax THEAD TR TD{border-bottom:2px solid #8daca8;color:#a4a4a4;font-weight:bold}
.tax TD{padding:4px 8px;font-weight:bold}
.tax TBODY TD{background:left url(/img/bg-order_tbody_td.gif) repeat-x bottom}
.tax td.price1,
.tax td.price2,
.tax td.price3{text-align:right}
.tax tbody td.price3,
.tax tfoot td.price3{color:#fc5700}
.tax small {font-size: 11px}

.tax tbody tr.last td{background:transparent}

.tax tfoot td{border:1px solid #fc5700;border-width:1px 0;color:#fff}
.tax tfoot td.price3{font-size:18px;color:#fff}
.orderBT{text-align:center;margin-top:15px}

.discount{color:#eee}

.userdatabox tr label{color:#fff !important;margin-right:3px}
.userdatabox span.required{color:#fc5700; font-weight:bold; margin-left:2pt}

.secLabel{padding-bottom:3px}

#OrderForm {color: #fc5700}
#OrderForm p {color:#7C7E7C}
#OrderForm .input_text {width: 148px; color:#000; overflow: hidden}
#OrderForm .secLabel {margin: 15px 0 5px 0; font-weight: bold; color:#fc5700;  background: url(/img/horDotted.gif) repeat-x bottom; text-transform: uppercase;}
#OrderForm table { width:380px;}
#OrderForm .requiredText {margin: 10px 0;color: #7C7E7C}
#OrderForm .required {color: #fc5700}
#OrderForm .userdatabox { text-align: left; margin-top: 5px;color: #fc5700; xborder:solid 1px red;  }
#OrderForm label {color: #eee; padding: 0px;}
#OrderForm .userdatabox td {padding: 0px; width:15em; width:150px;  height:25px;}
#OrderForm .userdatabox th {padding: 0px; padding-left:25px; white-space: nowrap;font-weight: normal; height:25px; text-align: right;}
#OrderForm .userdatabox th.required {font-weight:bold !important;}
#OrderForm .deliveryAddress {margin-left:25px; text-align: left; }
#OrderForm .deliveryAddress .userdatabox {margin-left:0; width:81%; ?width:80%; border:solid 0px green;}
#OrderForm .deliveryAddress .userdatabox th{width:100px !important; border:solid 0px blue; }
#OrderForm .deliveryAddress .userdatabox td{ border:solid 0px yellow; }
#OrderForm .deliveryAddress textarea { width:30em; height:15em; margin-left:0px;}
#OrderForm .ordermethod {margin: 5px 0 15px 25px;  padding:3px; }
#OrderForm .ordermethod th {padding:3px }
#OrderForm .ordermethod td {padding:3px }
#OrderForm #InfoText {margin-left:25px; margin-bottom:15px; width:30em;}
#OrderForm #YourInternalOrderNumber { margin-left:25px; margin-right:7px; }
#OrderForm #YourFidelityNumber { margin-left:25px; margin-right:7px; }
#OrderForm .some_stuff {margin: 15px auto 0px; height: auto; text-align: center; }

.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: 20px 0 5px 0; font-weight: bold; color:#fc5700;  background: url(/img/horDotted.gif) repeat-x bottom; text-transform: uppercase;}


/*******************
 === PUBLISH.textbody ===
********************/
.titlePublish {font-size:14px; color:#fc5700; font-weight: bold; margin-top: 2px;}
/********************************
 === USER.ExecutedOrdersList ===
********************************/

#title_user_executed_orderlist_1{background: url(/img/1/title_user_executed_orders.gif) no-repeat }
#title_user_executed_orderdetail {background: url(/img/1/title_user_executed_orders2.gif) no-repeat }
#title_user_noexecuted_orderlist_1 {background: url(/img/1/title_user_executed_orders2.gif) no-repeat }
.data_sorting {width:100%; background:#f5f5f5; border:1px solid #e6e6e6;  margin: 10px 0 0 0; }
.data_sorting .byDateType {padding:7px;border-bottom:1px solid #aaa;width:100%; color:#333 !important}
.data_sorting .sortbydate{display:block;text-align:right;padding-right:10px}

.eoButtons{padding:10px;border-top:1px solid #fff;}

.eoLegend{color:#444;margin:10px}
.eoLegend STRONG{color:#eee !important}


.data_sorting .byId {padding:7px; border-top:1px solid #fff;border-bottom:1px solid #aaa;}
.data_sorting .byId input {}
.data_sorting .byId .input_text {width:55px;}

.data_sorting .input_text {width:6em; text-align: center; font-weight: bold; margin-right:4px; padding:3px ;overflow: hidden}
.data_sorting caption {display:none}
.data_sorting table {width:100%;text-align:left;margin:5px auto 5px auto;}
.ordertbl {width:100%; margin-top:10px; background:#fc5700; border-collapse:collapse}
.ordertbl caption {margin-top:20px;font-weight:bold}
.ordertbl td {padding:3px; border-top:1px #fc5700 solid}
.ordertbl thead { color:#ffffff; border-bottom:2px solid #fc5700}
.ordertbl thead td {background:#fc5700;}
.ordertbl thead td.Code {color: #ffffff; font-weight: normal;}
.ordertbl thead td.Unit {text-align: right;}
.ordertbl thead td.Amount {text-align: right;}
.ordertbl thead td.DPH {text-align: right; white-space: nowrap;}
.ordertbl thead td.WDPH {text-align: right;}
.ordertbl thead td.SumaDPH {text-align: right;}
.ordertbl thead td.SumaWDPH {text-align: right;}
.ordertbl thead td.SumaWTDPH {text-align: right;}
.ordertbl tbody td {height:25px; color:#000000;} 
.ordertbl tbody td a {display:inline;}
.ordertbl tbody td.Price {text-align: right;}
.ordertbl tbody td strong {color: #000} 
.ordertbl tfoot {font-weight:bold; background:#fc5700; color:#fff;}
.ordertbl tfoot strong {font-weight:bold; background:#fc5700; color:#fff;}
.execute {width: 340px;}
/*
.ordertbl.box TD A{font-weight:bold}
*/
.vatSum {width: 465px; margin: 15px auto 5px auto}

.ordertbl td {padding:3px; border-top:1px #fc5700 solid}
.vatSum thead td { color: #fff; }
.vatSum tbody td {text-align: right; background:#eed2b4}
.vatSum .spaceSV {height: 1px; background: url(/img/bg-spaceSV.gif) no-repeat}
.vatSum .RateName {width: 170px; text-align:left; padding-left: 3px; font-weight: normal; color: #111}
.vatSum .price1 {width: 95px; text-align: right; font-weight: bold; color: #797979}
.vatSum .price2 {width: 90px; text-align: right; font-weight: bold; color: #797979}
.vatSum .price3 {width: 103px; padding-right: 5px; text-align: right; font-weight: bold; color: #fca400}
.vatSum .price4 {text-align: right; font-size: 16px; font-weight: bold; color: #fca400}
.vatSum .rnEx {padding-left: 5px; font-weight: bold}

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

.orderDetail {margin-top:10px;}
.orderDetail .orderDetailItem {margin-top:3px; margin-left:10px; white-space: nowrap;}
.orderDetail .orderDetailItem span.title {padding: 0 !important; font-weight: normal !important; font-size: 13px !important; color: #646464 !important; background: none !important; }
.orderDetail .orderDetailItem span.value {font-weight: bold;font-size: 12px !important;color: #fff}
.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 }
/********************************
 === COMMODITYLIST.Search ===
********************************/
#title_search_result_1 {background: url(/img/1/title_search_result.gif) no-repeat }
.page_search .searchWord {font-weight: bold;padding: 0 5px }
.page_search .notFound {}
.page_search .listorcat {display: none;}
/*************************************
 === COMMODITYLLIST.searchAdvanced ===
**************************************/
#title_advancesearch_cat_1 {background: url(/img/1/title_advsearch_cat.gif) no-repeat}
/* === SELECT CATEGORY === */
#title_advancesearch_result_1 {background: url(/img/1/title_advsearch_result.gif) no-repeat}
/* === SET PARAMETERS === */
#title_advancesearch_params_1 {background: url(/img/1/title_advsearch_params.gif) no-repeat}
.page_advancedsearch .paramList {margin:10px auto 0px auto; width:430px;}
.page_advancedsearch .paramList .param {float: left; margin-bottom:5px; text-align: left; width:460px; clear:both;}
.page_advancedsearch .paramList .parprice {width:100%;}
.page_advancedsearch .paramList .parprice .input_text {width: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 .param .name { font-weight:bold; color:#8daca8; width:130px; float:left; text-align: right; margin-right:5px; padding-top: 3px;}
.page_advancedsearch .paramList .param .unit { width:80px; float:left; padding-top: 3px;}
.page_advancedsearch .paramList .param select { width:100px; margin-right:5px; float: left;}
.page_advancedsearch .paramList .param input { margin-right:5px; float: left; }
.page_advancedsearch .paramList .param .input_text { width:100px;}
.page_advancedsearch .paramList .param select.onlyselect { width:215px; float: left;}
.page_advancedsearch .paramList .param .multi{width:200px;}
.param label{color:#b7cecb;}
.paramListProducer{;width:100%;margin:0 0 2px 0}
.paramListProducer INPUT{margin:0 !important}
.paramListProducers{float:left;width:200px;}
.plainbtn{font-size:11px;font-family:verdana; font-weight:bold; color:#444;padding:2px 5px}
.plainbtnOK{color:#0e5a6a;font-size:13px}

/***************************
 === PRODUCER.imagelist ===
***************************/
#title_producerImageList_1 {background: url(/img/1/producerList.gif) no-repeat;}
.producerImageList{margin-left:5px; padding-left:15px; margin-top:10px; float:left;}
.producerImageList .producerinfo{display:block;width:140px; height:160px; margin-right:20px; margin-bottom:20px; float:left; text-align:center;}
.producerinfo A{color:#fc5700;font-weight:bold}
.producerinfo IMG{margin-bottom:5px}

/***************************
 === commoditybody_detailsend.xslt ===
***************************/
.titleDetailSend {color:#fc5700; font-size:14px; font-weight:bold; margin-top:11px;}
.inDetailSend{text-align:center;}
.inDetailSend .classic{text-align:left; width:400px; margin:15px auto 0 auto;}
.inDetailSend .classic th{text-align:right;}
.inDetailSend .classic td{color:#aaa !important}
.inDetailSend .classic .input_text{margin-right:7px;}
.inDetailSend .classic td.tdtextarea{text-align:center}
.inDetailSend .classic td.tdtextarea .input_text{margin-bottom:5px;margin-right:0}
.inDetailSend .classic th label{ color:#8daca8}

/*********************
 === 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: #fc5700; 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: #fc5700; text-decoration: underline;}
.marketList .region .market p .label {float:left; width:70px;}
.marketList .region .market p .data {float:left; font-weight: bold;}

/* ------------ Column3 -----------------------------------------------------------------------------------------------------------------*/
#column3 .title {height: 47px}
#column3 .title span {position: relative; top: -13px; height: 47px; _margin-bottom: -13px; display: block}

#column3 .side_box {width: 100%; margin-bottom: 2px; background: url(/img/bg-side_boxIn_c3.gif) repeat-y } 
#column3 .side_boxIn {width: 100%; background: url(/img/bg-side_box_c3.gif) no-repeat bottom}

/*****************************
=== COMMODITYLIST.topsale ===
******************************/

#title_topsale_shop_1 {background: url(/img/topsaleTop.gif) top no-repeat}
.side_box.topSale{ background:url(/img/boxbottom.gif) no-repeat bottom left #7e7e7e; border-right:4px solid #1f2127; margin-bottom:2px}
.side_box.topSale ol {; margin:0 0 0 35px; ?margin-left: 40px; _margin-left: 40px; padding: 0 0 18px 0; font-weight: bold; color: #ffff00}
.side_box.topSale ol li {margin:0 0 10px 0}
.side_box.topSale li a {position: relative; left: 2px; ?left: -3px; _left: -3px; font-weight: bold; color: #fff}
.side_box.topSale li a:hover {color: #fff}
.side_box.topSale li a h3 {font-weight: normal; color: #fff}
.side_box.topSale li a h3:hover {color: #fff}

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

/****************************
 === COMMODITYLIST.action ===
****************************/

#title_action_1 {background: url(/img/1/title_action.gif) no-repeat;}

.action_title{height:46px !important}
.action_title span{height:46px !important}

.side_box {}
.side_box .productBox {margin-top: -10px;background:url(/img/bg-action-bottom.gif) no-repeat bottom #278478;border-left:1px solid #1f2127}
.side_box .product {width: 100%; margin-top: 5px; padding-bottom: 5px; text-align: center; background:url(/img/bg-action-line.gif) no-repeat center bottom;}
.side_box .product.last {background-image:none;padding-bottom: 15px;}
.side_box .productImg {position: relative; height: 121px; width: 155px; margin:0 auto; padding-top:20px; background:url(/img/bg-action-img.gif) no-repeat center center;  }
.side_box .imgIn {width: 100px; height: 110px; overflow: hidden; text-align: center}
.side_box .productName {padding: 10px 0 8px 0;line-height:140%}
.side_box .productName h2,h3,h4,h5{font-weight:bold;font-size:12px;margin:0;padding:0}
.side_box .productName a {font-size: 12px; font-weight: bold; text-decoration: none; color: #fff}
.side_box .productName a:hover {text-decoration: underline}
.side_box .price {padding: 5px 0 6px 0; font-size: 13px; font-weight: bold; color:#ffff00}
.side_box small {margin-left: 3px; font-size: 11px}

.side_box .productAttribute {position: absolute; left: 10px; top: 9px; width: 37px}
.side_box .productAttribute img { margin:auto; margin-bottom: 1px;}
/****************************
 === COMMODITYBODY.related ===
****************************/
#title_related_1 {background: url(/img/1/title_related.gif) no-repeat}

/*************************
 === CONTACT.sendmail  ===
*************************/
#title_mailus_1 {background: url(/img/mailusTop.gif) top right no-repeat;}
.mailus {padding-bottom: 3px;}
.mailus P{color:#fff;line-height:130%;margin-bottom:3px}
.mailus_in {padding:0 0 30px 10px; background: url(/img/mailusBottom.gif) no-repeat bottom #0c4fa0; border-right:4px solid #1f2127}
.mailus textarea {height: 103px; width: 176px; margin-bottom: 4px; padding: 3px; color: #606060; border: 1px solid #333}
.mailus .input_text {height: 16px; width: 107px; padding: 3px 0 0 7px; color: #606060; border: 1px solid #333}
.mailus .ChckCodeAssistant {width:176px; position:relative; xfloat:left; z-index:100; top:5px; background-color:#fc5700; padding:3px; color:#FFFFFF; height: 65px;}
.mailus .ChckCodeAssistant .input_text {width:60px;}
.mailus .ChckCodeAssistant img {margin:3px;}
/*****************************
 === PUBLISH.infoboxlinks ===
*****************************/
#title_info_1 {background: url(/img/1/title_info.gif) no-repeat}

.infobox_in{}
.infobox{margin: 0; padding:0 0 10px 0; list-style:none; background:url(/img/bg-boxgray-bottom.gif) bottom no-repeat #555 !important}
.infobox li {margin:0;padding:0;}
.infobox li a {padding:0 0 10px 36px; display: block; text-decoration: underline; font-weight: bold; color: #fff; background: url(/img/bg-infobox_ul_li_a.gif) no-repeat 19px 5px}
.infobox li a:hover {text-decoration: none}


/***************************** 
 === ADVERTISING.textlinks ===
 ****************************/
#title_advertise_1 {background: url(/img/1/title_advertise.gif) no-repeat }
.textAdvertise {padding: 3px 8px 15px 8px; margin-bottom:10px; background:url(/img/BGbottom.gif) no-repeat left bottom #ECEFED}
.textAdvertise span {font-weight: bold}
.textAdvertise a {text-decoration: none; color:#fc5700;}
.textAdvertise a:hover {color: #9FA19E}
.textAdvertise p.description {color: #fc5700; margin-bottom: 3px; text-decoration: underline;}
.textAdvertise .more {padding: 13px 0; font-weight: bold;font-size: 12px;}
.textAdvertise .more a {color: #7C7E7C}
/***************************** 
 === emailNews.register ===
 ****************************/
#title_news_reg_1 {background: url(/img/1/title_news_reg.gif) no-repeat; color:White !important;}

/****************************
 === USER.baskethoverbox ===
****************************/
#basketHoverBox {display:none; position:absolute; z-index:100; padding:5px; width:357px; height:auto; _height:137px; color: #fff; background:url(/img/BGhoverbox.gif) repeat-x top #a3bdb6;}
#basketHoverBox div, 
#basketHoverBox p {color:#fff; font-size: 11px;padding:0}
#basketHoverBox .hoverRectangle {position:relative; float: left; margin: 0 auto 0 auto; padding: 0 0 25px 0; _padding: 0; width: 355px; height:auto;_height:110px; _height:135px;text-align:center; background: none; border: 1px solid #b8d2d0;}
#basketHoverBox .hoverinfo {float: left; margin: 0 auto 0 auto; padding: 15px 0 10px 0; width: 355px; text-align:center; background: none;}
#basketHoverBox .hoverinfo p {text-align: center; font-weight: bold; color:#fff}
#basketHoverBox .item {float: left; padding: 2px 0 12px 0; width: 355px; border-top: 1px solid #b8d2d0;}
#basketHoverBox .item .name {margin:5px auto 10px auto; text-align:center; font-weight: bold; font-size: 13px; width:355px}
#basketHoverBox .item .count { float:left; padding: 0 0 0 50px; width: 95px;font-weight: bold}
#basketHoverBox .item .count span { padding-right: 10px;font-weight:normal}
#basketHoverBox .item .price { float: right;margin:0; padding: 0;}
#basketHoverBox .item .price .pricePrefix { display:block; float: left; padding: 0 10px 0 0; width: 100px; text-align: right; font-weight:normal}
#basketHoverBox .item .price .priceValue { display:block; float: left; padding: 0; width: 90px; text-align: left; font-weight: bold}
#basketHoverBox .item .price.sum .pricePrefix {width:150px !important}
#basketHoverBox a { display:block; margin: 0; padding: 0; width: 85px; height: 25px; }
#basketHoverBox a:hover {text-decoration: none}
#basketHoverBox .showbasket {position:absolute;_position:relative; _float:left;left:21px; top:auto; bottom:0; right:auto; _top:9px; background:url(/img/1/BThovershow.gif) no-repeat}
#basketHoverBox .closewindow {position:absolute;_position:relative; _float:left;left:auto; top:auto; bottom:0; right:18px; _left: 167px; _right:auto; _top:9px; background:url(/img/1/BThoverclose.gif) no-repeat}


.icons { display:inline; position:absolute; }

/********************
 === 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}

/*****************************
 === Cetelem ===
*****************************/
.cetelemClass {color: #8DACA8; }
.cetelemClass .title{font-size:20px;}
.cetelem #vpsu iframe{color: #FFF; }
/*.cetelem {background-color: #FFF; color: #000;}*/