/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 11px; color: #102e6c}
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}
.cls {clear: both; height: 0; overflow: hidden;}

.containerHeader div.flags {position: absolute; top: 11px; right: 378px; }
.containerHeader div.flags a {font-size: 12px; color: #fff; }
.containerHeader div.flags ul{ padding: 0; margin: 0;}
.containerHeader div.flags ul li{position: relative; margin-left: 30px; display: inline-block; }
.containerHeader div.flags ul li:before {position: absolute; top: 1px; left: -20px; height: 13px; width: 16px; content: ""; }
.containerHeader div.flags ul .en:before {background: url(/img/flags/sprite.png) no-repeat 0 -43px;}
.containerHeader div.flags ul .de:before {background: url(/img/flags/sprite.png) no-repeat 0 -91px;}
.containerHeader div.flags ul .ru:before {background: url(/img/flags/sprite.png) no-repeat 0 -77px;}
                 
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; }
.input_check {height: 12px; width: 12px; margin: 0; padding: 0; border: 0}

textarea {margin: 0; padding: 0; overflow: auto; font-family: 'Open Sans', sans-serif; font-size: 11px; color: #000; resize: none;}
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}
.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: #ff0000} 
.error {color: #ff0000}
.hide {visibility:hidden}
.hidden {display:none;}

.clearfix:after {clear: both; }
.clearfix:before,.clearfix:after {content: ""; display: table; line-height: 0;}
 
.buttons {width: 100%; padding: 10px 0 10px 0; text-align: center; }
.Title {font-weight: bold; font-size: 18px; color: #cc3300}
.Code2 {border: 1px solid #8b4513; padding-right: 5px; padding-left: 5px; color: #000066;	font-family: 'Open Sans', sans-serif;	background-color: #ff9933}
.postfixText {padding-left: 3px}
.bottom {height: 10px; margin-bottom: 10px; /*REM:background: url(/img/BGbottom.gif) no-repeat left bottom #FFF*/}

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

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

/* LI seznam */
.arrowedMenu {padding: 15px 0 15px 8px; }
.arrowed {padding: 0 0 5px 15px; background: url(/img/arrowR.gif) no-repeat left 1px; }
.arrowed a {text-decoration: underline; font-size: 14px; color: #0a2b68; }
.arrowed a:hover {text-decoration: none}

.pArrowedMenu {text-align: right; padding-right: 20px;}
.pArrowedMenu ul {;}
.pArrowedMenu ul li {padding-left: 20px; display: inline; }
.pArrowedMenu ul li a {text-decoration: underline}
.pArrowedMenu ul li a:hover {text-decoration: none}
.pLoginform div {display: inline;}

/*  clona   */
#clona {position: absolute; z-index: 701; top: 0; left: 0; height: 100%; width: 100%; text-align: center; vertical-align: middle; background-image:url(/img/logoGrey.gif); filter:alpha(opacity=50); opacity:.5}
#clona1 {position: absolute; z-index: 702; top: 0; left: 0; width: 100%; height: 100%; text-align: center; vertical-align: middle}
.clonaIE6 {background-image: url(/img/logoGrey.gif)}

/* ----------  Definice kostry  -------------------------------------------------------------------------------------------------- */
.containerBgBodyHP {background: url(/img/bg-containerBgBodyHP.png) repeat-x #0d2d6f !important}
#containerBgBody {position: relative;  margin: auto; background: url(/img/bg-body.gif) repeat-x; xbackground: url(/img/bg-containerBgBodyHP.png) repeat-x #0d2d6f}
.containerHeader {position: relative; margin: auto; width: 996px; height: 220px}
.containerBgBodyHP .containerHeader {height: 163px !important; background: #112e67 !important}
#containerHeader_1 {position: relative; margin: auto; width: 996px; height: 162px; margin-bottom: 58px; background: url(/img/containerHeader.png) repeat-x; }

.containerBgBodyHP #containerHeader_1 {height: 163px; margin-bottom: 0px;}
#containerBody {position: relative; xz-index: 1; margin: auto; width: 996px; padding-top: 15px; background: url(/img/bg-containerBody.gif) no-repeat; xbackground: #FFF }
.containerBgBodyHP #containerBody {padding-top: 0; background: #FFF !important;  box-sizing: padding-box; }
#column1 {position: relative; top: 0; left: -734px; width: 232px; padding: 0 0 25px 0; float: left; }
#column2 {position: relative; top: 0px; left: 262px; width: 734px; height: auto; float: left; xoverflow: hidden; }
.containerBgBodyHP #column2 {float: none; left: 0px; width: auto; margin: 0 14px;} 
#column3 {display: none}
#containerFooter {width: 996px; margin: auto; padding: 11px 0 33px 0}
#containerFooterIn {position: relative; height: 183px; margin: auto; background: #7f7f7f; }
#containerFooterIn2 {}  

/* ------------ Footer -----------------------------------------------------------------------------------------------------------------*/
#containerFooter .shopCentrik {position: absolute; bottom: -20px; right: 24px; font-size: 11px; color: #989898}
#containerFooter .copyright {position: absolute; bottom: -20px; left: 0px; font-size: 11px; color: #989898}
#containerFooter .firmInfo {position: absolute; top: 16px; left: 20px; width: 235px; }
#containerFooter .firmInfo div {padding-bottom: 5px; font-weight: bold;  font-size: 14px; color: #000}
#containerFooter .firmInfo p {padding-top: 0px; font-size: 13px; color: #FFF}
#containerFooter .firmInfo a {color:#FFF}
#containerFooter .setUp {position: absolute; bottom: 9px; right: 24px; margin: 0; padding: 0; list-style-type: none; font-size: 11px}
#containerFooter .setUp li {position: relative; padding-left: 22px; float: left; }
#containerFooter .setUp li:first-child:before {position: absolute; top: 3px; right: -11px; height: 14px; width: 1px; font-size: 0; content: ""; background: #CCC}
#containerFooter .setUp li a {float: left; text-decoration: none; font-size: 13px; color: #1c1c1c}
#containerFooter .marketMapBox {position: absolute; top: 17px; left: 257px; height: 150px; width: 369px; border-left: 1px solid #717171; border-right: 1px solid #717171}
#containerFooter .marketMapBox p {position: absolute; top: 2px; right: 52px; color: #FFF; font-size: 14px;font-weight:bold; }
#containerFooter .marketMapBox a {position: relative; z-index: 9; height: 150px; display: block; background: url(/img/marketMapBox-a.png) no-repeat 52px 0;}

/*****************************  === EMAILNEWS.askmail  === ****************************************/

.eNews {position: absolute; top: 20px; right: 0px; height: 88px; width: 310px; }
.eNewsIn {}
.eNews .freetext {margin-bottom: -3px; padding: 0 0 8px 0; font-weight: bold;  font-size: 14px; color: #FFF}
.eNews .freetext2 {padding-bottom: 7px; font-size: 14px; color: #FFF}
.eNews .input_text {height: 35px; width: 194px; padding: 0 8px; line-height: 35px; font-size: 16px; color: #8b8b8b; border: 1px solid #717171; background: #cacaca}
.eNews .input_button {width: 77px; height: 37px; margin: 0; padding: 0; vertical-align: middle; cursor: pointer; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: bold;  font-size: 14px; line-height: 37px; text-transform: uppercase; color: #fff; text-shadow: 0 -1px #000; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.49), inset 0 1px #747474; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.49), inset 0 1px #747474; box-shadow: 0 1px 2px rgba(0,0,0,.49), inset 0 1px #747474; border: solid 1px #061941;
background: rgb(56,57,57);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzODM5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(56,57,57,1) 30%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(56,57,57,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(56,57,57,1) 30%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(56,57,57,1) 30%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(56,57,57,1) 30%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(56,57,57,1) 30%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383939', endColorstr='#000000',GradientType=0 );
}
.eNews .checkCodeBox {position: absolute; top: -5px; left: 282px; width: 150px; padding: 0 0 8px 0; background: #FFF}
.eNews .checkCodeBox span {padding: 8px 0 5px 18px; display: block; color: #000; }
.eNews .checkCodeBox img {margin: 0 0 5px 18px; display: block; }
.eNews .checkCodeBox .input_text {position: static; width: 80px; margin: 5px 0 5px 18px; border: 1px solid #000} 


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

/*****************************  === USER.guideLinks  === ******************************************/
.logo {position: absolute; top: 8px; left: 24px; height: 91px; width: 94px; display: block; text-decoration: none; text-transform: uppercase; font-weight: bold;  font-size: 0; color: #FFF; background: url(/img/logoV2.png) no-repeat}
.logo:hover {text-decoration: none;}

.headerTitle {position: absolute; top: calc(50% - 22px); transform: translate(0%, -50%); left: 147px; width: 235px; text-transform: uppercase; line-height: 28px; font-weight: bold;  font-size: 22px; color: #c4dcf0;}

H1.main {color: #003644; font-size: 14px; padding-top: 15px}

#bannerImg_1 {position: absolute}
#bannerImg_2 {position: absolute}

.userInfo {position: absolute; top: 8px; right: 18px; margin: 0; padding: 0; list-style-type: none;}
.userInfo li {position: relative; float: left; color: #FFF; font-size: 15px; }
.userInfo li a {float: left; display: block; text-decoration: none; font-size: 15px; color: #3fa5fd; }
.userInfo li a:hover {text-decoration: underline; }
.userInfo li .sep {margin-left: 22px; }
.userInfo li .sep:before {position: absolute; top: 5px; left: 11px; height: 14px; width: 1px; font-size: 0; content: ""; background: #FFF}

.userInfo .logUsr {padding: 0 9px 0 23px; color: #5cbbf8; background: url(/img/bg-userInfo_logUsr.gif) no-repeat 0 0px}
.userInfo .logon {padding-right: 9px; background: url(/img/bg-userInfo_li_sep.gif) no-repeat right 3px}


/*****************************  === PUBLISH.treemenu  === *****************************************/

.menu {position: absolute; top: 117px; left: 0px; width: 100%; margin: 0; padding: 0; list-style-type: none; display: table; vertical-align: middle; background: #0574d3}
.menu div {position: relative; }
.menu li {position: relative; height: 45px; max-width: 142px; display: table-cell; float: none; vertical-align: middle; background: none}
.menu li a {height: auto; padding: 0px 10px 0 10px; float: none; display: block; text-align: center; text-transform: uppercase; line-height: 16px; font-weight: bold;  font-size: 15px; color: #FFF; }
.menu li a:hover, .menu li.sel a {}
.menu li ul {position: absolute; z-index: 700; top: 30px; left: -1px; width: 218px; margin: 0; padding: 0; visibility: hidden; display: block; background: #0574d3; border: 1px solid #081736; border-bottom: 0}
.menu li ul li {height: auto; max-width: 100% !important; float: none; display: block; margin: 0px; padding: 0px; background: none; }
.menu li ul li a, .menu li.sel ul li a {height: auto; display: block; float: none; padding: 9px 8px 9px 22px; text-transform: none; text-align: left; font-size: 13px; font-weight: normal; color: #FFF; background: none; border-bottom: 1px solid #081736; }
.menu li ul li a:hover {color: #FFF; text-decoration: none; background: #001d57; }
.menu li ul ul {top: -1px; left: 218px; }
.menu li ul li.sel {background: url(/img/bg-menu_aHsel.gif.gif) no-repeat 204px 9px #001d57; }

/*****************************  === Multilangual  === *********************************************/
.multiLang {position: absolute; top: 134px; left: 600px; margin: 0; padding: 0; list-style-type: none; }
.multiLang li {padding: 0 6px 0 6px; display: inline; text-transform: uppercase; background: url(/img/bg-multiLang_li.gif) no-repeat right 2px; }
.multiLang li a {color: #449db4; }
.multiLang li span {color: #fff; }
.multiLang li.mlEx2 {background: none; }

/*****************************  === Multicurr  === ************************************************/
.multiCurr {position: absolute; z-index: 9; top: 60px; right: 33px; height: 20px; width: 72px; margin: 0; padding: 8px 0 0 0; list-style-type: none; text-align: center; background: url(/img/bg-multiCurr.gif) repeat-x; }
.multiCurr li {padding: 0 4px 0 4px; display: inline; text-transform: uppercase; font-weight: bold; background: url(/img/bg-multiCurr_li.gif) no-repeat right 2px; }
.multiCurr li a {color: #70dde5; }
.multiCurr li span {color: #fff; }
.multiCurr li.last {background: none; }

/****************************  === SEARCH.form  === **********************************************/
.searchBox {position: absolute; top: 45px; left: 399px; height: 41px; width: 369px; }
.searchBox .input_text {height: 39px; width: 248px; padding: 0 8px; line-height: 39px; font-size: 16px; color: #b1b1b1; border: 1px solid #061941; background: #FFF}
.searchBox .input_button {width: 97px; height: 41px; margin: 0; padding: 0; vertical-align: middle; cursor: pointer; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: bold;  line-height: 39px; font-size: 16px; color: #FFF; text-shadow: 0 -1px #0c69b8; border: 1px solid #061941;  
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.49), inset 0 1px #7bbef7; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.49), inset 0 1px #7bbef7; box-shadow: 0 1px 2px rgba(0,0,0,.49), inset 0 1px #7bbef7;
background: rgb(63,165,253);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzZmE1ZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGI3OWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(63,165,253,1) 30%, rgba(11,121,214,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(63,165,253,1)), color-stop(100%,rgba(11,121,214,1)));
background: -webkit-linear-gradient(top, rgba(63,165,253,1) 30%,rgba(11,121,214,1) 100%);
background: -o-linear-gradient(top, rgba(63,165,253,1) 30%,rgba(11,121,214,1) 100%);
background: -ms-linear-gradient(top, rgba(63,165,253,1) 30%,rgba(11,121,214,1) 100%);
background: linear-gradient(to bottom, rgba(63,165,253,1) 30%,rgba(11,121,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa5fd', endColorstr='#0b79d6',GradientType=0 );
}

/*****************************  === producers_listandcategory.xslt  === **********************************************/
.subheader {padding: 8px 0 8px 0; font-size: 12px; font-weight: bold; color: #000; }
.prodmark {;}
.prodcont {;}
.prodcont p {padding: 6px 0 0 10px; font-weight: bold; }

/*****************************  === basketInfo  === ***********************************************/
 #basketInfo {position: absolute; top: 40px; right: 0px; height: 50px; width: auto; min-width: 201px; padding: 0; background: url(/img/bg-basket.png) no-repeat 14px 6px; border-left: 1px solid #4b71c1; }
 .basket a {padding: 2px 8px 0 71px; display: inline-block; text-decoration: none; font-size: 16px; color: #FFF}
 .basket a:hover {text-decoration: underline; }
 .basket a strong {display: block; line-height: 21px; font-weight: bold;  font-size: 16px;  }
 .basket a small {padding: 0 3px 0 1px; font-size: 14px; }

.headerHPWrap {position: absolute; top: 162px; left: 0px; width: 100%; padding-top: 14px; background: url(/img/headerHPWrap.png) repeat-x; }
.headerHPWrap .banner {height: 200px; width: 664px; margin: 0 0px 0 0; float: left; }
.headerHPWrap .infos {min-height: 200px; width: 302px; padding: 0 0 0 30px; float: left; background: url(/img/infos.png) repeat-x; } 
.headerHPWrap .infos .infos-t {padding: 8px 0 5px 1px; color: #102e6c; text-transform: uppercase; font-size: 26px; font-weight: normal; }
.headerHPWrap .infos ul {margin: 0; padding: 0px 0 10px 0; list-style-type: none}
.headerHPWrap .infos ul li {padding: 0 0 2px 25px; font-size: 18px; color: #0574d3; background: url(/img/bg-infos_ul_li.png) no-repeat 0 8px; }
.headerHPWrap .infos .btnShopEnter {width: 193px; height: 43px; margin-top: 3px; display: block; text-align: center; line-height: 43px; font-weight: bold;  font-size: 16px; text-transform: uppercase; color: #6c5a02; text-shadow: 0 1px #fffecf; -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.2), inset 0 1px #fffeda; -moz-box-shadow: 0 1px 0px rgba(0,0,0,.2), inset 0 1px #fffeda; box-shadow: 0 1px 0px rgba(0,0,0,.2), inset 0 1px #fffeda; border: solid 1px #cfaf00;
background: rgb(254,249,1);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZWY5MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmVkMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(254,249,1,1) 30%, rgba(254,209,1,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(254,249,1,1)), color-stop(100%,rgba(254,209,1,1)));
background: -webkit-linear-gradient(top, rgba(254,249,1,1) 30%,rgba(254,209,1,1) 100%);
background: -o-linear-gradient(top, rgba(254,249,1,1) 30%,rgba(254,209,1,1) 100%);
background: -ms-linear-gradient(top, rgba(254,249,1,1) 30%,rgba(254,209,1,1) 100%);
background: linear-gradient(to bottom, rgba(254,249,1,1) 30%,rgba(254,209,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef901', endColorstr='#fed101',GradientType=0 );
}


.horizontalInfoboxHP {width: 314px;  overflow: hidden; float: right; text-align: right;}
.horizontalInfoboxHP h2 {font-size: 24px; padding: 11px 0 11px 0; line-height: 24px; text-align: center;}
.horizontalInfoboxHP .item {position: relative; margin-top: 25px; min-height: 120px; width: 48%; float: left; text-align: center;}
.horizontalInfoboxHP .item .itemImage {height: 35px; margin: 4px 0; overflow: hidden; }
.horizontalInfoboxHP .item h3 a {line-height: 20px; font-weight: bold; font-size: 20px; }
.horizontalInfoboxHP .item .item-anot {margin-top: 8px; line-height: 17px; font-size: 12px; color: #7c7c7c}
.horizontalInfoboxHP .item .item-anot a {color: #5e5e5e}
.horizontalInfoboxHP .item4 {border: 0}
.horizontalInfoboxHP a.all:hover {text-decoration: underline;}

.horizontalInfoboxHP a.all {position: relative; margin: 0px 18px 0 3px; padding: 0 18px 0 14px; display: inline-block; line-height: 28px; font-weight: bold;  font-size: 14px; color: #FFF; background: #3790dc}
.horizontalInfoboxHP a.all:before {position: absolute; top: 0; right: -28px; height: 0; width: 0; content: ""; cursor: pointer; border: 14px solid; border-color: transparent; border-left-color: #3790dc; }


.hp-box3 {padding: 40px 0px 20px 0px; margin-bottom: 20px; border-bottom: solid 1px #F4F4F4;}



/**************************** === PUBLISH.news ===  ***********************************************/
.articlesBox {xpadding-bottom: 30px; }
.articlesBox.clearfix:after {clear: none}
#column2 .newsBox {width: 437px; padding: 0 45px 0 16px; float: left; position: relative;} 
#column2 .newsBox .news-t {line-height: 22px; text-transform: uppercase; font-size: 21px; color: #373737}
#column2 .news {position: relative; padding: 20px 0 20px 0}
#column2 .news .newsImg {padding: 0 12px 0 0; float: left; font-weight: normal; }
#column2 .news .newsName span {padding-right: 3px; line-height: 18px; font-size: 13px; font-weight: normal; color: #0574d3}
#column2 .news .newsName a {line-height: 18px; font-weight: bold;  font-size: 13px; color: #000}
#column2 .news .freetext {line-height: 18px; font-size: 13px; color: #7c7c7c}
#column2 .news .freetext a {text-decoration: underline; }
#column2 .news .freetext a:hover {text-decoration: none; }
#column2 .newsBox .allArticles {position: relative; margin: 8px 0 25px 3px; padding: 0 18px 0 14px; display: inline-block; line-height: 28px; font-weight: bold;  font-size: 14px; color: #FFF; background: #3790dc}
#column2 .newsBox .allArticles:before {position: absolute; top: 0; right: -28px; height: 0; width: 0; content: ""; cursor: pointer; border: 14px solid; border-color: transparent; border-left-color: #3790dc; }
#column2 .newsBox::before {background: #F2F2F2; content: ""; height: 100%; overflow: hidden; position: absolute; right: 20px; top: 0; width: 1px;}


.aboutCompany {padding: 0 14px 20px 20px; line-height: 16px; font-size: 14px; color: #7c7c7c}
.aboutCompany h2 {padding: 0 0 11px 0; line-height: 22px; font-weight: bold;  font-size: 21px; color: #373737}
.aboutCompany .freetext {padding: 14px 0 0 0; font-size: 13px; }
.aboutCompany .freetext p {padding-bottom: 8px; line-height: 18px; text-align: justify;}
.aboutCompany object {margin: 0px 0 15px 40px; float: right}
.aboutCompany .video {margin: 0px 0 15px 40px; float: right}
#mainPage_videoDiv  {text-align: center;  margin-top: 16px;}


/* ------------ Column1 -----------------------------------------------------------------------------------------------------------------*/
#column1 .title {position: relative; height: 30px; width: 220px; margin: 10px 0 0 0; padding: 11px 0 0 16px; font-size: 12px; font-weight: bold; color: #5cbaf7; xbackground: url(/img/bg-titleC1.png) no-repeat ; background: url(/img/bg-titleC1notOpen.png) no-repeat  }
#column1 .title span {;}
#column1 .sideBox {width: 236px; margin: -5px 0 0 0; padding: 0 0 10px 0; background: url(/img/bg-sideBox.png) no-repeat left bottom;} 
#column1 .sideBoxIn {width: 236px; background: url(/img/bg-sideBoxIn.png) repeat-y ;}
#column1 .banner {margin: 3px 0; text-align: center; overflow:hidden}

/*****************************  === CATEGORYLIST.basictree  === ***********************************/
.fold {height: 31px; width: 215px; margin: auto; }
.fold div {float: left; text-align: center; cursor: pointer; }
.fold div a {font-weight: bold; }
.fold .foEx1 {height: 24px; width: 107px; padding-top: 7px; background: url(/img/bg-fold_foEx1.gif) repeat-x; }
.fold .foEx1 a {color: #b0efff; }
.fold .foEx2 {height: 24px; width: 108px; padding-top: 7px; color: #686868; background: url(/img/bg-fold_foEx2.gif) repeat-x; }
.fold .foEx2 a {color: #559bad; }
.foEx {;}
.foEx .foEx1 {height: 24px; width: 107px; padding-top: 7px; color: #686868; background: url(/img/bg-fold_foEx2.gif) repeat-x; }
.foEx .foEx1 a {color: #559bad; }
.foEx .foEx2 {height: 24px; width: 108px; padding-top: 7px; background: url(/img/bg-fold_foEx1.gif) repeat-x; }
.foEx .foEx2 a {color: #b0efff; }

.categories-t {background: url(/img/bg-title_categories-t.gif) no-repeat; }
#title_categories_1 {/*REM:xbackground: url(/img/1/title_categories.gif) no-repeat; */}

.categories {background: none !important}
.categoriesIn {background: none !important}
.categories ul {margin: 0; padding: 4px 0 6px 0; list-style-type: none; }
.categories ul li {border-bottom: 1px solid #ededed}
.categories ul li a {padding: 5px 10px 6px 16px; display: block; font-size: 13px; font-weight: normal; color: #102e6c; background: url(/img/bg-categories_li_a.gif) repeat-y }
.categories ul ul {margin: 0; padding: 0; list-style-type: none; border: 0; }
.categories ul ul li {border: 0}
.categories ul ul li a {padding: 6px 8px 6px 27px; display: block; font-size: 12px; font-weight: bold; color: #5cbbf8; background: url(/img/bg-categories_ul_li_a.gif) no-repeat bottom; }
.categories ul ul .last a {background: none}
.categories ul ul ul li a {} 
.categories ul .activCat {color: #FFF; background: url(/img/bg-categories_ul_activCat.gif) repeat-y; }
.categories ul .open {color: #FFF; background: url(/img/bg-categories_ul_activCat.gif) repeat-y; }
.categories ul ul .activCat {color: #FFF; background: url(/img/bg-categories_ul_ul_activCat.gif) repeat-y !important; }
.categories ul ul .open {color: #FFF; background: url(/img/bg-categories_ul_ul_activCat.gif) repeat-y !important; }
.categories ul ul ul .activCat {color: #FFF; background: url(/img/bg-categories_ul_ul_activCat.gif) repeat-y; }
.categories ul ul ul .open {color: #FFF; background: url(/img/bg-categories_ul_ul_activCat.gif) repeat-y; }

/*****************************  === PUBLISH.infoboxlinks ===  *************************************/
.infoBox-t {} 
#title_info_1 {/*REM:xbackground: url(/img/1/title_info.gif) no-repeat; */}
.infoBox {}
.infoBoxIn {} 
.infoBox ul {margin: 0; padding: 20px 0 6px 0; list-style-type: none; }
.infoBox ul li a {padding: 0px 0 6px 17px; display: block; text-decoration: underline; font-size: 12px; color: #102e6c; }
.infoBox ul li a:hover {text-decoration: none; }
.infoBox .last {background: none; }

/*****************************  === CONTACT.sendmail  === *****************************************/
.sendM-t {background: url(/img/bg-title_sendM-t.gif) no-repeat; }
#title_sendM_1 {/*xbackground: url(/img/1/title_sendMin.gif) no-repeat; */}
.sendM {padding: 0 0 10px 0; background: url(/img/bg-sendM.png) no-repeat bottom !important; }
.sendMin {background: url(/img/bg-sendMin.png) repeat-y !important; }
.sendM .freetext {padding: 15px 10px 8px 18px; font-size: 12px; font-weight: bold; color: #000; }
.sendM .texta {height: 66px; width: 204px; margin: 0 0 5px 18px; background: url(/img/bg-sendM_texta.gif) no-repeat}
.sendM textarea {position: relative; top: 5px; left: 4px; height: 58px; width: 197px; color: #666666; border: 0; }
.sendM .inp {height: 28px; width: 204px; margin: 0 0 5px 18px; background: url(/img/bg-sendM_inp.gif) no-repeat}
.sendM .input_text {position: relative; top: 8px; left: 4px; width: 196px; color: #666666; border: 0; }
.sendM .input_button {position: relative; top: 0px; margin-left: 133px}
.sendM .checkCodeBox {padding: 0 0 15px 0}
.sendM .checkCodeBox span {padding: 8px 0 5px 18px; display: block; color: #003745; }
.sendM .checkCodeBox img {margin: 0 0 5px 18px; display: block; }

/*****************************  === ADVERTISING.recommendus  === **********************************/
.recommendUs-t {background: url(/img/bg-title_recommendUs-t.gif) no-repeat; }
#title_recommendUs_1 {/*REM:xbackground: url(/img/1/title_recommendUs.gif) no-repeat;*/ }
.recommendUs {padding: 0 0 10px 0; background: url(/img/bg-sendM.png) no-repeat bottom !important; }
.recommendUsIn {background: url(/img/bg-sendMin.png) repeat-y !important; }
.recommendUs .freetext {padding: 15px 10px 8px 18px; font-size: 12px; font-weight: bold; color: #000; }
.recommendUs .inp {height: 28px; width: 204px; margin: 0 0 5px 18px; background: url(/img/bg-sendM_inp.gif) no-repeat}
.recommendUs .input_text {position: relative; top: 8px; left: 4px; width: 196px; color: #666666; border: 0; }
.recommendUs .input_button {position: relative; top: 0px; margin-left: 133px}
.recommendUs .checkCodeBox {padding: 0 0 15px 0}
.recommendUs .checkCodeBox span {padding: 8px 0 5px 18px; display: block; color: #003745; }
.recommendUs .checkCodeBox img {margin: 0 0 5px 18px; display: block; }



/*****************************  === ADVERTISING.textlinks === *************************************/
.textAdvertise-t {} 
#title_advertise_1 {/*REM:xbackground: url(/img/1/title_advertise.gif) no-repeat; */}
.textAdvertise {}
.textAdvertiseIn {} 
.textAdvertise ul {margin: 0; padding: 0 0 0px 0; list-style-type: none; }
.textAdvertise ul li {padding: 11px 0 11px 0; background: url(/img/bg-textAdvertise_ul_li.gif) no-repeat bottom left; }
.textAdvertise ul li a {padding: 0px 8px 5px 16px; display: block; text-decoration: underline; font-size: 12px; font-weight: bold; color: #5cbbf8; }
.textAdvertise ul li a:hover {text-decoration: none; }
.textAdvertise ul li span {padding: 0px 8px 0px 16px; display: block; }
.textAdvertise .last {background: none; }

/*****************************  === TRANSPORTMETHOD.list  === *************************************/
.payments-t {}
#title_payments_1 {/*REM:xbackground: url(/img/1/title_payments.gif) no-repeat; */}
.payments {}
.paymentsIn1 {}
.paymentsIn2 {padding: 0 0 5px 17px; }
.payments .freetext {padding: 14px 10px 15px 17px; }
.payments img {margin: 0 7px 5px 7px; display: inline-block; }
.payments a:hover {text-decoration: none; }

/*****************************  === PARTNER.links === *********************************************/
.partnerLink-t {height: 30px; width: 234px; margin: 6px 0 0 0; padding: 11px 0 0 13px; font-sizE: 12px; font-weight: bold; color: #999; background: url(/img/bg-title_partnerLink-t.gif) no-repeat; }
.partnerLink {width: 234px; padding: 0; text-align: center; background: url(/img/bg-partnerLink.gif) repeat-y; }
.partnerLinkIn {width: 209px; padding: 0 10px 15px 15px; background: url(/img/bg-partnerLinkIn.gif) no-repeat bottom left; }
.partnerLinkIn div {padding: 0 5px 10px 5px; float: left; }
.partnerLink a {font-size:12px}

/*****************************  === COMMODITYLIST.mostlydiscuss ===  ************************************/
.mostlyDiscuss-t {background: url(/img/bg-title_mostlyDiscuss-t.gif) no-repeat; }
#title_mostlyDiscuss_1 {/*REM:xbackground: url(/img/1/title_mostly_discuss.gif) no-repeat; */}


/*****************************  === COMMODITYLIST.topsale ===  ************************************/
#column1 .topSale-t {background: url(/img/bg-title_mostlyDiscuss-t.gif) no-repeat; }
#title_topsale_shop_1 {/*REM:xbackground: url(/img/1/title_topsale.gif) no-repeat; */}
#column1 .topSale {background: url(/img/bg-topSale.gif) repeat-y; }
#column1 .topSaleIn {background: url(/img/bg-topSaleIn.gif) no-repeat ; }
#column1 .topSale ol {margin: 0 0 0 35px; ?margin-left: 40px; _margin-left: 40px; padding: 10px 0 7px 0; font-weight: bold; color: #FFF; }
#column1 .topSale ol li {margin-bottom: 4px; }
#column1 .topSale ol li a {position: relative; left: 2px; ?left: -3px; _left: -3px; padding: 0 10px 0 0; font-weight: bold; color: #FFF; }
#column1 .topSale ol li a:hover {color: #FFF; }


/* ------------ Column3 -----------------------------------------------------------------------------------------------------------------*/
#column3 .title {height: 27px; padding: 17px 0 0 20px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #FFF; }
#column3 .title span {;}
#column3 .sideBox {;} 
#column3 .sideBoxIn {;}
#column3 .banner {margin: 3px 0; text-align: center; }

/*****************************  === COMMODITYLIST.topsale ===  ************************************/
#column3 .topSale-t {background: url(/img/bg-title_topsale-t.gif) no-repeat; }
#title_topsale_shop_1 {xbackground: url(/img/1/title_topsale.gif) no-repeat; }
#column3 .topSale {background: url(/img/bg-topSale.gif) repeat-y; }
#column3 .topSaleIn {background: url(/img/bg-topSaleIn.gif) no-repeat; }
#column3 .topSale ol {margin: 0 0 0 35px; ?margin-left: 40px; _margin-left: 40px; padding: 10px 12px 7px 0; font-weight: bold; color: #FFF; }
#column3 .topSale ol li {margin-bottom: 4px; }
#column3 .topSale ol li a {position: relative; left: 2px; ?left: -3px; _left: -3px; font-weight: bold; color: #FFF; }
#column3 .topSale ol li a:hover {color: #FFF; }

/*****************************  === FIDELITY.points ===  ************************************/
#column3 .fidelity-t {background: url(/img/bg-title_topsale-t.gif) no-repeat; }
#title_fidelity_points_1 {xbackground: url(/img/1/title_topsale.gif) no-repeat; }
#column3 .fidelity {background: url(/img/bg-topSale.gif) repeat-y; }
#column3 .fidelityIn {background: url(/img/bg-topSaleIn.gif) no-repeat; }
#column3 .fidelity ul {list-style-type:none; margin: 0 0 0 25px; ?margin-left: 30px; _margin-left: 30px; padding: 10px 12px 7px 0; font-weight: bold; color: #FFF; }
#column3 .fidelity ul li {margin-bottom: 4px; }

/*****************************  === competition_promo  === **********************************/
.contestPromo {background: url(/img/bg-contestPromo.gif) repeat-y; }
.contestPromoIn {padding: 0 0 8px 0; background: url(/img/bg-contestPromoIn.gif) no-repeat; }
.contestPromo .freetext {padding: 37px 87px 10px 18px}
.contestPromo ul {margin: 0; padding: 0; list-style-type: none}
.contestPromo ul li a {margin-bottom: 3px; padding: 0 10px 0 18px; display: block; color: #003745; background: url(/img/bg-contestPromo_ul_li_a.gif) no-repeat 12px 7px; }
#title_competition_1{xbackground: url(/img/1/title_compet.gif) no-repeat; }
.contest h1 {padding: 15px 0 15px 15px; font-size: 14px; }

/*****************************  === COMMODITYLIST.action ===  *************************************/
#column3 .action-t {background: url(/img/bg-title_action-t.gif) no-repeat; }
#title_action_1 {/*REM:xbackground: url(/img/1/title_action.gif) no-repeat;*/}
#column3 .action .product {position: relative; height: 157px; width: 100%; padding: 13px 0 0 0; float: left; background: url(/img/bg-action_product.gif) no-repeat; }
#column3 .action .product.last {;} 
#column3 .action .productName h4 a {height: 30px; margin: 0 15px 15px 20px; overflow: hidden; display: block; color: #FFF; font-size: 12px; font-weight: bold; }
#column3 .action .productImg {height: 94px; width: 94px; margin: 0 0px 0 18px; _margin-left: 9px; float: left; border: 1px solid #00485c}
#column3 .action .productInfo {padding: 0 0 0 14px; float: left}
#column3 .action .productInfo .productPrice {padding: 20px 0 30px 0; font-size: 12px; font-weight: bold; color: #fcb034}
#column3 .action .productInfo .productPrice small {font-size: 11px; color: #708e96}
#column3 .action .productInfo .productAmount {color: #FFF}
#column3 .action .productInfo .productAmount .input_text {height: 16px; width: 27px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
#column3 .action .productInfo .productAttribute {position: absolute; top: 42px; left: 8px; width: 38px; }
#column3 .action .productInfo .productAttribute img {margin-bottom: 5px; }


/*****************************  === INQUIRY.one  === **********************************************/
#column1 .inquiry-t {}
#title_inquiry_1 {/*REM:xbackground: url(/img/1/title_inquiry.gif) no-repeat;*/}
#column1 .inquiry {font-size: 12px; }
#column1 .inquiryIn {}
#column1 .inquiry .question {padding: 19px 10px 11px 14px; font-size: 12px; color: #000; }
#column1 .inquiry .answerCount {position: relative; right: 23px; float: right; text-align: right; color: #5cbbf8; font-size: 12px; font-weight: bold; }
#column1 .inquiry .answerText {position: relative; left: 14px; width: 155px; text-decoration: underline; color: #5cbbf8; font-weight: bold; cursor: pointer; }
#column1 .inquiry .answerText:hover {text-decoration: none}
#column1 .inquiry .inquiryIn1 {height: 13px; width: 201px; margin: 3px 0 12px 14px; background: url(/img/bg-inquiryIn1.gif) no-repeat; }
#column1 .inquiry .inquiryIn2 {padding: 2px; }

/******************************* === M:COMMODITYBODY.related === **********************************/
#column3 .related-t {background: url(/img/bg-title_related-t.gif) no-repeat; }
#title_related_1 {xbackground: url(/img/1/title_related.gif) no-repeat; }
#column3 .related .product {position: relative; height: 157px; width: 100%; padding: 13px 0 0 0; float: left; background: url(/img/bg-action_related.gif) no-repeat; }
#column3 .related .product.last {;} 
#column3 .related .productName h4 a {height: 30px; margin: 0 15px 15px 20px; overflow: hidden; display: block; color: #FFF; font-size: 12px; font-weight: bold; }
#column3 .related .productImg {height: 94px; width: 94px; margin: 0 0px 0 18px; _margin-left: 9px; float: left; border: 1px solid #00485c}
#column3 .related .productInfo {padding: 0 0 0 14px; float: left}
#column3 .related .productInfo .productPrice {padding: 20px 0 30px 0; font-size: 12px; font-weight: bold; color: #fcb034}
#column3 .related .productInfo .productPrice small {font-size: 11px; color: #708e96; }
#column3 .related .productInfo .productAmount {color: #FFF}
#column3 .related .productInfo .productAmount .input_text {height: 16px; width: 27px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
#column3 .related .productInfo .productAttribute {position: absolute; top: 42px; left: 8px; width: 38px; }
#column3 .related .productInfo .productAttribute img {margin-bottom: 5px; }

/**************************** === COMMODITYBODY.toporder.column === *****************************/
#title_toporder_column_1 {background: url(/img/1/title_toporder_column.gif) no-repeat; }
#column3 .toporder_column-t {background: url(/img/bg-title_related-t.gif) no-repeat; }
#column3 .topOrder {padding-bottom: 3px}
#column3 .topOrder .product {position: relative; width: 100%; padding: 13px 0 18px 0; float: left; background: url(/img/bg-action_related.gif) no-repeat; }
#column3 .topOrder .product.last {;} 
#column3 .topOrder .productName h4 a {height: 30px; margin: 0 15px 15px 20px; overflow: hidden; display: block; color: #FFF; font-size: 12px; font-weight: bold; }
#column3 .topOrder .productImg {height: 94px; width: 94px; margin: 0 0px 0 18px; _margin-left: 9px; float: left; border: 1px solid #00485c}
#column3 .topOrder .productInfo {padding: 0 0 0 14px; float: left}
#column3 .topOrder .productInfo .productPrice {padding: 20px 0 30px 0; font-size: 12px; font-weight: bold; color: #fcb034}
#column3 .topOrder .productInfo .productPrice small {font-size: 11px; color: #708e96; }
#column3 .topOrder .productInfo .productAmount {color: #FFF}
#column3 .topOrder .productInfo .productAmount .input_text {height: 16px; width: 27px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
#column3 .topOrder .productInfo .productAttribute {position: absolute; top: 42px; left: 8px; width: 38px; }
#column3 .topOrder .productInfo .productAttribute img {margin-bottom: 5px; }

/* ------------ Column2 -----------------------------------------------------------------------------------------------------------------*/
#column2 .title {font-size: 26px; font-weight: normal; color: #102e6c}
#column2 .title h1 {font-size: 26px; font-weight: normal; color: #102e6c}
#column2 .title h3 {font-size: 26px; font-weight: normal; color: #102e6c}
#column2 .title span {;}
#column2 .banner {margin: 15px 0; text-align: center; display: none;}

/*****************************  === PUBLISH.welcome ===  ******************************************/
.prologue {width: 545px; float: left; }
.prologue .image {margin: 7px 28px 0px 0; float: left; }
.prologue h2 {padding-bottom: 8px; line-height: 30px;  font-size: 29px; font-weight: normal; color: #80624e}
.prologue p {line-height: 19px; font-size: 18px; font-weight: normal; color: #7b7b7b;}

.newsBoxNo2 {background: linear-gradient( #fff, #E4E4E4 ); background-color: #F9F9F9; overflow: hidden; padding-bottom: 10px;}
.newsBoxNo2 h2 {color: #373737; font-size: 28px; line-height: 22px; padding: 30px 10px 20px 10px; text-align: center;}
.newsBoxNo2 .newsBoxNo2-content {width: 101.5%;}

.newsBoxNo2 .articleline {box-sizing: border-box; float: left; margin-right: 1%; padding: 14px; width: 23.75%;}
.newsBoxNo2 div,.newsBoxNo2 p {display: block; height: inherit; line-height: 20px;}
.newsBoxNo2 .image img {vertical-align: middle; }
.newsBoxNo2 .image {width: 47px; }
.newsBoxNo2 h3 {font-size: 15px; padding: 6px 0 10px 28px; color: #0674D3; position: relative; background: url(/img/fajka-hp.png) no-repeat 0 0;}
.newsBoxNo2 h3 a {font-size: 15px;  color: #0674D3;}
.newsBoxNo2 .text {width: auto;  font-size: 13px; padding: 0;}


.articlesCategory {overflow: hidden; padding-bottom: 10px;}
.articlesCategory h2 {color: #373737; font-size: 24px; line-height: 22px; padding: 40px 0 16px 0px; text-align: center;}
.articlesCategory .articlesCategory-content {width: 102%;}
.articlesCategory .articleline {box-sizing: padding-box; float: left; margin-right: 1.8%; padding: 0; width: 18.15%;}
.articlesCategory div,.articlesCategory p {display: block; height: inherit; line-height: 20px;}
.articlesCategory h3 {font-size: 15px; padding: 10px 4px; color: #fff; position: relative; background: #0674D3; border-radius: 10px; text-align: center; }
.articlesCategory h3 a {font-size: 15px;  color: #fff; }
.articlesCategory .text {width: auto;  font-size: 13px; margin-top: -10px; padding: 10px 0 0 0; background: linear-gradient( #F7F7F7, #E4E4E4 ); background-color: #EBEBEB;}
.articlesCategory .text ul {display: table-cell; height: 140px; list-style-type: none; margin: 0; padding: 0; text-align: center; vertical-align: middle;}
.articlesCategory .text ul li {display: inline-block;}
.articlesCategory .text ul li a {text-decoration: underline; color: #0674D3;}
.articlesCategory .text ul li a:hover {text-decoration: none; color: #000;}


/**************************** === PUBLISH.textbody ===  *******************************************/
.publish-t h1 {font-size: 26px; font-weight: normal; color: #102e6c}
.freeArticle h2 {margin: 10px 0 10px 0; font-size: 22px; color: #49a9e5; } 
.freeArticle h3 {margin: 10px 0 10px 0; font-size: 19px; color: #49a9e5; } 
.freeArticle h4 {margin: 10px 0 10px 0; font-size: 17px; color: #313877; } 
.freeArticle a {text-decoration: underline; color: #313877; }
.freeArticle a:hover {text-decoration: none; }
 
.page_article .freeArticle {padding: 20px 0 0 0; font-size: 13px; color: #313877}
.page_article .freeArticle .articleHead .image {width: 106px; margin: 0 10px 5px 0; padding: 1px; float: left; border: 2px solid #f0f0f0}
.page_article .freeArticle .date {margin: 10px 0 10px 0; padding: 10px 0 3px 23px; display: block; font-style: oblique; font-size: 12px; color: #787878; background: url(/img/bg-newsInfo_date.gif) no-repeat 0 8px; border-top: 1px solid #EEE}
.freeArticle .articleHead .freetext {padding: 2px 0 10px 0; }
.freeArticle .articleHead .freetext a {text-decoration: underline; color: #313877; }
.freeArticle .articleHead .freetext a:hover {text-decoration: none; }

.freeArticle .articleBody {padding: 15px 0 10px 0; }
.freeArticle .articleBody ul {margin: 0; padding: 10px 0 10px 15px;}
.freeArticle .articleBody ul li {margin-left:20px}

.freeArticle .articleBody img {margin:2px 5px 5px 5px; border:1px solid #DDDDDD; cursor:pointer}
.imageclick {margin:2px 5px 5px 5px; border:1px solid #DDDDDD; cursor:pointer}

.freeArticle .articleBody ol {margin: 0 0 0 25px; padding: 10px 0 10px 10px; }
.freeArticle .articleBody ol li {margin-bottom: 5px; vertical-align: top; font-size: 12px; color: #313877; }
.freeArticle .articleBody ol li a {display: block; font-size: 12px; font-weight: bold; }

.freeArticle table {/*width: 400px;margin: 0 auto 50px auto;*/ clear: both; }
.freeArticle table caption {margin-top: 50px; padding-bottom: 5px; color: #ba340b; }
.freeArticle table tr th {height: 24px; ?height: 22px; _height: 22px; color: #FFF; background: #49493d; }
.freeArticle table tr td {height: 23px; /*border: 1px solid #81b492;*/ }
.freeArticle table tr a {text-decoration: underline; color: #363510; }
.freeArticle table tr a:hover {text-decoration: none; }

#dictPopUp  { position:absolute; left:0; top:0; display:none; z-index: 20000; background-color: #FFF; border:1px solid #CD6A00; padding:7px;}

/********** === PUBLISH.article.archive === ************/
.freeArticleArchive {width: 365px; float: left}
.freeArticleArchive.border {border-right: 1px solid #ccc}
.freeArticleArchive .articleHead {height: 117px; overflow: hidden}
.freeArticleArchive .freeArticle {padding: 25px 20px 12px 16px;}
.freeArticleArchive .freeArticle .articleTitle a {text-decoration: none; font-size: 20px; font-weight: bold; color: #102e6c}
.freeArticleArchive .freeArticle .articleTitle a:hover {text-decoration: underline; }
.freeArticleArchive .freeArticle .articleHead {padding: 10px 0 0 0}
.freeArticleArchive .freeArticle .articleHead .image {width: 106px; margin: 0 10px 2px 0; padding: 1px; float: left; border: 2px solid #f0f0f0}
.freeArticleArchive .freeArticle .articleHead .anotation .freetext {font-size: 12px; color: #313877} 
.freeArticleArchive .freeArticle .bottomPanel {padding: 10px 0}
.freeArticleArchive .freeArticle .bottomPanel .date {margin-top: 7px; padding: 2px 0 1px 23px; display: block; float: left; font-style: oblique; font-size: 12px; color: #787878; background: url(/img/bg-newsInfo_date.gif) no-repeat; }
.freeArticleArchive .freeArticle .bottomPanel .link {position: relative; top: 5px; padding: 5px 26px 5px 18px; display: block; floaT: right; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-newsInfo_a.gif) no-repeat right 4px #5cbbf8}
.freeArticleArchive .freeArticle .bottomPanel .link a {color: #FFF; }

.page_articlearchive .displayPaging {height: 40px; padding: 0 0 0 0}
.page_articlearchive .displayPaging .pager {top: 0; right: 17px}
.page_articlearchive .displayPaging .pager .PageNew {height: 19px; padding: 2px 6px 0 6px; display: inline-block; color: #FFF; background: url(/img/bg-pager_PageNew.gif) repeat-x;}
.page_articlearchive .displayPaging .pager .PageNew span {padding: 0}
.page_articlearchive .displayPaging .pager .actual {height: 18px; padding: 3px 6px 0 6px; display: inline-block; color: #FFF; background: url(/img/bg-pager_actual.gif) repeat-x;}
.page_articlearchive .displayPaging .pager .btLeft {margin: 0; }
.page_articlearchive .displayPaging .pager .btRight {margin: 0 3px 0 3px; }

.page_articlearchive .line {border-bottom: 1px solid #ccc}
.more {float:right; margin-right:5px}

/**************************** === COMMODITYLIST.recommended ===  *********************************/
#title_recomended_1 {/*REM:xbackground: url(/img/1/title_recomended.gif) no-repeat !important;*/}
.comLRecommended {width: 100%; padding: 0 0 10px 0; float: left; }
.comLRecommended .line {width: 100%; float: left; background: url(/img/bg-comLRecommended_line.gif) no-repeat bottom left; }
.comLRecommended .line.last {background: none; } 
.comLRecommended .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comLRecommended .product h3 a {height: 30px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comLRecommended .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; } 
.comLRecommended .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comLRecommended .productPrice small {font-size: 11px; color: #708e96; }
.comLRecommended .productAttribute {position: absolute; top: 42px; left: 13px; width: 38px; }
.comLRecommended .productAttribute img {margin-bottom: 5px; }

/**************************** === COMMODITYLIST.recommended ===  *********************************/
.comLRemember {width: 100%; padding: 0 0 10px 0; float: left; }
.comLRemember .line {width: 100%; float: left; background: url(/img/bg-comLRecommended_line.gif) no-repeat bottom left; }
.comLRemember .line.last {background: none; } 
.comLRemember .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comLRemember .product h3 a {height: 30px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comLRemember .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; } 
.comLRemember .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comLRemember .productPrice small {font-size: 11px; color: #708e96; }
.comLRemember .productAttribute {position: absolute; top: 42px; left: 13px; width: 38px; }
.comLRemember .productAttribute img {margin-bottom: 5px; }
.comLRemember .productAmount {padding: 8px 0 8px 0}
.comLRemember .productAmount .input_text {height: 16px; width: 27px; margin: 0 2px 0 2px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }               
               
/************************** === COMMODITYLIST.news === ********************************************/
#title_newitems_1 {/*REM:xbackground: url(/img/1/title_newitems.gif) no-repeat !important;*/}
.comLNews {width: 100%; padding: 0 0 10px 0; float: left; }
.comLNews .line {width: 100%; float: left; background: url(/img/bg-comLNews_line.gif) no-repeat bottom left; }
.comLNews .line.last {background: none; } 
.comLNews .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comLNews .product h3 a {height: 30px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comLNews .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; } 
.comLNews .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comLNews .productPrice small {font-size: 11px; color: #708e96; }
.comLNews .productAttribute {position: absolute; top: 42px; left: 13px; width: 38px; }
.comLNews .productAttribute img {margin-bottom: 5px; }

/*****************************  === CATEGORYLIST.navigate === *************************************/
.navigate {position: absolute; z-index: 9; top: -39px; left: -246px; margin: 0; padding: 0; list-style-type: none}
.navigate li {display: inline}
.navigate li a {margin-right: 10px; padding-right: 21px; text-decoration: underline; font-size: 14px; color: #5bb9f6; background: url(/img/bg-navigate_li_a.png) no-repeat right 0px}
.navigate li a:hover {text-decoration: none}
.navigate li .activNM {font-size: 14px; color: #5bb9f6; background: none}

/*****************************  === CATEGORYBODY.basicinfo ===  ***********************************/
.characterization {width: 100%; padding: 0px 0 15px 0; float: left; }
.characterization h1 {padding: 0 0 16px 0; font-size: 26px; font-weight: normal; color: #102e6c}
.characterization h2 {padding: 0 0 5px 0; font-size: 18px; font-weight: normal; color: #102e6c}  
.characterization .characterizationInfo {width: 713px; padding: 27px 0 50px 21px; float: left; background: url(/img/bg-characterizationInfo.gif) no-repeat top}
.characterization .characterizationImg {height: 98px; width: 148px; margin: 0 17px 8px 0; padding: 1px; float: left; border: 2px solid #dddddd}
.characterization .characterizationInfoIn {position: relative; top: -10px; height: 130px; width: 247px; margin: 0 25px 0 10px; floaT: right; background: url(/img/bg-characterizationInfoIn.gif) no-repeat}
.characterization .characterizationInfoIn .text {padding: 15px 45px 12px 70px; line-height: 19px; font-size: 17px; font-weight: bold; color: #102e6c}
.characterization .characterizationInfoIn ul {margin: 0; padding: 0px 0 0 66px; list-style-type: none}
.characterization .characterizationInfoIn ul li {float: left; }
.characterization .characterizationInfoIn ul li a {margin-right: 9px; float: left; display: block; text-decoration: underline; font-size: 13px; color: #102e6c; }
.characterization .characterizationInfoIn ul li a:hover {text-decoration: none; }
.characterization .characterizationInfoIn ul li .sep {padding-left: 11px; background: url(/img/bg-characterizationInfoIn_li_sep.gif) no-repeat 0 3px}
.characterization .characterizationInfo .freetext {font-size: 12px; color: #102e6c}
.characterization .characterizationInfo .freetext a {text-decoration: underline; color: #102e6c}

/*****************************  === CATEGORYBODY.topsale ===  *************************************/
.topSaleCategory-t {padding: 6px 19px 7px 19px; float: left; font-size: 12px; font-weight: bold; color: #FFF; background: #273e7f}
.topSaleCategory {margin-bottom: 40px; }
.topSaleCategory .product {position: relative; width: 232px; height: 250px; margin: 2px 4px 2px 2px; float: left; background: url(/img/bg-topSaleCategory_product.gif) no-repeat; }
.topSaleCategory .product .productName {height: 17px; margin: 10px 0 9px 0; text-align: center; overflow: hidden}
.topSaleCategory .product .productName h4 a {padding: 0 20px; text-decoration: underline; font-size: 14px; color: #102e6c}
.topSaleCategory .product .productName h4 a:hover {text-decoration: none}
.topSaleCategory .product .productImg {height: 88px; width: 118px; margin: auto; padding: 1px; background: #FFF; border: 2px solid #dddddd}
.topSaleCategory .product .productPrice {width: 212px; padding: 20px 0 13px 20px}
.topSaleCategory .product .productPrice smal {font-size: 11px}
.topSaleCategory .product .productPrice .productPrice-t {padding: 0 0 2px 0; font-weight: bold; color: #5cbbf8}
.topSaleCategory .product .productPrice .priceWithoutVat strong {padding: 0 17px 0 0; float: right; }
.topSaleCategory .product .productPrice .priceWithoutVat span {font-weight: bold;}
.topSaleCategory .product .productPrice .priceWithVat strong {padding: 0 21px 0 0; float: right; font-weight: normal; }
.topSaleCategory .product .productdetail {padding: 0 10px 0 0}
.topSaleCategory .product .productdetail a {height: 22px; padding: 8px 13px 0 13px; float: right; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-product_productdetail.gif) repeat-x; border: 2px solid #fefefe}

/***************************** === CATEGORYBODY.filter ===  ***************************************/
.displayPaging {position: relative; xheight: 20px; width: 100%; margin: 15px 0 15px 0; padding: 46px 0 0 0; float: left; font-size: 12px; color: #102e6c; background: url(/img/bg-displayPaging.gif) repeat-x bottom; }
.displayPaging img {vertical-align: middle; }
.displayPaging .listorcat {position: absolute; top: -29px; left: 0px; height: 29px; width: 734px; background: url(/img/bg-displayPaging_listorcat.gif) repeat-x bottom; }
.displayPaging .listorcat label {padding: 0 5px 0 0; }
.displayPaging .listorcat a {height: 21px; width: 73px; padding-top: 8px; padding-left: 35px; display: block; float: left; font-size: 12px; color: #5cbbf8}
.displayPaging .listorcat span {height: 21px; width: 73px; padding-top: 8px; padding-left: 35px; display: block; float: left; font-size: 12px; color: #5cbbf8}
.displayPaging .listorcat .cat {margin-right: 4px; cursor: pointer; background: url(/img/bg-displayPaging_listorcat_cat.gif) no-repeat; }
.displayPaging .listorcat .catSel {color: #FFF; background: url(/img/bg-displayPaging_listorcat_catSel.gif) no-repeat; }
.displayPaging .listorcat .list {margin-right: 4px; cursor: pointer; background: url(/img/bg-displayPaging_listorcat_list.gif) no-repeat; }
.displayPaging .listorcat .listSel {color: #FFF; background: url(/img/bg-displayPaging_listorcat_listSel.gif) no-repeat; }
.displayPaging .itemsOnPage {position: absolute; top: -25px; right: 7px; }
.displayPaging .itemsOnPage select {width: 45px; font-size: 12px; border: 1px solid #cccccc}
.displayPaging .orderSelect {position: absolute; top: 33px; left: 13px; }
.displayPaging .orderSelect span {position: relative; top: 2px; }
.displayPaging .orderSelect select {width: 120px; margin: 0 4px 0 3px; font-size: 12px; border: 1px solid #cccccc; }
.displayPaging .orderSelect input {margin-right: 0px; }
.displayPaging .pager {position: absolute; top: 33px; right: 6px}
.displayPaging .pager span {position: relative; top: 1px; padding-right: 4px; }
.displayPaging .pager .input_text {width: 27px; padding: 3px 0 3px 0; text-align: center; color: #000; background: #FFF; border: 1px solid #cccccc; }
.displayPaging .pager strong {padding: 0 5px; font-weight: normal; }
.displayPaging .pager .btLeft {margin: 0 0px 0 7px}
.displayPaging .filter {position: absolute; top: 36px; left: 250px; }
.displayPaging .filter label {position: relative; top: 0px; padding: 0 3px 0 0; font-size: 12px; font-weight: 600; }
.displayPaging .filter .actionL {color: #ef0000; }
.displayPaging .filter .newsL {color: #87bb30; }
.displayPaging .qualityFilter {position: absolute; left: 395px; top: 35px}
.displayPaging .qualityFilter select {width: 110px; margin: 0 0px 0 0px; font-size: 12px; border: 1px solid #cccccc; } 

/****************************** === CATEGORYBODY.catalogue ===  ***********************************/
.commodityCatalog {width: 100%; float: left; background: url(/img/bg-commodityCatalog.gif) repeat-y; border-top: 11px solid #d8dced; border-bottom: 9px solid #d8dced}
.commodityCatalog .line {width: 723px; padding: 0px 0 0 11px; float: left; border-bottom: 2px solid #d8dced; xbackground: url(/img/bg-commodityCatalog_line.gif) repeat-x bottom; }
.comLCatalog {}
.comLCatalog .product{background:#f4f4f4;  float:left;  height:354px;  margin:2px 4px 2px 2px;  position:relative;  width:232px;}
.comLCatalog .product .productName {height: 17px; margin: 10px 0 9px 0; text-align: center; overflow: hidden}
.comLCatalog .product .productName h2 a{color:#102e6c;  font-size:14px;  font-weight:600;  padding:0 20px;  text-decoration:underline;}
.comLCatalog .product .productName h2 a:hover {text-decoration: none}
.comLCatalog .product .productImg {height: 88px; width: 118px; margin: auto; padding: 1px; background: #FFF; border: 2px solid #dddddd}
.comLCatalog .product .productInfo{padding:4px 0 2px 20px;}
.comLCatalog .product .productInfo div strong {padding: 0 20px 0 0; float: right; font-weight: normal; }
.comLCatalog .product .productInfo .code {height: 17px; overflow: hidden; }
.comLCatalog .product .productInfo .mernaJednotka {height: 17px}
.comLCatalog .product .productInfo .vahaMJ {height: 17px}
.comLCatalog .product .productPrice {}
.comLCatalog .product .pp1{background: #ffffff;  padding:4px 0 4px 20px;}
.comLCatalog .product .pp2{background: #ffffff;  border-top:2px solid #f4f4f4;  padding:2px 0 4px 20px;}
.comLCatalog .product .productPrice smal {font-size: 11px}
.comLCatalog .product .productPrice .productPrice-t{color:#5cbbf8;  font-weight:600;  padding:0 0 2px;}
.comLCatalog .product .productPrice .priceWithoutVat strong {padding: 0 17px 0 0; float: right; }
.comLCatalog .product .productPrice .priceWithoutVat span {font-weight: 600;}
.comLCatalog .product .productPrice .priceWithVat strong {padding: 0 17px 0 0; float: right; font-weight: normal; }
.comLCatalog .product .amount{margin-top:10px;  padding:0 10px 0 0;}
.comLCatalog .product .amount .input_text {display: none}
.comLCatalog .product .productAttribute {position: absolute; top: 41px; lefT: 180px; width: 45px; }
.comLCatalog .product .productAttribute img {margin-bottom: 4px; }


/******************************  === CATEGORYBODY.list === ****************************************/
.commodityList {width: 100%; float: left; }
.commodityList thead tr td {height: 40px; padding-top: 5px; padding-bottom: 2px; vertical-align: top; text-align: left !important; font-size: 12px !important; font-weight: normal !important; color: #102e6c !important; border-bottom: 2px solid #FFF; background: #fef800; vertical-align: middle;}
.commodityList tbody tr td {padding: 3px 0; font-size: 12px; font-weight: 600; background: #e1f1f6; border-bottom: 2px solid #FFF; height: 100%; }
.commodityList tbody tr.last td {}
.commodityList .imgIcon {width: 30px; text-align: center}
.commodityList .attribute {width: 36px; }
.commodityList .code {width: 67px; padding-right: 5px; }
.commodityList .name {width: 135px; }
.commodityList .name a {font-size: 12px; font-weight: 600; color: #003745; }
.commodityList .mernaJednotka {width: 40px; text-align: center}
.commodityList .vahaMerneJednotky {width: 70px; padding-left: 10px; }
.commodityList thead .price {width: 95px; padding-left: 10px; padding-right: 20px; }
.commodityList .price {width: 120px; padding-left: 10px; }
.commodityList .price .withoutVAT {font-size: 12px}
.commodityList .price .withVAT {font-size: 11px; font-weight: normal; }
.commodityList .amount {width: 115px; }


/**************************** === COMMODITYBODY.detail === ****************************************/
.detail {position: relative; width: 100%; margin: 5px 0 20px 0; xfloat: left; background: #f8f8f8}   
.detail .detailIn {width: 656px; margin: 0; xfloat: left; } 
.detail img {vertical-align: middle; }


.detailPaging {width: 100%; padding: 0 0 15px 0; float: left; font-weight :bold;}
.detailPaging a {color:#5BB9F6; font-size:12px}
.detailPaging .next {margin-right: 5px; padding: 0 10px 0 0; floaT: right; background: url(/img/bg-detailPaging.gif) no-repeat right 5px; }
.detailPaging .prew {margin-left: 5px; padding: 0 0 0 10px; floaT: left; background: url(/img/bg-detailPagingR.gif) no-repeat left 5px; }

.detailName {width: 100%; padding: 0px 0 10px 0; xfloat: left; }
.detailName h1 {font-size: 26px; font-weight: normal; color: #102e6c; }


.detail .detailImg {position: relative; /*width: 334px;*/ float: left; background: #f8f8f8; margin-bottom: 15px;}
.detail .detailImgIn {/*width: 261px;*/ margin: 14px 0 14px 14px; /*padding: 20px 0 28px 45px;*/ float: left; /*background: #FFF*/}
.detail .detailImg .diEx {height: 160px; width: 212px; padding: 0px 0 0px 0; border: 2px solid #ddd}
.detail .detailImg .diEx .productAttribute {position: absolute; top: 5px; left: 6px; width: 38px}
.detail .detailImg .diEx .productAttribute img {margin-bottom: 2px; display: block} 
.detail .detailImg .detailVariImg {width: 222px; margin: 10px 0 0 0; float: left; }
.detail .detailImg .detailVariImg .detailVariImgIn {width: 64px; margin: 0 6px 6px 0; float: left; border: 2px solid #ddd; }
.detail .detailImg .detailVariImg .detailVariImgIn.last {margin-right: 0}
.detail .detailImg .detailVariImg .detailVariImgIn .dvEx {float: left; }

.detail .detailInfo {width: 398px; padding: 15px 0 15px 22px; float: left; font-size: 12px; xbackground: #EEEEEE; min-height: 208px;}
.detail .detailInfo .detailText {width: 100%; margin: 0px 0 0 0; float: left; }
.detail .detailInfo .detailText .detailTextIn {padding: 0 35px 20px 0px; }
.detail .detailInfo .code {width: 398px; padding: 2px 0 1px 0px; float: left; font-weight: bold; }
.detail .detailInfo .code strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: bold; }
.detail .detailInfo .pocetKusu {width: 398px; padding: 2px 0 1px 0px; float: left; font-weight: bold; }
.detail .detailInfo .pocetKusu strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: bold; }
.detail .detailInfo .mernaJednotka {width: 398px; padding: 2px 0 1px 0px; float: left; font-weight: bold; }
.detail .detailInfo .mernaJednotka strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: bold; }
.detail .detailInfo .jakost {width: 398px; padding: 2px 0 1px 0px; float: left; font-weight: bold; }
.detail .detailInfo .jakost strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: bold; }
.detail .detailInfo .vahaMerneJednotky {width: 398px; padding: 2px 0 1px 0px; float: left; font-weight: bold; }
.detail .detailInfo .vahaMerneJednotky strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: bold; }
.detail .detailInfo .cenaZaMernouJednotku {width: 100%; padding: 11px 0 0 0; floaT: left; }
.detail .detailInfo .paddingGrayLine {padding-top: 6px}
.detail .detailInfo .cenaZaMernouJednotku small {font-size: 12px; }
.detail .detailInfo .cenaZaMernouJednotku .t {color: #5cbbf8; font-weight: bold;}
.detail .detailInfo .cenaZaMernouJednotku .bezDPH {width: 398px; padding: 2px 0 1px 0px; float: left; font-weight: bold;}
.detail .detailInfo .cenaZaMernouJednotku .bezDPH strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: bold; } 
.detail .detailInfo .cenaZaMernouJednotku .sDPH {width: 398px; padding: 2px 0 1px 0px; float: left; }
.detail .detailInfo .cenaZaMernouJednotku .sDPH strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: normal; } 
.detail .detailInfo .cenaZaKg {width: 100%; padding: 11px 0 0 0; floaT: left; }
.detail .detailInfo .cenaZaKg small {font-size: 12px; }
.detail .detailInfo .cenaZaKg .t {color: #5cbbf8; font-weight: bold;}
.detail .detailInfo .cenaZaKg .bezDPH {width: 398px; padding: 2px 0 1px 0px; float: left; font-weight: bold;}
.detail .detailInfo .cenaZaKg .bezDPH strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: bold; } 
.detail .detailInfo .cenaZaKg .sDPH {width: 398px; padding: 2px 0 1px 0px; float: left; }
.detail .detailInfo .cenaZaKg .sDPH strong {width: 137px; padding: 0 25px 0 0; float: right; text-align: right; font-weight: normal; } 
.detail .detailInfo .grayLine {height: 1px; background-color: #C1C3BE; width: calc(100% - 25px); float: left; margin-top: 6px}

/* dostupnost na detailu */
.detail .detailInfo .availability {width: 100%; padding: 4px 0 0 0; float: left; display: table;}
.availGreen {color: #009900;}
.detail .detailInfo .availNoStock {color: #F2AB04;}
.detail .detailInfo .availRed {color: #F2AB04; text-decoration: underline;}
.detail .detailInfo .availNoStock div {display: inline; font-weight: 800; color: #F2AB04;}
.detail .detailInfo .availNoStock a {padding-right: 25px; color: #F2AB04; float: right; text-decoration: underline; margin-top: 3px;}
.detail .detailInfo .availNoStock::before {width: 16px; height: 16px; display:inline-block; background: url(/img/crossorange16x16.png) no-repeat; content:''; position: relative; top: 3px; margin-right: 6px;}
.detail .detailInfo .availability .availRight {float: right; margin-right: 25px; margin-top: 3px;}
.detail .detailInfo .availability .availLeft {float: left;}
.detail .detailInfo .availability .availFatFont {font-weight: 800;}
.detail .detailInfo .availability .availShow{cursor: pointer; text-decoration: underline; color: grey;}
.detail .detailInfo .availability .availShow::before {width: 16px; height: 16px; display:inline-block; background: url(/img/greenarrow16x16.png) no-repeat; content:''; position: relative; top: 3px; margin-right: 6px;}
.detail .detailInfo .availability .availMarketText {color: #0574D3; text-decoration: underline; cursor: pointer;}
.availContainer .availTable{border-spacing: 0 2px;}
.detail .detailInfo .availability .availMarketText::before,
.detail .detailInfo .availability .availSelectMarketBox .addHouse::before,
.availContainer .availTable tr td.addHouse::before {width: 16px; height: 16px; display:inline-block; background: url(/img/blueHouse16x16.png) no-repeat; content:''; position: relative; top: 3px; margin-right: 6px;}
.availContainer .availTable tr td.addHouseDetail::after {width: 16px; height: 16px; display:inline-block; background: url(/img/blueHouse16x16.png) no-repeat; content:''; position: relative; top: 3px; margin-left: 6px;}
.availContainer .availTable tr td.addHouseDetail { position: relative; top: -2px; }
.detail .detailInfo .availability .availMarketText::after {width: 16px; height: 16px; display:inline-block; background: url(/img/expand_icon.png) no-repeat; content:''; position: relative; top: 3px; margin-left: 6px;}
.detail .detailInfo .availability .availSelectMarketBox {position: absolute; background-color: white; border: 1px solid lightgray; margin-top: 22px; display: none; z-index: 10;}
.detail .detailInfo .availability .availSelectMarketBox ul { padding: 0px 10px;}
.detail .detailInfo .availability .availSelectMarketBox ul li {cursor: pointer; list-style-type: none; margin-top: 4px;}
.detail .detailInfo .availability .availSelectMarketBox ul li:hover {text-decoration: underline; color: #5cbbf8;}
.detail .detailInfo .availability .availInStock::before {width: 16px; height: 16px; display:inline-block; background: url(/img/check16x16.png) no-repeat; content:''; position: relative; top: 3px; margin-right: 6px;}

/* dostupnost v okne */
.availContainer tr td {color: gray;}
.availContainer .grayLine {height: 1px; background-color: #C1C3BE; width: 100%; margin-top: 6px}
.availContainer .fontlight {font-weight: 600;}
.availContainer .availClose {float: right; padding-right: 30px; text-decoration: underline; cursor: pointer;}
.availContainer .availHeader {font-size: 135%; font-weight: 800; display: inline;}
.availContainer .availSale {text-align: center; padding-top: 14px;}
.availContainer .availSale a {color: rgb(92,187,248); text-decoration: underline;}
.availContainer .availTable th {text-align: right; color: #0574D3}
.availContainer .availTable tr td:nth-child(1) {width: 230px; text-align: left;}
.availContainer .availTable tr td:nth-child(2) {width: 95px; text-align: right; color: #009900;}
.availContainer .availTable tr td:nth-child(3) {width: 115px; text-align: right;}
.availContainer .availTable tr td:nth-child(4) {width: 80px; text-align: right;}
.availContainer .availTable tr td.availNo {color: red;}
.availContainer .availTable .availRed {color: #F2AB04; text-decoration: underline;}
.availContainer .availTable tr:nth-child(even) {background: #F8F8F8;} /*odd*/

.detail .amountBox {position: relative; height: 64px; width: 629px; margin: 15px 0 15px 13px; float: left; font-size: 12px; color: #000; background: #fef800}
.detail .amountBox.bottom {margin-left:50px}
.detail .amountBox.bottom #countBubble {left:auto;right:0}
.detail .amountBox .amEx {width: 73px; padding: 16px 0 0 15px; float: left; display: block; }
.detail .amountBox .inp {height: 34px; width: 76px; margin-top: 15px; display: inline-block; float: left; background: url(/img/bg-amountBox_inp.gif) no-repeat}
.detail .amountBox .inp.dis {background:url(/img/bg-amountBox_inp_disabled.png) no-repeat}
.detail .amountBox .inp .input_text {position: relative; top: 9px; left: 4px; width: 68px; text-align: center; color: #000; font-size: 12px; border: 0}
.detail .amountBox .inp.dis .input_text {background:#E0E0E0}
.detail .amountBox .unit {width: 35px; padding: 23px 0 0 5px; display: block; float: left; font-size: 14px; font-weight: bold; }
.detail .amountBox .input_button {position: absolute; top: 14px; right: 17px; }
.detail .amountBox .totalPriceWrap {position: absolute; top: 15px; left: 206px; width: 235px; }
.detail .amountBox .totalPriceWrap div {width: 100%; float: left; }
.detail .amountBox .totalPriceWrap div strong {width: 90px; padding-right: 15px; display: block; float: right; text-align: right}
.detail .amountBox .totalPriceWrap div strong small {font-size: 12px}
.detail .amountBox .totalPriceWrap #totalPriceWithoutDPH {padding-bottom: 2px; font-weight: bold}
.detail .amountBox .totalPriceWrap #totalPriceWithoutDPH strong {font-weight: bold; } 
.detail .amountBox .totalPriceWrap #totalPriceWithDPH strong {font-weight: normal; }

.detail .detailLinkBox {}
  
.detail .sendPrint {position: absolute; top: 14px; left: 656px; }
.detail .sendPrint ul {margin: 0; padding: 0; list-style-type: none; }
.detail .sendPrint ul li a {width: 58px; margin-bottom: 2px; padding: 0 0 0 6px; display: block; color: #a6a6a6; font-weight: bold; }
.detail .sendPrint ul li .spEx1 {height: 31px; padding-top: 38px; background: url(/img/bg-sendPrint_spEx1.gif) no-repeat #fef800;}
.detail .sendPrint ul li .spEx2 {height: 31px; padding-top: 38px; background: url(/img/bg-sendPrint_spEx2.gif) no-repeat #fef800;}
.detail .sendPrint ul li .spEx3 {height: 25px; padding-top: 44px; background: url(/img/bg-sendPrint_spEx3.gif) no-repeat #fef800;}

/* EDITOR DELENI NA DETAILU PRODUKTU */
.detail .dp-gray {background: #EEEEEE; padding: 20px; color:#000000; }
#column2.page_commodity h3 {font-size: 20px; padding-bottom: 10px;}
.divider label {font-size: 13px; color: #009900; text-decoration: underline; font-weight: 600; cursor: pointer; } 
.detail #singleDividing_0 {font-size: 13px; padding-bottom: 15px;}
.detail #singleDividing_0 input.Count {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 40px; text-align: right; padding: 0 4px;}
.detail .divider #CustomDivider_0 {box-sizing: border-box; border: solid 1px #000; border-bottom: solid 1px #DCDCDC; height: 15px; width: 15px; background: #fff;}
.detail #singleDividing_0 table  {width: 100%;}
.detail #singleDividing_0 table td.m-lenght { vertical-align: bottom; width: 109px; white-space:nowrap;}
.detail #singleDividing_0 table td.m-width { vertical-align: bottom; width: 109px;}
.detail #singleDividing_0 table td.m-width span {margin-right: 20px; font-size: 11px; }
.detail #singleDividing_0 table td.m-lenght span {margin-right: 20px; font-size: 11px;}
.detail #singleDividing_0 table td.m-amount span {display: inline-block; vertical-align: bottom; padding-bottom: 5px; padding-left: 1px;}
.detail #singleDividing_0 table td.m-amount  { width:99px;}
.detail #singleDividing_0 table td {height: 24px;}
.detail #singleDividing_0 tbody td.big input {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 100%; padding: 0 4px;}
.detail #dividingEditorContainer_0 {padding-top: 10px; font-size: 13px;}

.page_commodity .shortAnnotation { font-size:12px;padding-bottom:12px;}
.page_commodity .shortAnnotation .legend{ cursor:pointer;  color:#5cbbf8; text-decoration:underline;}



.detail #dividingEditorContainer_0 table {width: 100%; box-sizing: border-box; xmargin-top: 15px;}
.detail #dividingEditorContainer_0 table td {height: 44px;}
/*.detail #dividingEditorContainer_0 table tbody tr td:last-of-type {display: none;}*/
.detail #dividingEditorContainer_0 input.count {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 40px; text-align: right; padding: 0 4px;}
.detail #dividingEditorContainer_0 input.length {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 40px; text-align: right; padding: 0 4px;}
.detail #dividingEditorContainer_0 input.width {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 40px; text-align: right; padding: 0 4px;}
.detail #dividingEditorContainer_0 table td.small span {display: inline-block; padding-bottom: 5px; vertical-align: bottom; padding-left: 4px;}

.detail #singleDividing_0 input.length {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 40px; text-align: right; padding: 0 4px;}
.detail #singleDividing_0 input.width {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 40px; text-align: right; padding: 0 4px;}

/*.detail #singleDividing_0  input.invalid {border-color: #FF0000;}*/

.detail #dividingEditorContainer_0 input.invalid {border-color: #FF0000;}

.detail .divider {xwidth: 707px; padding: 0 0 10px 0px; }
.detail .divider h3 {padding: 0 0 5px 16px; font-size: 18px; color: #102E6C}
.detail .divider .noteText {padding: 3px 0 12px 16px; color: #102E6C; font-size: 12px}
#dividingEditorContainer_0 table {width: 100%; display: none;}
#dividingEditorContainer_0 thead td {height: 30px; padding: 0 0 5px 15px; vertical-align: bottom; font-size: 13px; font-weight: bold; color: #102E6C; background: #eee; border-bottom: 1px solid #f8f8f8}
#dividingEditorContainer_0 tbody td {height: 32px; }
#dividingEditorContainer_0 input {padding: 5px 4px 5px 4px; box-sizing: border-box; border: 2px solid #ddd; width:100%;}
#dividingEditorContainer_0 .input_button {width: 130px; box-sizing: border-box; margin-top: 5px; padding: 6px 15px 6px 25px; color: #5CBBF8; font-size: 13px; background: transparent url("/img/bt-plus.png") no-repeat left center; border: 0; text-decoration: underline; cursor: pointer; text-align: left;}
#dividingEditorContainer_0 .ibRow {margin: 0}
#dividingEditorContainer_0 tbody td.small {width: 111px}
#dividingEditorContainer_0 tbody tr td:first-of-type {width: 101px}
#dividingEditorContainer_0 tbody td.small input {width: 120px}
#dividingEditorContainer_0 tbody td.big {xwidth: 347px; }
#dividingEditorContainer_0 tbody td.big input {box-sizing: border-box; border: solid 1px #BEBEBE; border-bottom: solid 1px #DCDCDC; border-top: solid 1px #787878; background: #fff; box-shadow: 0 1px 0 0 #BEBEBE inset; height: 30px; width: 100%; padding: 0 4px;}

.detail .price-summary {font-size:13px; margin-left: 216px;}
.detail .price-summary p {height: 26px;}
.detail .price-summary strong {font-size:16px; float: right; position: relative; display: inline-block;}
.xdetail .price-summary p:first-of-type strong {font-size:16px; float: right; margin-right: 65px;}
.detail .price-summary strong small {font-size:13px; padding-left:12px; font-weight: 400; padding-left: 20px;}
.detail .price-summary strong span {font-size:16px; padding-right:12px; padding-left:12px; font-weight: 400; position: relative;}

.detail .price-summary strong span span {padding-right:0px; padding-left:0px;}

.detail .price-summary div.totalCount  {height: 26px;}
.detail .price-summary div.totalCount strong {font-size:16px; float: right; margin-right: 71px;}
.detail .price-summary div.totalCount .discountHover {width: 100%; top: -4px;}


.detail .price-summary span.curr, .detail .price-summary span.unit {
  xbackground: yellow none repeat scroll 0 0;
  box-sizing: border-box;
  display: inline-block;
  font-weight: bold !important;
  width: 45px;
}




.detail .price-summary-single { display: inline-block; position: relative; top: 8px;}
.detail .price-summary-single .s-title {  font-size: 12px; color: #000; width: 73px; float:left;}
.detail .price-summary-single .s-amount {  font-size: 12px; color: #000; width: 115px; float:left; }
/*.detail .price-summary-single .s-amount span {  font-size: 13px; font-weight:bold; padding-left: 5px; }*/
.detail .price-summary-single .s-amount input { top: 9px; left: 4px; width: 68px; text-align: center; }
.detail .price-summary-single .s-amount .inp input {  width: 50px;  height: 34px; width: 76px; display: inline-block;background: url(/img/bg-amountBox_inp_grey.png) no-repeat; border: 0; }
.detail .price-summary-single .s-price {  font-size: 13px; display: inline-block; width: 255px; }
.detail .price-summary-single .s-price strong { font-size: 13px; }
.detail .price-summary-single .s-price .f-price { float:right; margin-right: 15px;}


.detail .buyButton {margin-left: 216px; margin-top: 13px; margin-bottom: 10px; text-align: center;}
/*.detail .buyButton .input_button {xcursor: pointer; font-family: 'Open Sans', sans-serif; box-sizing: border-box; height: 50px; width: 250px; border: solid 1px #999999; background: linear-gradient( #CBCBCB, #9B9B9B ); background-color: #B8B8B8; color: #fff; font-weight: 700; border-radius: 6px; font-size: 18px; }*/
.detail .buyButton .input_button {xcursor: pointer; font-family: 'Open Sans', sans-serif; box-sizing: border-box; height: 46px; width: 246px; border: solid 2px white; background: url(/img/bg-basket2.png) no-repeat 25px 8px, linear-gradient( #CBCBCB, #9B9B9B ); background-color: #B8B8B8; color: #fff; font-weight: 600; font-size: 17px; padding-left: 30px;}
/*.detail .buyButton .input_button.active {cursor: pointer; border: solid 1px #009900; background: linear-gradient( #63CB00, #079D00 ); background-color: #2EB000;}*/
.detail .buyButton .input_button.active {cursor: pointer; border: solid 2px white; background: url(/img/bg-basket2.png) no-repeat 25px 8px, linear-gradient( #74C2F7, #0199FF ); background-color: #079D00; padding-left: 30px;}

.detail .buyButtonSingle { margin:0; display: inline-block; }
.detail .buyButtonSingle .input_button { display:inline-block;}

.detail .contactLink { text-decoration: underline; }
.detail .contactLink:hover { text-decoration: none; }


.page_commodity .textinfo {background: #EEEEEE;  margin: 20px 0; clear: both;}
.page_commodity .textinfo a {display: block; padding: 18px 10px;}
.page_commodity .legend-content {font-size: 13px;}
.page_commodity .legend-content p {padding: 6px 0px;}
.page_commodity .relatedServices {margin-top: 25px; font-size: 13px;}
.dividingError.ui-tooltip {box-shadow: none;} 
.dividingError {background: #ffffff; border: 1px solid #ff0000; color: #ff0000; font-size: 13px;}
.dividingError.ui-widget-content:before {content:""; width: 34px; height: 20px; position: absolute; top: -20px; left: 49px; background:url("../img/bubble-arr.png") center center transparent;}
.dividingError.ui-corner-all, .dividingError.ui-corner-bottom, .dividingError.ui-corner-right, .dividingError.ui-corner-br {border-bottom-right-radius: 0px;}
.dividingError.ui-corner-all, .dividingError.ui-corner-bottom, .dividingError.ui-corner-left, .dividingError.ui-corner-bl {border-bottom-left-radius: 0px;}
.dividingError.ui-corner-all, .dividingError.ui-corner-top, .dividingError.ui-corner-right, .dividingError.ui-corner-tr {border-top-right-radius: 0px;}
.dividingError.ui-corner-all, .dividingError.ui-corner-top, .dividingError.ui-corner-left, .dividingError.ui-corner-tl {border-top-left-radius: 0px;}


.quantity {margin:0; width:100%; floaT:left}
.quantity  table { margin: 17px auto 20px auto; padding: 5px; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0}
.quantity  td {height: 22px; width: 60px; border-bottom: 1px solid #E0E0E0}
.quantity .line1 td {color: #3d7bb9; font-weight: bold}
.quantity .nadpis {height: 30px; text-transform: uppercase; text-align:center; background:#e7e7e7; color: #808080; font-weight: bold; font-size:12px; width:auto}
.quantity .tdname {width:87px; padding-right: 10px; font-weight:bold; text-align:right; color: #808080 !important; border-right: 1px solid #E0E0E0}
.quantity .tdvaluesum {font-weight:bolder; color:#E35503; background:#F2F2F2; text-align:center; border-right: 1px solid #FFF}
.quantity .tdvalue {background:#F2F2F2; text-align:center; border-right: 1px solid #FFF}


/*************************** === commoditybody_detailsend.xslt === ********************************/
.classic {margin: 15px 0 0 0;}
.classic tr td {padding-bottom: 5px; font-size: 13px; }
.classic label {font-size: 13px; font-weight: bold; color: #102e6c}
.classic .name {width: 80px; }
.classic .inputTD div {padding: 5px 0 15px 0; }
.classic .input_text {width: 216px; margin-right: 5px; padding: 5px 0 5px 4px; color: #003745; border: 2px solid #5CBBF8; }
.classic .input_textarea {height: 50px; width: 450px; padding: 3px; border: 2px solid #5CBBF8; }
.classic .checkCodeBox span {padding: 8px 0 5px 18px; display: block; color: #003745; }
.classic .checkCodeBox img {margin: 0 0 5px 0px; display: block; }
.classic .checkCodeBox .input_text {margin: 5px 0 0 0; }
.detailSendBT {width: 100%; padding: 15px 0 0 0; text-align: center; }
.detailSendBT label {margin-right: 10px; }

/**************************** === USER.baskethoverbox === *****************************************/
#basketHoverBox {position: absolute; z-index: 999; min-height: 255px; width: 496px; display: none; color: #102e6c; font-size: 12px; background: #FFF; border: 5px solid #EEE}
#basketHoverBox .topPanel {height: 27px; font-sizE: 14px; background: #EEE; }
#basketHoverBox .topPanel .text {padding: 2px 0 0 11px; float: left; font-size: 14px; color: #102e6c; }
#basketHoverBox .topPanel .closeW {padding: 3px 11px 0 0; float: right}
#basketHoverBox .topPanel .closeW a {padding-right: 20px; text-decoration: underline; font-size: 12px; color: #102e6c; background: url(/img/bg-topPanel_close.gif) no-repeat right; }
#basketHoverBox .topPanel .closeW a:hover {text-decoration: none; }
#basketHoverBox .freetext {}
#basketHoverBox .item {color: #102e6c; }
#basketHoverBox .item .image {padding: 23px 0 22px 0; text-align: center}
#basketHoverBox .item .name {width: 200px; margin: 0 0 0 148px; padding: 0 0 9px 0; text-align: center; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ddd}
#basketHoverBox .item .count {width: 225px; margin: 0 0 0 148px; padding: 8px 0 5px 0; font-weight: bold; color: #102e6c; }
#basketHoverBox .item .count .countValue {padding: 0 30px 0 0; float: right} 
#basketHoverBox .item .price {width: 225px; margin: 0 0 0 148px; padding: 0 0 0 0; font-weight: bold; color: #102e6c; }
#basketHoverBox .item .price .priceValue {padding: 0 30px 0 0; float: right; font-sizE: 14px; color: #313131; }   
#basketHoverBox .buttonsHB {position: absolute; top: 81px; left: 0; height: 120px; width: 496px; background: url(/img/bg-buttonsHB.gif) no-repeat ; }
#basketHoverBox a {text-decoration: none}
#basketHoverBox .bhEx1 {position: absolute; top: 41px; left: 380px; }
#basketHoverBox .bhEx2 {position: absolute; top: 41px; left: 2px; }

.baskethoverbox {}
.baskethoverbox img {vertical-align: middle; }
.baskethoverbox .productName {padding: 3px 0 8px 18px; font-weight: bold; }
.baskethoverbox .param {padding: 0 0 0 18px; }
.baskethoverbox .param div {padding: 0 0 3px 0; }

/********************************* === COMMODITYLIST.alternative === ******************************/
#title_alternative_1 {background: url(/img/1/title_alternative.gif) no-repeat !important}
.comLAlternative {width: 100%; padding: 0 0 10px 0; float: left; }
.comLAlternative .line {width: 100%; float: left; background: url(/img/bg-comLNews_line.gif) no-repeat bottom left; }
.comLAlternative .line.last {background: none; } 
.comLAlternative .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comLAlternative .product h3 a {height: 31px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comLAlternative .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; } 
.comLAlternative .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comLAlternative .productPrice small {font-size: 11px; color: #708e96; }
.comLAlternative .productAmount {padding: 5px 0 0 0; }
.comLAlternative .productAmount .input_text {height: 16px; width: 27px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
.comLAlternative .productAttribute {position: absolute; top: 40px; left: 13px; width: 38px; }
.comLAlternative .productAttribute img {margin-bottom: 5px; }

/********************************* === COMMODITYLIST.set === ******************************/
#title_set_1 {background: url(/img/1/title_set.gif) no-repeat !important}
.comLSet {width: 100%; padding: 0 0 10px 0; float: left; }
.comLSet .line {width: 100%; float: left; background: url(/img/bg-comLNews_line.gif) no-repeat bottom left; }
.comLSet .line.last {background: none; } 
.comLSet .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comLSet .product h3 a {height: 31px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comLSet .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; } 
.comLSet .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comLSet .productPrice small {font-size: 11px; color: #708e96; }
.comLSet .productAttribute {position: absolute; top: 40px; left: 13px; width: 38px; }
.comLSet .productAttribute img {margin-bottom: 5px; }
 
/**************************** === COMMODITYBODY.toporder ===  *********************************/
#title_toporder_1 {background: url(/img/1/title_toporder.gif) no-repeat !important}
.comLTopOrder {width: 100%; padding: 0 0 10px 0; float: left; }
.comLTopOrder .line {width: 100%; float: left; background: url(/img/bg-comLNews_line.gif) no-repeat bottom left; }
.comLTopOrder .line.last {background: none; } 
.comLTopOrder .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comLTopOrder .product h4 a {height: 31px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comLTopOrder .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; } 
.comLTopOrder .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comLTopOrder .productPrice small {font-size: 11px; color: #708e96; }
.comLTopOrder .productAttribute {position: absolute; top: 40px; left: 13px; width: 38px; }
.comLTopOrder .productAttribute img {margin-bottom: 5px; }

/******************* === USER.Order === ***********************************************************/
#title_order_1 {/*REM:background: url(/img/1/title_order.gif) no-repeat*/}

.order {;}

.orderTypeWrap {width: 100%; margin: 0px 0 15px 0; float: left; text-align: center; }
.orderTypeWrap .t {padding: 18px 0 16px 0; font-size: 17px; font-weight: bold; color: #5cbbf8}
.orderTypeWrap .check label {font-size: 14px; color: #062966}
.orderTypeWrap .typeOrderBox {height: 90px; width: 366px; margin: 0 2px 0 0; float: left; background: #f8f8f8}
.orderTypeWrap .typeOrderDemand {height: 90px; width: 366px; margin: 0 0px 0 0; float: left; background: #f8f8f8}

.order .orderItems {width: 100%; margin: 10px 0 0 0; float: left; }
.order .orderItems td img {vertical-align: middle; }
.order .orderItems thead tr td {padding-top: 7px; padding-bottom: 0px; line-height: 12px; vertical-align: top; text-align: left !important; font-size: 11px !important; font-weight: normal !important; color: #000000 !important; border-bottom: 2px solid #FFF; background: #fef800; line-height:24px;}


.order .orderItems td {xborder: solid 1px red; padding: 3px 4px !important; color: #000000;}
.order .orderItems tr td.totalMJ,
.order .orderItems tr td.priceNoDPHMJ,
.order .orderItems tr td.priceNoDPH,
.order .orderItems tr td.priceDPH,
.order .orderItems tr td.vaha
{text-align: right !important; white-space: nowrap; padding: 3px 4px 3px 10px !important; width: inherit !important; xborder-left: solid 1px #fff;}
.order .orderItems tr td.vaha
{border-left: none;}

.order .orderItems tbody tr td.priceNoDPH {font-weight: 700;}
.order .orderItems tr td small {font-size: 12px;}

.order .orderItems tr td.priceNoDPH span,
.order .orderItems tr td.priceDPH span
{display: block;}

.order .orderItems tfoot tr td {font-size: 13px !important; background: #CCCCCC; border-left: none !important; padding-top: 12px !important; padding-bottom: 12px !important; border-top: 19px solid #fff !important;}
.order .orderItems tfoot tr td.txt-suma {font-size: 11px !important; font-weight: bold; }
.order .orderItems tfoot tr td.txt-suma strong {display: block; font-size: 13px !important; }



.order-info {font-size: 13px !important; text-align: right !important;}
.order-info div, .order-info span {font-size: 13px !important; xtext-align: right !important;}


.order .orderItems tbody tr.trSluzbaContent {position: relative;}
/*.order .orderItems tbody tr.trSluzbaContent input.addNewRow 
{
  position: absolute; bottom: 18px; left: 10px;
  background: transparent url("/img/bt-plus.png") no-repeat scroll left center;
  border: 0 none;
  box-sizing: border-box;
  color: #5cbbf8;
  cursor: pointer;
  font-size: 12px;
  margin-top: 5px;
  padding: 6px 15px 6px 18px;
  text-align: left;
  text-decoration: underline;
  width: 130px;
  bottom:18px;
  left:-114px;
}*/
.order .orderItems tbody tr.trSluzbaContent input.addNewRow 
{
  top: -17px;
  position:relative;
  background: transparent url("/img/bt-plus.png") no-repeat scroll left center;
  border: 0 none;
  box-sizing: border-box;
  color: #5cbbf8;
  cursor: pointer;
  font-size: 12px;
  margin-top: 5px;
  padding: 6px 15px 6px 18px;
  text-align: left;
  text-decoration: underline;
  width: 85px;
}



.order .orderItems tbody tr td {height: 40px; font-size: 12px; background: #EEEEEE;  }
.order .orderItems tbody tr.cutOfProduct td {border-top: solid 1px #fff;  }
.order .orderItems tbody tr.newLine td {border-top: solid 19px #fff;}
.order .orderItems tbody tr.newLine:first-of-type td {border-top: solid 0px #fff;}  
.order .orderItems tbody tr.last td {background: none; }
.order .orderItems .imgIcon {width: 40px; text-align: center}
.order .orderItems thead .code {width: 62px; padding-right: 10px;}

.order .orderItems .code {width: 72px; }
/*.order .orderItems .name {min-width: 200px; padding-left: 5px; padding-right: 5px; }*/
.order .orderItems .name {min-width: 150px; padding-left: 5px; padding-right: 5px; }
.order .orderItems .name a {padding: 2px 0; display: block; font-size: 12px; text-decoration: underline;}

.order .orderItems .amount {width: 140px; padding-right: 8px; text-align: left; white-space: nowrap}
.order .orderItems .amount.gift div {width:65px;text-align:center}
.order .orderItems .amount .input_text {width: 60px; padding: 3px 0 3px 3px; text-align: center; background: #FFF; border: 2px solid #5cbbf8; }
.order .orderItems .amount .input_button {margin-left: 3px; }
.order .orderItems thead .price {width: 75px; padding-right: 0px; } 
.order .orderItems .price {width: 70px; padding-right: 5px; text-align: right; }
.order .orderItems .price small {font-size: 11px; }
.order .orderItems thead .sum {width: 75px; padding-right: 15px; } 
.order .orderItems .sum {width: 80px; padding-right: 10px; font-size: 12px; font-weight: bold;  }
.order .orderItems .price .currency {font-weight: bold; font-size: 11px; }
.order .orderItems tfoot .quick {padding-top: 5px; border-top: 1px solid #006644; }
.order .infoMsg {font-weight: bold; font-size: 14px;}

#OrderSettingsBrief .orderItems {margin: 0}
#OrderSettingsBrief .orderItems thead tr td {background: #eeeeee}
#OrderSettingsBrief .orderItems tbody tr td {background: #f8f8f8}
#OrderSettingsBrief .orderItems tr td .expand {width: 25px}
#OrderSettingsBrief .orderItems .code {padding-left: 19px; width: 60px}

#OrderSettingsBrief .divEditorBasket tr td {padding: 0 5px}
#OrderSettingsBrief .divEditorBasket tr td.sep {padding: 0 9px !important}
#OrderSettingsBrief tr td.celkovaCena {xtext-align: right; padding-right: 5px}
#OrderSettingsBrief .sumaAll .price strong {padding-right: 5px}

#OrderSettingsBrief .userdataBoxEx {padding: 14px 0 2px 0; background: #f8f8f8}
#OrderSettingsBrief .userdatabox {width: 100%; }
#OrderSettingsBrief .userdatabox tr td {width: 184px; padding: 0 0 0 20px; font-sizE: 12px; color: #102e6c}
#OrderSettingsBrief .userdatabox tr td label {font-sizE: 12px; color: #102e6c; }
#OrderSettingsBrief .userdatabox tr td .topWrap {padding: 0 0 1px 0}
#OrderSettingsBrief .userdatabox tr td span {padding: 0 0 17px 0; display: block; font-weight: bold; }

#OrderSettingsBrief #DeliveryDivBrief {width: 360px; margin-right: 14px; float: left; }
#OrderSettingsBrief #DeliveryDivBrief .DeliveryDivBriefBox {padding: 14px 0 14px 20px; font-sizE: 12px; font-weight: bold; color: #102e6c; background: #f8f8f8}
#OrderSettingsBrief #PaymentDivBrief {width: 360px; float: left; }
#OrderSettingsBrief #PaymentDivBrief .PaymentDivBriefBox {padding: 14px 0 14px 20px; font-sizE: 12px; font-weight: bold; color: #102e6c; background: #f8f8f8}

#OrderSettingsBrief .SumaAllDivBrief .secLabel {background: #333333}
#OrderSettingsBrief .SumaAllDivBrief .SumaAllDivBriefBox {padding: 14px 0 1px 20px; font-sizE: 12px; font-weight: bold; color: #102e6c; background: #f8f8f8}
#OrderSettingsBrief .SumaAllDivBrief ul {width: 695px; margin: 0; padding: 0; list-style-type: none; color: #102e6c; }
#OrderSettingsBrief .SumaAllDivBrief ul li {padding: 0 0 9px 0}
#OrderSettingsBrief .SumaAllDivBrief ul li div {width: 442px; float: right; font-weight: bold }
#OrderSettingsBrief .SumaAllDivBrief ul li div small {font-sizE: 12px; }
#OrderSettingsBrief .SumaAllDivBrief ul .price {font-size: 14px; }

.quickOrder .orderItems .code {width: 95px; }
.quickOrder .orderItems .code .input_text {height: 16px; width: 70px; margin-right: 3px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3;}
.quickOrder .orderItems .param {width: 50px; }
.quickOrder .orderItems .amount .input_button {margin-left: 3px; }

.order .suma {position: relative; height: 39px; margin: 10px 0 15px 0; background: url(/img/bg-suma.gif) no-repeat; padding-top:10px}
.order .suma .price {position: absolute; top: 13px; right: 11px; font-size: 14px; font-weight: bold; color: #fb9824; }
.order .suma .priceText {position: absolute; top: 14px; left: 260px; font-size: 12px; font-weight: bold; }
.order .suma .clearBasket {position: absolute; top: 11px; left: 13px; }
.order .suma .recount {position: absolute; top: 11px; left: 175px; }

#title_tax_1 {/*REM:xbackground: url(/img/1/title_tax.gif) no-repeat;*/}
.order .tax-t {margin-top: 15px; FONT-SIZE: 18PX !important; font-weight: bold; }
.order .tax {width: 100%; margin: 15px auto; text-align: right; }
.order .tax thead tr td {height: 32px; font-size: 12px !important; font-weight: normal !important; color: #102e6c !important; border-bottom: 2px solid #FFF; background: #fef800}
.order .tax tbody tr td {height: 30px; padding: 3px 0; font-size: 12px; font-weight: bold; background: #d8e9ed; border-bottom: 2px solid #FFF; }
.order .tax tfoot tr td {height: 22px; }
.order .tax .taxRate {width: 50px; padding-left: 25px; text-align: left; }
.order .tax .price1 {width: 100px; }
.order .tax .price2 {width: 100px; }
.order .tax thead .price3 {width: 95px; padding-right: 15px; }
.order .tax .price3 {width: 100px; padding-right: 10px; font-size: 12px; font-weight: bold; color: #fb8f1e; }
.order .tax .price4 {width: 100px; padding-right: 10px;}

.order .discount {padding: 5px 0; }
.order .discount strong {padding-left: 5px; color: #000; }

.order .sumaAll {height: 27px; margin-bottom: 20px; padding: 9px 0 0 19px; font-size: 12px; font-weight: bold; color: #102e6c; background: #f8f8f8}
.order .sumaAll .price {width: 364px; float: right}
.order .sumaAll .price strong {padding-right: 41px; font-weight: bold}
.order .sumaAll .price strong small {font-size: 12px; }
.order .sumaAll .price .withVAT {font-weight: normal}

.order .secLabel {height: 21px; margin: 15px 0 0px 0; padding: 7px 0 0px 20px; font-size: 12px; font-weight: bold; color: #FFF; background: #999999}
.order .secLabel.deliveryAddress {margin-top:0}

.order .deliveryTooltip, .detail .deliveryTooltip {position:relative;}
.order .deliveryTooltip .deliveryTooltipBox, .detail .deliveryTooltip .deliveryTooltipBox{display:none;}
.order .deliveryTooltip:hover .deliveryTooltipBox, .detail .deliveryTooltip:hover .deliveryTooltipBox {display:block; position:absolute;top:5px; left:5px; border: 1px solid; width:200px; z-index: 10; background-color:white;}
.order .deliveryTooltipBoxIn {}
.detail .deliveryToolTipBoxIn {font-weight: 300}

.order .orderCupon {; }
.order .orderCupon p {padding: 3px 0 5px 18px; }
.order .orderCupon .input_text {height: 16px; width: 130px; margin: 0 3px 0 15px; padding: 3px 0 0 7px; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }

.order .radioHub{ padding-left: 210px}
 
.order .requiredText {padding: 5px 0; text-align: center; font-size:12px}
.order .userdatabox {width: 100%; }
.order .userdatabox tr td strong {padding-left: 5px; }
.order .userdatabox .rName {width: 92px; padding-right: 7px; text-align: right; }
.order .userdatabox .rInsert {width: 165px; }
.order .userdatabox .rName1 {width: 94px; padding-right: 4px; text-align: right; }
.order .userdatabox .rInsert1 {width: 165px; }

.xorder .userdataboxOrSt2 {width: 717px; padding: 15px 0 17px 17px; background: #f8f8f8;position:relative}
.order .userdatabox {width: 100%; }
.order .userdatabox .rField {width: 238px; /*padding-top: 16px*/}
.order .userdatabox .padTop .rField {padding-top: 16px}
.order .userdatabox .rField .login {border-color: #DDDDDD}
.order .userdatabox .rField .topWrap {position: relative; padding-bottom: 2px}
.order .userdatabox .rField label {padding-left: 5px; font-weight: bold; display:block; float: left; font-size: 12px; color: #062966}
.order .userdatabox .rField label.addInfo {padding-left: 0; font-weight: normal; display: inline; float: none}
.order .userdatabox .rField .fieldNote {position: absolute; top: 0; right: 18px; color: #666666}
.order .userdatabox .rField1 {width: 238px; }
.order .userdatabox .padTop .rField1 {padding-top: 16px}
.order .userdatabox .rField1 .login {border-color: #DDDDDD}
.order .userdatabox .rField1 .topWrap {position: relative; padding-bottom: 2px}
.order .userdatabox .rField1 label {padding-left: 5px; font-weight: bold; display:block; float: left; font-size: 12px; color: #062966}
.order .userdatabox .rField1 label.addInfo {padding-left: 0; font-weight: normal; display: inline; float: none}
.order .userdatabox .rField1 .fieldNote {position: absolute; top: 0; right: 18px; color: #666666}
.order .userdatabox .req_char {position: relative; top: -4px; padding-left: 0px; color: #ff0000}
.order .userdatabox .input_text {width: 216px; padding: 5px 0 5px 4px; color: #003745; border: 2px solid #5CBBF8; }
.order .userdatabox .bankaccount {width: 148px; }
.order .userdatabox .bankcode {width: 51px; margin-left: 3px; }
.order .userdatabox .loadingGif {visibility: hidden;position: absolute; top: 0; left: 29px; }

.order .trpa-box {border: solid 1px #CCCCCC; padding: 20px 0px 10px 0px; box-sizing: border-box; font-size: 13px;}
.order .trpa-box .transport-box {width: 50%; height: 100%; float: left; box-sizing: border-box;  border-right: solid 1px #CCCCCC; padding: 0 20px; }
.order .trpa-box .payment-box {width: 50%; height: 100%; float: left; box-sizing: border-box; padding: 0 20px;}
.order .trpa-box h2 {padding: 0; margin: 0; font-size: 16px;}
.order .trpa-box .input_radio {height: 18px; width: 18px; margin-right: 15px; vertical-align: middle;}
.order .trpa-box label {font-size: 13px;}
.order .trpa-box .method-of-delivery, .order .trpa-box .method-of-payment  {background: #F6F6F6; min-height: 39px; box-sizing: border-box; margin-top: 4px; padding: 10px;}
.order .trpa-box .method-of-delivery .ma-line {padding: 5px 0 6px 39px;}
.order .trpa-box .deliveryTooltip, .order .sendInfo .deliveryTooltip, .order .chkNews .deliveryTooltip,
.detail .deliveryTooltip{width: 13px; height: 13px; margin-left: 7px; border: solid 1px #5CBBF8; color: #5CBBF8; font-size: 9px; text-align: center; vertical-align: middle; display: inline-block; }
.order .trpa-box .deliveryTooltip:hover, .detail .deliveryTooltip:hover {background: #66CCFF; color: #fff;}
.order .trpa-box .deliveryTooltip .deliveryTooltipBox, .order .sendInfo .deliveryTooltip .deliveryTooltipBox, .order .chkNews .deliveryTooltip .deliveryTooltipBox,
.detail .deliveryTooltip .deliveryTooltipBox {    min-width: 250px;background: #FFFFFF; color: #000; border: solid 1px #000000; font-size: 13px; width: auto; padding: 10px; box-sizing: border-box; text-align: left;}
.order .trpa-box .deliveryTooltip .deliveryTooltipBox span {display: block; white-space: nowrap;}
.order .trpa-box .legend {font-size: 11px; display: inline-block; padding-left: 10px;}

.order .trpa-box .method-of-delivery .requestInfo {display: block; padding-left: 33px; font-size: 12px; color: #FF0000;}

.order .trpa-box .priceInfo {float: right; margin-left: 10px;}
.order .trpa-box .priceInfo small {font-size: 13px;}

.order .deliveryPaymentSum  {background: #CCCCCC; padding: 10px; box-sizing: border-box; font-size: 13px; color: #000000; }
.order .deliveryPaymentSumIn {display: table; width: 50%; margin-left: 50%;}
#column2 .order .deliveryPaymentSum .title {font-size: 13px; color: #000000; padding-right: 20px; font-weight: bold;}
#column2 .order .deliveryPaymentSum .dpsRow {background: #CCCCCC; text-align: right; display: table-row;}
.order .deliveryPaymentSum .dpsRow span {display: table-cell; vertical-align: middle; }
.order .deliveryPaymentSum .dpsRow span.price {width: 38%; padding: 0 0 0 20px; box-sizing: border-box; font-size: 11px; }
.order .deliveryPaymentSum .dpsRow span.priceNoVat {width: 35%; font-weight: bold; font-size: 11px;}
.order .deliveryPaymentSum .dpsRow small {font-size: 13px; }
.order .deliveryPaymentSum .dpsRow .priceAfterSend {font-size: 11px; color: #FF0000;}
.order .deliveryPaymentSum .dpsRowTotal,
#column2 .order .deliveryPaymentSum .dpsRowTotal .title,
.order .deliveryPaymentSum .dpsRowTotal small
 {font-size: 15px;}
 
.order .deliveryPaymentSum .dpsRow span.priceNoVat div,
.order .deliveryPaymentSum .dpsRow span.price div {display: inline-block; font-size: 13px;}  
.order .deliveryPaymentSum .dpsRowTotal #totalPriceNoVat,
.order .deliveryPaymentSum .dpsRowTotal #totalPriceWithVat {display: inline-block; font-size: 15px;}


.page_order select {margin-left: 23px;height: 30px; width: 405px;font-size: 13px;padding-left: 4px; }


.page_order #column1, .page_userdata #column1, .page_myaccount #column1 {display: none}
.page_order #column2, .page_userdata #column2, .page_myaccount #column2 {float: none; width: auto; left: 0; margin: 0 15px; box-sizing: border-box;}
body.page_order .navigate, body.page_userdata .navigate, body.page_myaccount .navigate {left: 0;}

.page_userdata #column2 h1, .page_order #column2 h1, .page_order #column2 h1 {padding-bottom: 28px;}
body.page_myaccount .information {border: none;  background: none; font-size: 13px; width: auto; text-align: left; padding: 2% 0;}
.page_myaccount .account-menu  {color: #5bb9f6;}
.page_myaccount .account-menu li {padding: 2px 0;}
.page_myaccount .account-menu li a {font-size: 14px; color: #5bb9f6; text-decoration: underline;}
.page_myaccount .account-menu li a:hover {text-decoration: none;}

.page_myaccount .account-menu li span:not([id]) { display: inline-block;width: auto;box-sizing: border-box; top: -2px;right:0; padding-left: 10px;font-style: italic;color: #666666;max-width: 53%;position:relative; font-size: 12px}

.orderBT.my-acc {text-align: center;}

.orderBT.my-acc .btStep {
  /*border-radius: 6px;*/
  box-sizing: border-box;
  font-family: "Open Sans",sans-serif;
  font-size: 20px;
  font-weight: 700;
  /*height: 60px;*/
  width: 240px;
  /*background: #2eb000 linear-gradient(#63cb00, #079d00) repeat scroll 0 0;
  border: 1px solid #009900;*/
  cursor: pointer;
    float: none;
}

#btnSaveData span {/*padding-top: 16px !important*/}
#btnSaveData:after {display:none;}

.orderBT.my-acc .btStep span {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  float: none;
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 600;
  padding: 0px;
}


.order #marketListClick {xdisplay: none; color: #5cbbf8; text-decoration: underline; font-size: 12px; padding-left: 37px; cursor: pointer;}



.order #marketListClick span {
  background: rgba(0, 0, 0, 0) url("/img/arr-ico.png") no-repeat scroll center top;
  display: inline-block;
  height: 13px;
  margin-right: 10px;
  vertical-align: middle;
  width: 19px;
}

.order #marketList {xdisplay: none}
.order .dividingTable {width: 70%}

#OrderDelivPayDiv {padding-bottom: 28px;}
.order-info2 {font-size: 13px; padding-bottom: 30px;}

#OrderRegistContactDiv {xbackground: yellow;}

#OrderRegistContactDiv .box {background: #F2F2F2; border: solid 1px #D7D7D7; padding: 4% 2% 2% 2%; margin-bottom: 50px; font-size: 13px; box-sizing: border-box; position: relative;}
#OrderRegistContactDiv .box:first-of-type {margin-top: 20px;}
#OrderRegistContactDiv .box h2 {background: #f2f2f2; border: 1px solid #d7d7d7; box-sizing: border-box; font-size: 15px; height: 41px; left: 30px; margin: 0; padding: 7px 2%; position: absolute; top: -21px;}
#OrderRegistContactDiv .box table {box-sizing: border-box; width: 100%;}
#OrderRegistContactDiv .box label {font-size: 13px;}                                         
#OrderRegistContactDiv .box .companyRegister,
#OrderRegistContactDiv .box .deliveryRegister
{font-size: 13px; background: #fff; border-radius: 10px; padding: 2% 0 0 0; margin-bottom: 2%;}

.companyRegisterIn, .userdataboxOrSt2 {padding-bottom: 2%;}

#OrderRegistContactDiv .box .core-top {margin-left: 2%; padding-bottom: 20px;}
.page_order  input[type=checkbox] {cursor: pointer; height: 15px; width: 15px; border: solid 1px #000; vertical-align: middle;}
.page_order .confirmReuqest { /*padding-top: 5px;*/  }
.page_order .confirmReuqest label { padding-top: 5px; color: #B0B0B0;font-size: 13px;  }
.page_order .chkNews label {color: #B0B0B0;}
.page_order .confirmReuqest input {/*margin-left:0;*/}
#OrderRegistContactDiv .box .core-top label {cursor: pointer; font-size: 16px; font-weight: 700; }
#OrderRegistContactDiv .box .core-top span {display: inline-block; width: 19px; height: 13px; background: url(/img/arr-ico.png) no-repeat bottom center; vertical-align: middle; margin-left: 10px;}

#OrderRegistContactDiv .box #CompanyRegisterLabel.close .core-top span,
#OrderRegistContactDiv .box #DeliveryRegisterLabel.close .core-top span
 {background-position: top center;}
#OrderRegistContactDiv .chkNews {padding-left: 40px;} 
#OrderRegistContactDiv .chkNews label {font-size: 13px;}

#OrderRegistContactDiv .box h3 {font-size: 16px; padding-top: 2%; padding-bottom: 0.5%;}

#OrderRegistContactDiv .box table tr div.topWrap {display: inline-block; width: 160px; box-sizing: border-box; text-align: right; padding-right: 26px; position: relative;}
#OrderRegistContactDiv .box table tr div.validate-message-info,
#OrderRegistContactDiv .box table tr div.validate-message
{display: inline-block; width: auto; box-sizing: border-box; padding-left: 17px; font-style: italic; color: #666666; max-width: 53%; vertical-align: middle; font-size: 12px; }
#OrderRegistContactDiv .box table tr div.validate-message {color: #FF0000;}
#OrderRegistContactDiv .box table tr span.req_char {color: #FF0000; position: absolute; right: 17px; top: 1px;}

#OrderRegistContactDiv .box table tr input.input_text {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #fff none repeat scroll 0 0;
  border-color: #787878 #bebebe #dcdcdc;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 0 #bebebe inset;
  box-sizing: border-box;
  height: 30px !important;
  padding: 0 4px;
  width: 265px !important;
  font-size: 13px;
  margin: 3px 0;
}
#OrderRegistContactDiv .box table tr select {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #fff none repeat scroll 0 0;
  border-color: #787878 #bebebe #dcdcdc;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 0 #bebebe inset;
  box-sizing: border-box;
  height: 30px !important;
  padding: 0 4px;
  width: 265px !important;
  font-size: 13px;
  margin: 3px 0;
}

#OrderRegistContactDiv .box table tr input#isIco_0,
#OrderRegistContactDiv .box table tr input#isDic_0, 
#OrderRegistContactDiv .box table tr input#isDeliveryZipCode_0,
#OrderRegistContactDiv .box table tr input#isZipCode_0,
#OrderRegistContactDiv .box table tr input.caisZipCode
 {width: 123px !important;}
.page_userdata #OrderRegistContactDiv .box table tr input.zipcode
 {width: 123px !important;}
#OrderRegistContactDiv .box table tr input#isBankAccount_0 {width: 200px !important;}
#OrderRegistContactDiv .box table tr label#label_sBankCode_0  {width: 10px !important; margin-right: 2px; text-align: center; display: inline-block;} 
#OrderRegistContactDiv .box table tr input#isBankCode_0  {width: 50px !important;}
 
 
 
#OrderRegistContactDiv .box .invoicing-address {padding-bottom: 2%;}
#OrderRegistContactDiv .box #deliveryAddressWrap {margin: 0;}

#recaptcha-validation-text {position: relative; top: -35px; margin-left: 10px; color: #FF0000; font-style: italic; font-size: 12px; display: none;}


.orderNote textarea {width: 100%; height: 200px; border: solid 1px #CCCCCC; background: #fff; padding: 8px; box-sizing: border-box; }

c-loginbox {display: table;}

#loginRegisterDiv .information {border: none; box-sizing: border-box; margin: 0; padding: 27px 0 27px 0; color: #000000; text-align: left; background: none;}
#loginRegisterDiv .loginDiv {display: table-cell; width: 46.5%; xfloat: left; border: solid 1px #D7D7D7; background: #F2F2F2; box-sizing: border-box; padding: 2%; min-height: 331px;}
#loginRegisterDiv .toRegisterDiv {display: table-cell; width: 46.5%; xfloat: right; border: solid 1px #D7D7D7; background: #F2F2F2; box-sizing: border-box; padding: 2%; min-height: 331px;}
#loginRegisterDiv .tbl-mid  {display: table-cell; width: 7%;}
#loginRegisterDiv .toRegisterDiv form {text-align: center;}  
#loginRegisterDiv .c-loginbox h2 {font-size: 15px; padding-bottom: 30px; text-align: center;}

#loginRegisterDiv .toRegisterDiv .registerInfo,.page_userdata .registerInfo {font-size: 13px; color: #000; padding: 36px 20px 0px 20px;}
#loginRegisterDiv .toRegisterDiv .registerInfo p,.page_userdata .registerInfo p  {padding: 0 0 16px 0;}
#loginRegisterDiv .toRegisterDiv .registerInfo ul,.page_userdata .registerInfo ul  {padding: 0; margin: 0; list-style-type: none;}
#loginRegisterDiv .toRegisterDiv .registerInfo ul li,.page_userdata .registerInfo ul li  {padding: 5px 0px 5px 30px; margin: 0; background: url(/img/fajka-order.png) no-repeat left center;}
.page_userdata .registerInfo {padding-bottom:40px;}


#loginRegisterDiv .c-loginbox button {
/*background: #2caf00 url("/img/login-bt.png") no-repeat scroll 0 0;*/
/*background: none;*/
background: #029AFF url("/img/sipka2seda.png") no-repeat scroll 100% 0;
border: medium none;
box-sizing: border-box;
xfloat: right;
font-size: 13px;
height: 41px;
margin-top: 10px;
width: 161px;
cursor: pointer;
font-family: Open Sans;
}

#loginRegisterDiv .c-loginbox button {
        position: relative;
/*background: #2caf00 url("/img/login-bt.png") no-repeat scroll 0 0;*/
border: medium none;
box-sizing: border-box;
xfloat: right;
font-size: 13px;
height: 46px;
margin-top: 10px;
margin-left: 10px;

width: 175px;
cursor: pointer;
font-family: Open Sans;

    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-weight: 600;
    padding-right: 13px;
}

/*.registration button {
    background: #2caf00 url("/img/login-bt.png") no-repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    xfloat: right;
    font-size: 13px;
    height: 41px;
    margin-top: 10px;
    width: 161px;
    cursor: pointer;
    font-family: Open Sans;
}


#loginRegisterDiv .c-loginbox button span {
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 0 0 0;
    display: block;
    font-weight: 600;

    width: 100%; height: 100%; background: linear-gradient( #74C2F7, #0199FF ); padding-top: 11px !important;
    background: rgba(116,195,247,1);
    background: -moz-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
    background: -webkit-gradient(45deg, left bottom, color-stop(0%, rgba(116,195,247,1)), color-stop(100%, rgba(1,153,255,1)));
    background: -webkit-linear-gradient(top, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
    background: -o-linear-gradient(top, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
    background: linear-gradient(to bottom, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c3f7', endColorstr='#0199ff', GradientType=0 );
    
}
    */

#loginRegisterDiv .c-loginbox label {width: 110px; font-size: 13px; vertical-align: middle; top: 12px; padding-right: 19px; box-sizing: border-box;}
#loginRegisterDiv .c-loginbox div.validate-message {padding: 2px 0 12px 110px; font-size: 12px; color: #ff0000; box-sizing: border-box;}


#loginRegisterDiv .c-loginbox input.input_text {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #fff none repeat scroll 0 0;
  border-color: #787878 #bebebe #dcdcdc;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 0 #bebebe inset;
  box-sizing: border-box;
  height: 40px !important;
  padding: 0 4px;
  width: 250px !important;
  font-size: 13px;
}

/*#cookiesText, .ui-dialog {display:none !important;}*/

.companyRegisterIn.close {display:none;}
.deliveryRegisterIn.close {display:none;}




 

.linkCardPayment {display:inline}
.linkCardPayment a {font-weight:bold;color:#0D2C6A;font-size:12px;text-decoration:underline}
.linkCardPayment a:hover {text-decoration:none}

.order .orderAdditionales {padding: 0 0 10px 15px; }
.order .orderCompletiveInfo {padding: 0 0 10px 15px; }
.order .orderCompletiveInfo textarea {height: 50px; width: 450px; padding: 3px; border: 1px solid #a4a4a4; }
.order .orderClientNumber {padding: 0 0 10px 15px; }
.order .orderClientNumber .input_text {height: 16px; width: 130px; padding: 3px 0 0 7px; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }

.orderBT {padding: 0px 0 25px 0;}
.orderBT .btStep {margin-top: 26px; font-size: 13px; float: right; height: 46px; box-sizing: border-box; background: url(/img/sipka2.png) no-repeat #0199FF 100% 0; width: 241px; border: none;}
#RegisterForm .orderBT .btStep {background: no-repeat 11px 8px, linear-gradient( #74C2F7, #0199FF ); border: solid 2px white;}
/*.orderBT .btStep {margin-top: 26px; font-size: 13px; float: right; height: 46px; box-sizing: border-box; background: linear-gradient( #74C2F7, #0199FF ); width: 241px; border: none; position: relative;left: -20px;}*/

/*.orderBT .btStep:after {
   content:"";
   position: absolute;
   left: 241px;
   top: 0px;
   width: 0;
   height: 0;
   border-top: 23px solid transparent;
   border-left: 26px solid #74C2F7;
   border-bottom: 23px solid transparent;
   background: linear-gradient( #74C2F7, #0199FF );
}*//*
    .orderBT .btStep:after {
        position: absolute;
        top: 9px;
        left: 227px;
        width: 28px;
        height: 28px;
        border-left: none;
        border-top: none;
        transform: rotate(134deg) skewX(-10deg) skewY(-10deg);
        background: #eee linear-gradient(45deg, #74C2F7, #0199FF);
        background: rgba(116,195,247,1);
        background: -moz-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -webkit-gradient(45deg, left bottom, color-stop(0%, rgba(116,195,247,1)), color-stop(100%, rgba(1,153,255,1)));
        background: -webkit-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -o-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c3f7', endColorstr='#0199ff', GradientType=0 );
        content: ''; z-index: -10;
    }
    */
    /*.orderBT .btStep:after {
        position: absolute;
        left: 225px;
        height: 46px;
        width: 17px;
        top: 0px;
        background: url(/img/sipka.png) no-repeat;
        content: '';
    }*/

    /*#OrderLoginDiv .btStep:after, #OrderForm button:after {
        position: absolute;
            top: 9px;
    left: 144px;
    width: 23px;
    height: 23px;
        border-left: none;
        border-top: none;
        transform: rotate(134deg) skewX(-10deg) skewY(-10deg);
        background: #eee linear-gradient(45deg, #74C2F7, #0199FF);
        background: rgba(116,195,247,1);
        background: -moz-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -webkit-gradient(45deg, left bottom, color-stop(0%, rgba(116,195,247,1)), color-stop(100%, rgba(1,153,255,1)));
        background: -webkit-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -o-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c3f7', endColorstr='#0199ff', GradientType=0 );
        content: ''; z-index: 0;
    }*/


    /*
#loginRegisterDiv  #OrderForm button span, #OrderLoginDiv .lfEx4 button span {
        padding-top: 10px !important;
}*/

/*@-moz-document url-prefix() {
    #OrderLoginDiv .btStep:after, #OrderForm button:after {
        left: 141px;
    }

    #loginRegisterDiv  #OrderForm button span, #OrderLoginDiv .lfEx4 button span {
        padding-top: 9px !important;
    }
}*/

    /*.orderBT.order-step2 .btStep:after {
        position: absolute;
        top: 21px;
        left: 211px;
        width: 60px;
        height: 60px;
        border-left: none;
        border-top: none;
        transform: rotate(134deg) skewX(-10deg) skewY(-10deg);
        background: #eee linear-gradient(45deg, #74C2F7, #0199FF);
        background: rgba(116,195,247,1);
        background: -moz-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -webkit-gradient(45deg, left bottom, color-stop(0%, rgba(116,195,247,1)), color-stop(100%, rgba(1,153,255,1)));
        background: -webkit-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -o-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c3f7', endColorstr='#0199ff', GradientType=0 );
        content: ''; z-index: -10;
    }*/

    .order-step2 #btStepN, .order-step4 #btStepN {
        background: url(/img/sipka8.png) no-repeat #0199FF 100% 0;
    }

    /*.orderBT .btStep span {width: 100%; height: 100%; background: linear-gradient( #74C2F7, #0199FF ); padding-top: 12px !important;
        background: rgba(116,195,247,1);
        background: -moz-linear-gradient(45deg, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -webkit-gradient(45deg, left bottom, color-stop(0%, rgba(116,195,247,1)), color-stop(100%, rgba(1,153,255,1)));
        background: -webkit-linear-gradient(top, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -o-linear-gradient(top, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: -ms-linear-gradient(top, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        background: linear-gradient(to bottom, rgba(116,195,247,1) 0%, rgba(1,153,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c3f7', endColorstr='#0199ff', GradientType=0 );
    }*/

    /*#RegisterForm .orderBT .btStep span{
        padding-top: 12px !important;
        margin-left: -8px;
    }*/

    /*
    #RegisterForm .orderBT .btStep span{
    height: 46px;
top: -1px;
position: relative;
}*/

/*.input_button {height: 46px; width: 113px; border: solid 2px white; background: linear-gradient( #74C2F7, #0199FF ); color: #fff; font-weight: 500; font-size: 17px; text-align: center; vertical-align: central}*/

.orderBT .btStep span {padding: 1px 0px 0px 18px; display: block; float: left; cursor: pointer; font-size: 14px; font-weight: 600; color: #FFF; box-sizing: border-box; font-family: Open Sans;  margin-left: -7px;}
.order-step2 .btStep span {margin-left: 6px;}
.orderBT.order-step2 .btStep, .orderBT.order-step4 .btStep {height: 101px; }
 /*{height: 101px; background: url(/img/basket-bt1.png) no-repeat #2caf00; }*/

/*.orderBT.order-step4 .btStep*/

/*.orderBT.order-step2 .btStep span {width: 100%; margin-left: -10px; padding: 0; font-size: 16px;}*/
.orderBT.order-step2 .btStep span {/*width: 100%;*/ font-size: 16px; }
.orderBT.order-step4 .btStep span {font-size: 15px; /*width: 100%;*/ /*margin-left: -10px;*/ /*padding-top: 9px !important;*/ font-weight: 600; margin-left: 20px; font-size: 16px;}

#OrderForm .sendInfo {padding-left: 40px; font-size: 13px; color: #000000; }
.orderCheckboxHeader {padding-left: 40px; font-size: 13px; color: #000000; }
.orderBT.reg {text-align: center;}
.orderBT.reg .btStep {text-align: center; padding: 0; margin: auto; float: none;}
.orderBT.reg .btStep span {font-size: 18px; display: block; float: none; padding: 0;}

body.order-finish .information.result {border: none;  background: #E6FAE6; font-size: 13px; width: auto; text-align: left; padding: 3% 5%;}
body.order-finish .information.result h2 {color: #009900; font-size: 16px; background: url(/img/fajka-finish-order.png) no-repeat left -2px; padding-left: 30px; }
body.order-finish .information.result p {padding:8px 0 8px 30px; margin: 0; }
body.order-finish .information.result p a {color:#000; font-weight: normal; text-decoration: underline; }
body.order-finish .information.result p a:hover {text-decoration: none; }

body.order-finish .information.p-methods {border: none;  background: #E4E4E4; font-size: 15px; width: auto; text-align: left; padding: 3% 5%; margin-top: 30px;}
body.order-finish .information.p-methods h2 {font-size: 15px; xfont-weight: 400;}
body.order-finish .information.p-methods h2.deliveryMethod { padding-top: 15px;}

body.order-finish .information.p-methods .paymentInstructions center {text-align: left; margin-top: 1%;}

body.order-finish .social-box {display: table; width: 100%; margin-top: 30px;}
body.order-finish .social-box .socialLinks {display: table-cell; border: solid 1px #BCBCBC; background: #E0EBFF; width: 45%; vertical-align: top; padding: 20px; text-align: center;}
body.order-finish .social-box .socialLinks h2 {font-size: 14px; margin: 0; padding: 0 0 40px 0;}
body.order-finish .social-box .socialFacebook {display: table-cell; border: solid 1px #BCBCBC;}
body.order-finish .social-box .social-sep {display: table-cell; width: 30px;}
body.order-finish .order-news {margin-top: 30px;}
body.order-finish .order-news .newsBox {width: auto !important; float: none !important; padding: 0 !important;}
body.order-finish .order-news .newsBox div.news {width: 50%; float: left !important;}
body.order-finish .order-news .newsBox:before {right: 52% !important;}

.orderBT .link-back {float: left; color: #666666; text-decoration: underline; cursor: pointer; font-size: 12px; margin-top: 61px;}
.orderBT.order-step3 .link-back {margin-top: 25px;}

.orderBT img {vertical-align: middle; cursor: pointer}

.orderBT .backHomepage { text-align: center; float: left; width: 315px; font-size: 13px; /*background: #F2F2F2;*/ border:solid 1px #E4E4E4; box-sizing: border-box; padding: 10px; }
.orderBT .backBtn {font-size: 14px; box-sizing: border-box; padding-top: 14px; width: 241px; height: 46px; display: block; background: url(/img/sipka4.png) no-repeat #CCCCCC; margin: 15px auto 15px auto;}
/*.orderBT .backBtn{
        background: rgba(204,204,204,1);
        background: -moz-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        background: -webkit-gradient(45deg, left bottom, color-stop(0%, rgba(153,153,153,1)), color-stop(100%, rgba(1,153,255,1)));
        background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999', GradientType=0 );
        /*position:relative;*/
}*/
.backHomepage {
    position: relative;
}

    /*.orderBT .backBtn:after {
        position: absolute;
        top: 35px;
        left: 22px;
        width: 28px;
        height: 28px;
        border-left: none;
        border-top: none;
        transform: rotate(134deg) skewX(-10deg) skewY(-10deg);
        background: #eee linear-gradient(45deg, #cccccc, #999999);
        background: rgba(116,195,247,1);
        background: -moz-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        background: -webkit-gradient(45deg, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(100%, rgba(153,153,153,1)));
        background: -webkit-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(153,153,255,1) 100%);
        background: -o-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        background: linear-gradient(45deg, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999', GradientType=0 );
        content: ''; z-index: -10;
    }*/

.order-infobox {text-align: center; background: #CCCCCC; width: 460px; margin: auto; font-size: 18px; padding: 20px;}

.orderfinish .paycardnote {color:red; text-transform:uppercase; text-align:center}
.orderfinish img {border:solid 3px red}

/**** steps ***/
.orderStep {width: 100%; margin: 14px 0 15px 0; float: left}
.orderStep div {height: 32px; width: 168px; margin-right: 2px; padding: 16px 0 0 10px; floaT: left; font-size: 14px; font-weight: bold; color: #102e6c; background: url(/img/bg-orderStep_divSel.gif) no-repeat }
.orderStep div a:hover {text-decoration:none}
.orderStep div span {padding: 0 2px 0 0px}
.orderStep .osSel {color: #FFF; background: url(/img/bg-orderStep_div.gif) no-repeat}
.orderStep .osSel a {color:#fff}
.orderStep .osEx {margin-right: 0}
.btStep {cursor: pointer}

/******************************** === USER.ExecutedOrdersList === *********************************/
#title_user_executed_orderlist_1{/*REM:xbackground: url(/img/1/title_user_executed_orders.gif) no-repeat ;*/}
#title_user_executed_orderdetail_1 {/*REM:xbackground: url(/img/1/title_user_executed_orders_detail.gif) no-repeat ;*/}
#title_user_noexecuted_orderlist_1 {xbackground: url(/img/1/title_user_executed_orders_detail.gif) no-repeat ; }

.execOrderList {width: 100%; padding: 10px 0 0 0; float: left; }
.execOrderList .execOrderListIn {height: 60px; width: 100%; margin-bottom: 3px; padding: 15px 0 0px 0; float: left; background: #f8f8f8}
.execOrderList .execOrderListIn input {vertical-align: middle; }
.execOrderList .execOrderListIn label {position: relative; top: -1px; font-size: 12px; color: #102e6c; }
.execOrderList .execOrderListIn label span {padding: 0 0 0 6px; display: block; }
.execOrderList .execOrderListIn .execOrLabel1 {padding: 0 14px 0 17px; float: left; font-weight: bold;}
.execOrderList .execOrderListIn .execOrLabel2 {padding: 0 39px 0 0; float: left; font-weight: bold;}
.execOrderList .execOrderListIn .execOrLabel3 {position: relative; top: 10px; }
.execOrderList .execOrderListIn .execOrLabel4 {position: relative; top: 10px; }
.execOrderList .execOrderListIn .execOrLabel5 {position: relative; top: 10px; }
.execOrderList .execOrderListIn .execOrLabel6 {position: relative; top: 13px; margin: 0 0 0 90px; }
.execOrderList .execOrderListIn .execOrLabel7 {padding: 0 12px 0 17px; float: left; font-weight: bold;}
.execOrderList .execOrderListIn .execOrLabel7 .input_text {width: 238px; } 
.execOrderList .execOrderListIn .execOrLabel8 {position: relative; top: 13px; margin: 0 0 0 5px; }
.execOrderList .execOrderListIn .execOrLabel9 {}
.execOrderList .execOrderListIn .execOrLabel10 {position: relative; top: 13px; }
.execOrderList .execOrderListIn .input_text {width: 110px; padding: 5px 0 5px 0; text-align: center; color: #003745; background: ; border: 2px solid #5cbbf8; }
.execOrderList .execOrderListIn .input_radio {margin-left: 5px; margin-right: 3px; }

.execOrderTab {width: 100%; margin: 15px 0 10px 0; floaT: left; }
.execOrderTab thead tr td {height: 36px; font-size: 12px; font-weight: normal !important; color: #102e6c !important; background: #fef800}
.execOrderTab tbody tr td {height: 40px; font-size: 12px; color: #102e6c !important; border-top: 2px solid #FFF; }
.execOrderTab tfoot tr td {height: 35px; font-size: 12px; color: #102e6c !important; background: #f8f8f8; border-top: 2px solid #FFF; }
.execOrderTab tr.used td {background-color:#dadada}
.execOrderTab .item {width: 90px; padding-left: 14px; }
.execOrderTab .statusName {padding-left:15px}
.execOrderTab .item a {text-decoration: underline; font-weight: bold; color: #102e6c}
.execOrderTab .item a:hover  {text-decoration: none; }
.execOrderTab .date {width: 108px; }
.execOrderTab .count {width: 60px; }
.execOrderTab .transport {width: 100px; }
.execOrderTab .buy {width:30px; text-align:center }
.execOrderTab .amount {width: 45px; text-align: center; }
.execOrderTab .priceWoVat {width: 78px; padding-right: 10px; text-align: right; }
.execOrderTab .priceWVat {width: 78px; padding-right: 10px; text-align: right; font-weight: bold; color: #000; }
.execOrderTab .sumaPrice {padding: 0 0 0 6px; font-weight: bold; }
.execOrderTab small {font-size: 12px; }
.execOrderTab .code { padding-left: 6px; white-space:nowrap}
.execOrderTab tfoot .sumaPrice {font-weight: normal}
.execOrderTab .sumUEO {padding-left: 14px; }


.execOrderTab .code {;}
.execOrderTab .name {;}
.execOrderTab .unit {;}
.execOrderTab .price {padding-right: 6px; text-align: right; }

.page_executedorder .pager {position: relative; height: 30px; width: 100%; float: left; color: #2c2c2c; }
.page_executedorder .pager .pageArrows {position: absolute; top: 11px; right: 10px; }
.page_executedorder .pager .pageArrows .btArrowL {margin-right: 4px; }
.page_executedorder .pager .pageArrows .btArrowR {margin-left: 8px; }
.page_executedorder .pager .pageCount {position: absolute; top: 5px; left: 10px; }
.page_executedorder .pager .pageItems {position: absolute; top: 19px; left: 10px; }
.page_executedorder .pager img {vertical-align: middle; }
.page_executedorder .pager .input_text {height: 16px; width: 27px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
.page_executedorder .pager strong {padding-left: 3px; }
.page_executedorder .pager span {; }
.page_executedorder .pager span.actual {font-weight: bold; }
.page_executedorder .pager a {text-decoration: none; }
.page_executedorder .btUEO {padding: 20px 0 0 13px; }
.page_executedorder .noitems {margin-bottom:20px}

.page_executedinvoice .pager {position: relative; height: 30px; width: 100%; float: left; color: #2c2c2c; }
.page_executedinvoice .pager .pageArrows {position: absolute; top: 11px; right: 10px; }
.page_executedinvoice .pager .pageArrows .btArrowL {margin-right: 4px; }
.page_executedinvoice .pager .pageArrows .btArrowR {margin-left: 8px; }
.page_executedinvoice .pager .pageCount {position: absolute; top: 5px; left: 10px; }
.page_executedinvoice .pager .pageItems {position: absolute; top: 19px; left: 10px; }
.page_executedinvoice .pager img {vertical-align: middle; }
.page_executedinvoice .pager .input_text {height: 16px; width: 27px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
.page_executedinvoice .pager strong {padding-left: 3px; }
.page_executedinvoice .pager span {; }
.page_executedinvoice .pager span.actual {font-weight: bold; }
.page_executedinvoice .pager a {text-decoration: none; }

.btOrderDetail {width: 721px; padding: 20px 0 10px 13px; float: left; }
.orderDetail {width: 715px; margin-top: 23px; padding: 19px 0 10px 19px; float: left; font-size: 12px; color: #102e6c}
.orderDetail .orderDetailItem {width: 100%; padding: 0 0 9px 0px; float: left; }
.orderDetail .orderDetailItem .label {width: 179px; float: left; display: block; color: #102e6c; }
.orderDetail .orderDetailItem .value {width: 520px; float: left; display: block; font-size: 12px; font-weight: bold; color: #102e6c; }
.orderDetail .orderDetailItem .value strong {color: #000; }
.orderDetail .orderDetailItem .paylnk {padding-left: 5px; font-weight: normal;}

.orderInfo {width: 715px; margin: 24px 0 0 0; padding: 15px 0 10px 19px; float: left; background: #f8f8f8}
.orderInfo .item {width: 100%; padding: 0 0 9px 0; float: left; font-size: 12px; }
.orderInfo .item strong {width: 535px; float: right; display: block; }
.orderInfo .repeatOrder {font-size: 12px; }
.orderInfo .repeatOrder form {margin-left: 61px; display: inline}

.execOrderTax {width: 460px; margin: 20px auto 15px auto; clear: both; }
.execOrderTax thead tr td {height: 25px; font-weight: normal !important; color: #2c2c2c !important; border-bottom: 1px solid #2c2c2c; }
.execOrderTax tbody tr td {height: 22px; border-bottom: 1px solid #2c2c2c; }
.execOrderTax tfoot tr td {height: 22px; }
.execOrderTax .taxRate {width: 200px; padding-left: 10px; }
.execOrderTax .price1 {width: 75px; padding-right: 10px; text-align: right; }
.execOrderTax .price2 {width: 75px; padding-right: 10px; text-align: right; }
.execOrderTax .price3 {width: 75px; padding-right: 10px; text-align: right; }
.execOrderTax tfoot .price3 {font-weight: bold; }
.execOrderTax .sumaPrice {padding-left: 10px; font-weight: bold; }

.execOrderTabDetail {width: 100%; margin-top: 30px; }
.execOrderTabDetail thead tr td {height: 36px; font-size: 12px; font-weight: normal !important; color: #102e6c !important; background: #fef800}
.execOrderTabDetail tbody tr td {height: 40px; font-size: 12px; color: #102e6c !important; border-top: 2px solid #FFF; }
.execOrderTabDetail tfoot tr td {height: 40px; font-size: 12px; color: #102e6c !important; border-top: 2px solid #FFF; background: #f8f8f8}
.execOrderTabDetail tr td {padding: 2px 0 2px 0; }
.execOrderTabDetail .code {width: 75px; padding-left: 14px; font-weight: bold; }
.execOrderTabDetail .unit {text-align: center; }
.execOrderTabDetail .amount {text-align: center; }
.execOrderTabDetail tfoot .sumUEO {padding-left: 14px; }
.execOrderTabDetail tfoot .sum {font-weight: bold; } 
.execOrderTabDetail .WTDPH {font-weight: bold; }
.execOrderTabDetail .dividings {padding-left:80px}
.execOrderTabDetail .dividing {clear:right}
.execOrderTabDetail .dividing .item {float: left;padding-right:10px}

.infoOrder {width: 100%; padding: 10px 0 10px 0; float: left; text-align: center; }
.infoOrder p {margin: 5px 0 10px 0; font-size: 12px; font-weight: bold; }
.infoOrder span {margin: 0 5px; }

.orderLegend {width: 720px; padding: 0 0 30px 14px; float: left; }
.orderLegend .orderLegend-t {padding: 10px 0 5px 0; font-weight: bold; color: #2c2c2c; }
.orderLegend .orderLegendTab div {margin-right: 30px; padding: 2px 0 2px 19px; float: left; font-size: 12px; }
.orderLegend .orderLegendTab .state_50 { background: url(/img/bg-orderLegendTabstate_0.gif) no-repeat 0 2px; }
.orderLegend .orderLegendTab .state_1 { background: url(/img/bg-orderLegendTabstate_1.gif) no-repeat 0 2px; }
.orderLegend .orderLegendTab .state_805 { background: url(/img/bg-orderLegendTabstate_2.gif) no-repeat 0 2px; }
.orderLegend .orderLegendTab .state_900 { background: url(/img/bg-orderLegendTabstate_3.gif) no-repeat 0 2px; }
.orderLegend .orderLegendTab .state_4 { /*REM:background: url(/img/bg-orderLegendTabstate_4.gif) no-repeat 0 2px; */}

tr.state_50 td { background:#F7D8D8; }
tr.state_805 td { background:#eee; }
tr.state_900 td { background:#DFF3D5; }

tr.state_2 td { background:#eeeeee; }
tr.state_3 td { background:#dff3d5; }
tr.state_4 td { background:#eeeeee; }

/********************** === USER.loginform === ****************************************************/
#title_login_1 {background: url(/img/1/title_login.gif) no-repeat !important; }
.login-t {;}
.loginform {;}
.loginform .lfEx1 {padding: 15px 0 15px 60px; font-size: 12px; font-weight: bold; color: #2c2c2c; }
.loginform .lfEx2 {xwidth: 100%; xpadding: 0 0 3px 0; xfloat: left; min-height: 60px;}
.loginform .lfEx2 label {position: relative; top: 2px; width: 175px; padding-right: 9px; float: left; display: block; text-align: right; font-size: 12px; }
.loginform .lfEx2 .input_text {height: 16px; width: 130px; padding: 3px 0 0 7px; color: #003745; border: 1px solid #c3c3c3; background:none}
.loginform .lfEx3 {xwidth: 100%; xpadding: 0 0 3px 0; xfloat: left; min-height: 60px;}
.loginform .lfEx3 label {position: relative; top: 6px; width: 175px; padding-right: 9px; float: left; display: block; text-align: right; font-size: 12px; }
.loginform .lfEx3 .input_text {height: 16px; width: 130px; padding: 3px 0 0 7px; color: #003745; border: 1px solid #c3c3c3; }
.loginform .lfEx3 a {margin-left: 10px; font-size: 12px; text-decoration: underline; color: #5CBBF8; }
.loginform .lfEx3 a:hover {text-decoration: none; }
.loginform .lfEx4 {xwidth: 315px; xpadding: 10px 0 15px 184px; xfloat: left; text-align: center; }
.loginform .lfEx4 div {padding-top: 41px; font-size: 13px;}
.loginform .lfEx4 div a {text-decoration: underline;}
.loginform .lfEx4 div a:hover {text-decoration: none;}
.loginform .lfEx5 {text-align: center; color: #404040; }
.loginform .lfEx5 a {margin-left: 3px; text-decoration: underline; font-weight: bold; color: #003745; }
.loginform .lfEx5 a:hover {text-decoration: none; }
.loginform .error { text-align:center; padding: 0 0 10px 0; }
#loginHoverBox {width: 496px; padding: 5px; background: #EEE}

#loginHoverBox .topPanel {padding: 4px 12px 4px 11px}
#loginHoverBox .topPanel .left {float: left; font-size: 14px; }
#loginHoverBox .topPanel .right {padding: 0 19px 0 0; float: right; text-decoration: underline; font-size: 12px; background: url(/img/bg-topPanel_right.gif) no-repeat right;}
#loginHoverBox .topPanel .right:hover {text-decoration: none}
#loginHoverBox .loginformEx {width: 100%; float: left; background: #FFF}
#loginHoverBox .loginformEx .lfEx1 {width: 446px; padding: 25px 0 24px 50px; float: left; font-size: 17px; font-weight: bold; color: #062966; background: url(/img/bg-loginformEx_lfEx1.gif) no-repeat 12px 20px; }
#loginHoverBox .loginformEx .lfEx2{background:url("/img/bg-loginformEx_inp.gif") no-repeat 8px 39px;  float:left;  height:50px;  padding:0 0 27px 8px;  position:relative;  width:184px;}
#loginHoverBox .loginformEx .lfEx2 label{color:#062966;  display:block;  font-size:13px;  font-weight:600;  height:34px;  line-height:14px;  overflow:hidden;  padding:0 0 0 2px;  position:relative;  top:0;}
#loginHoverBox .loginformEx .lfEx2 .input_text {position: relative; top: 15px; left: 6px; width: 165px; font-size: 13px; border: 0}
#loginHoverBox .loginformEx .lfEx3{background:url("/img/bg-loginformEx_inp.gif") no-repeat 0 39px;  float:left;  height:50px;  padding:38px 0 27px;  position:relative;  width:184px;}
#loginHoverBox .loginformEx .lfEx3 label{color:#062966;  display:block !important;  font-size:14px;  font-weight:600;  height:34px;  overflow:hidden;  padding:0 0 0 6px;  position:absolute;  top:0;  width:170px;}
#loginHoverBox .loginformEx .lfEx3 .input_text {position: relative; top: 11px; left: 6px; width: 165px; font-size: 13px; border: 0}
#loginHoverBox .loginformEx .lfEx4 {padding: 36px 0 0 0; float: left}
#loginHoverBox .loginformEx .lfEx5 {width: 477px; padding: 11px 0 16px 19px; float: left; background: #cccccc}
#loginHoverBox .loginformEx .lfEx5 a {margin-right: 8px; text-decoration: underline; font-size: 12px; color: #0a2b68}
#loginHoverBox .loginformEx .lfEx5 a:hover {text-decoration: none}   


/********************** === USER.lostpass === *****************************************************/
#title_lostpass_1 {/*REM:background: url(/img/1/title_lostpass.gif) no-repeat; */}
.lostPass-t {font-size: 26px !important; font-weight: normal !important; color: #102e6c}
.lostPass .lostPassBox p {padding: 13px 0 13px 0; font-size: 13px; }
.lostPass .lostPassBox .lostPassBoxIn {height: 92px; background: #f8f8f8}
.lostPass .lostPassBox .lostPassBoxIn2 {height: 49px; width: 256px; padding: 14px 0 0px 17px; float: left; background: url(/img/bg-lostPassBox_inp.gif) no-repeat 17px 29px}
.lostPass .lostPassBox .lostPassBoxIn2 label {padding-left: 6px; display: block; font-size: 12px; font-weight: bold; color: #102e6c}
.lostPass .lostPassBox .lostPassBoxIn2 .input_text {position: relative; top: 10px; left: 6px; width: 165px; font-size: 13px; border: 0}
.lostPass .lostPassBox .lostPassBoxIn .input_button {margin-top: 28px; }

.changePass {}
.changePass .secLabel {height: 21px; margin: 15px 0 0px 0; padding: 7px 0 0 20px; font-size: 12px; font-weight: bold; color: #FFF; background: #5cbbf8}
.changePass .userdata {width: 717px; padding: 15px 0 17px 17px; background: #f8f8f8}
.changePass table {width: 100%;}
.changePass .rField {width: 238px}
.changePass .rField .topWrap {position: relative; padding-bottom: 2px}
.changePass .rField label {padding-left: 5px; font-weight: bold; display: block; font-size: 12px; color: #062966}
.changePass .rField .input_text {width: 216px; padding: 5px 0 5px 4px; color: #003745; border: 2px solid #5CBBF8; }
.changePass .changePassBTN {width: 100%; padding: 30px 0 0 0; float: left; }
.changePass .changePassBTN .input_button {margin-right: 15px; float: right}
.changePass .changePassBTN a {margin-left: 20px; padding: 5px 20px 5px 27px; display: block; float: left; font-weight: bold; color: #fefefe; background: url(/img/bg-changePassBTN.gif) no-repeat #5cbbf8; }


/********************** === USER.register === *****************************************************/
.registration {;}
.switchPersonType {padding-left:250px;padding-bottom:15px}
.switchPersonType label {font-size:12px;}
.icoexist {text-align:center;margin:15px 0; color:#FF0000; font-weight:bold; font-size:13px}
.icoexist a {color:#102E6C; font-weight:bold; font-size:13px;text-decoration:underline}

.registration .secLabel {height: 21px; margin: 15px 0 0px 0; padding: 7px 0 0 20px; font-size: 12px; font-weight: bold; color: #FFF; background: #5cbbf8}
.editData .secLabel {; background: #999999}  
.registration .slEx {; background: #999999}
.registration .secLabel .t {float: left} 
.registration .secLabel .note {padding-right: 16px; float: right; font-weight: normal; color: #FFF}

.registration .userdata {width: 719px; padding: 15px 0 17px 17px; background: #f8f8f8}
.registration .udEx {background: url(/img/bg-udEx.gif) repeat-x}
.editData .udEx {background: #f8f8f8 !important} 
.sup .udEx2 {padding: 0px 0 0px 0px; } 
.registration .udEx .contactTableEdit {margin: 0}
.editData .udEx .contactTableEdit {margin-top: 15px}
.registration .udEx .chbrEx td {padding-top: 25px}
.editData .udEx {padding: 15px 0 0px 17px; }  
.nosup .userdata.udEx2 {padding-left:17px}
.registration .requiredText {width: 711px; padding: 10px 0 10px 23px; float: left; color: #ff0000; font-size: 12px}
.xaddressTable {margin: -15px 0 0 -17px;width:734px !important}
.addressTable tr td {padding-left:20px}

.registration table {width: 100%; }
.registration table tr td {}
.registration table .rName {width: 92px; padding-right: 7px; text-align: right; }
.registration table .rName.checkPartner {text-align: left;}
.registration table .rName.checkPartner label {padding-right: 4px; padding-left: 7px}
.registration table .rInsert {width: 170px; }
.registration table .rName1 {width: 105px; padding-right: 4px; text-align: right; }
.registration table .rInsert1 {width: 155px; }
.registration table .input_text {width: 216px; padding: 5px 0 5px 4px; color: #003745; border: 2px solid #5CBBF8; }
.registration table select {width: 224px; border: 2px solid #5CBBF8; height: 26px}
.registration table .bankaccount {width: 148px; }
.registration table .bankcode {width: 51px; margin-left: 3px; }
.registration table .zipcode {/*width: 82px; */}
.registration .news {width: 12px !important; margin: 0; padding: 0; background: none; }

.registration .editBtns {width: 50px}
.registration .editBtns .input_button {margin-right: 5px; }
.registration label.check {padding-left: 3px; font-size: 12px; font-weight: 600; color: #062966}
.registration #ibPartner {padding-left: 3px}
.checkCdeReloadBtn {cursor:pointer; margin:10px}

.registration .partnerCheckWrap {}
.registration .bankAccount {/*visibility: hidden*/}
.registration .loadingGif {visibility: hidden;position: absolute; top: 0; left: 29px; }
.registration .checkBoxRow td {/*padding-bottom: 7px*/}

.registration .rField {width: 238px}
.registration .padTop .rField {padding-top: 16px}
.registration .rField .login {border-color: #DDDDDD}
.registration .rField .topWrap {position: relative; padding-bottom: 2px}
.xregistration .rField label {padding-left: 5px; font-weight: bold; display:block; float: left; font-size: 12px; color: #062966}
.registration .rField label.addInfo {padding-left: 0; font-weight: normal; display: inline; float: none}
.registration .rField .fieldNote {position: absolute; top: 0; right: 18px; color: #666666}
.registration .rField1 {width: 238px; }
.registration .padTop .rField1 {padding-top: 16px}
.registration .rField1 .login {border-color: #DDDDDD}
.registration .rField1 .topWrap {position: relative; padding-bottom: 2px}
.registration .rField1 label {padding-left: 5px; font-weight: bold; display:block; float: left; font-size: 12px; color: #062966}
.registration .rField1 label.addInfo {padding-left: 0; font-weight: normal; display: inline; float: none}
.registration .rField1 .fieldNote {position: absolute; top: 0; right: 18px; color: #666666}
.registration .req_char {position: relative; top: -4px; padding-left: 3px; color: #ff0000}

.xcontactTable {width: 734px !important; margin: -15px 0 0 -17px; }
.contactTable thead tr td {height: 37px; font-size: 12px; color: #102e6c; background: #fef800; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF}
.contactTable tbody tr td {height: 40px; font-size: 12px; font-weight: bold; color: #102e6c; background: #f8f8f8; border-bottom: 2px solid #FFF}
.contactTable .ct1 {width: 210px; padding-left: 20px; padding-right: 10px; }
.contactTable .ct2 {width: 212px; padding-right: 10px; }
.contactTable .ct3 {width: 212px; padding-right: 10px; }
.contactTable .ct4 {width: 50px; }
.contactTable .ct4 .input_button {margin-right: 5px}
.contactTable tfoot td {padding: 10px 0 10px 0; background: #FFF}
.contactTable tfoot td a {height: 28px; width: 165px; margin-right: 7px; padding: 6px 0 0 0; display: block; float: right; text-align: center; font-size: 14px; font-weight: normal; color: #FFF; background: url(/img/bg-contactTable_td_a.gif) no-repeat}

.contactTableEdit tbody tr td {font-weight: normal;}
.contactTableEdit .checkBoxRow td {padding-left: 20px;}
#OrderRegistContactDiv .box table.contactTableEdit tr div.topWrap {width: 190px;}

.addressTable thead tr td {height: 37px; font-size: 12px; color: #102e6c; background: #fef800; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF}
.addressTable tbody tr td {height: 40px; font-size: 12px; font-weight: bold; color: #102e6c; background: #f8f8f8; border-bottom: 2px solid #FFF}

.editData .contactTableEdit {width: 734px !important; /*margin-left: -17px !important;*/ }
.editData .contactTableEdit .rField1 {width: 238px; padding-left: 17px}
.editData .contactTableEdit .checkBoxRow td {padding-left: 23px; background: #FFF;height:auto}
.editData .contactTableEdit .chbrEx td {/*border-top: 17px solid #f8f8f8*/}
.editData tfoot .editBtnsPanel {padding-bottom: 10px; background: #FFF}
.editData tfoot .editBtnsPanel a {height: 28px; width: 96px; margin-right: 7px; padding: 6px 0 0 0; display: block; float: right; text-align: center; font-size: 14px; font-weight: normal; color: #FFF; background: url(/img/bg-editBtnsPanel.gif) no-repeat}

.sup .addressTable {width: 734px !important; }
.sup .addressTable {margin:0}
.sup .addressTable thead tr td {height: 37px; font-size: 12px; color: #102e6c; background: #fef800; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF}
.sup .addressTable tbody tr td {height: 40px; font-size: 12px; font-weight: bold; color: #102e6c; background: #f8f8f8; border-bottom: 2px solid #FFF}
.sup .addressTable .firstNname {width: 110px; padding-lefT: 20px; }
.sup .addressTable .firstName {width: 110px; padding-lefT: 20px; }
.sup .addressTable tfoot td {padding: 10px 0 10px 0; background: #FFF}
.addressTable tfoot td a {height: 28px; width: 165px; margin-right: 7px; padding: 6px 0 0 0; display: block; float: right; text-align: center; font-size: 14px; font-weight: normal; color: #FFF; background: url(/img/bg-contactTable_td_a.gif) no-repeat}

.sup .userdetail {width: 734px !important; margin: 15px 0 0 0 !important; }
.sup .userdetail .rField1 {width: 238px; padding-left: 17px}
.sup .userdetail tfoot td {padding: 10px 0 10px 0; background: #FFF}
.sup .userdetail tfoot td a {height: 28px; width: 96px; margin-right: 7px; padding: 6px 0 0 0; display: block; float: right; text-align: center; font-size: 14px; font-weight: normal; color: #FFF; background: url(/img/bg-editBtnsPanel.gif) no-repeat}

.userdetail tfoot td a {
  background: rgba(0, 0, 0, 0) url("/img/bg-contactTable_td_a.gif") no-repeat scroll 0 0;
  color: #fff;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: normal;
  height: 28px;
  margin-right: 7px;
  padding: 6px 0 0;
  text-align: center;
  width: 165px;
}
}

#AddressAddCont {width: 734px !important; background: url(/img/bg-AddressAddCont.gif) no-repeat}
#AddressAddCont .userdetail .padTop td {padding-bottom: 15px; }

.registration .freetext {width: 711px; margin: 0; padding: 25px 0 0 23px; text-align: left; border: 0; background: none}
.registration .freetext p {margin: 0; padding: 4px 0 0 0; }

.registration .registrationBTN {position: relative}
.editData .registrationBTN {padding: 15px 0 10px 0}
.editData .registrationBTN .btn2  {margin-right: 15px; float: right}
.editData .registrationBTN a {margin-left: 20px; padding: 5px 20px 5px 27px; display: block; float: left; font-weight: bold; color: #fefefe; background: url(/img/bg-changePassBTN.gif) no-repeat #5cbbf8; }
.registration .registrationBTN .btn1 {position: absolute; top: -65px; right: 0; }

.userbrief tr.notSaved td { background-color: #FFD47F}
.userbrief tr td { padding-left:3px}
.userbrief tbody td { background-color: #f5f5f5;}
.userbrief thead td { font-weight:bold}
.userbrief tfoot td { font-weight:bold}

.contactAdd {border:1px solid #E6E6E6; background-color: #f5f5f5; padding:5px}
.contactAdd table tfoot p {width: 100%; padding: 0; text-align: center; }

/*************************** === PRODUCER.imagelist === *************************************/
#title_producerImageList_1 {/*REM:background: url(/img/1/producerList.gif) no-repeat;*/}
.producerImageList {;}
.producerImageList .producerinfo {width: 167px; padding: 15px 0 0 0; float: left; text-align: center; }
.producerImageList .producerinfo a span {padding: 5px 10px 0 10px; display: block; }

/***************************  Column2 Compare *********************************************/
#column4 {position: relative; padding: 0px 0 0 0; background: url(/img/bg-titleEx.gif) repeat-x 0 35px; }
#column4 .title {padding: 10px 0 45px 25px; font-size: 14px; font-weight: bold; color: #0089E1; }
#column4 .title span {position: relative; top: 8px; }
#column4 .button {position: absolute; top: 35px; right: 10px; }
#column4 .logo {position: absolute; top: 35px; left: 15px; height: 35px; width: 140px;  background: url(/img/bg-logo.gif) no-repeat; }

.compare {padding-left: 10px; }
.compareEx {width: 151px; margin: 284px 5px 80px 0; float: left; border-right: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF; }
body:nth-of-type .compareEx {margin-top: 282px; }
.compareEx td {height: 18px; ?height: 17px; _height: 17px; border-top: 1px solid #AFAFAF; border-left: 1px solid #AFAFAF; }
.compareEx td div {padding: 1px 0 1px 10px; x?padding-bottom: 0; text-aling: center; background: #D3D3D3; border: 1px solid #FFF; }
.compareEx .bgT td div {background: #DDD !important; }
.compareEx .rw1 div {background: #c9cede; }
.compareEx .rw2 div {background: #d5d9e5; }
#compareTableId .product a.name {;}

.anotationC {background: none !important; }
.anotationC div {height: 53px; margin: 10px 0 0 0; overflow: hidden; background: none !important; }

#column4 .productBox {position: relative; width: 718px; margin: 0 0 0 -1px; overflow-x: auto; float: left; }
html>body #column4 .productBox {overflow: auto; }
:root #column4 .productBox {overflow: -moz-scrollbars-horizontal; }
*:first-child+html #column4 .productBox {overflow-y: hidden; }

#column4 .productBox table tr td {width: 185px; padding-right: 4px; }
#column4 .productBox .product .name {height: 30px; margin: 15px 0 10px 0; display: block; overflow: hidden; text-align: center; font-size: 12px; font-weight: bold; color: #0089E1; }
#column4 .productBox .product .productImg {height: 137px; ?height: 136px; _height: 136px; width: 176px; text-align: center; border: 0 !important; }
#column4 .productBox .product .productImg td {border: 0 !important; background: url(/img/bg-productComp.gif) no-repeat bottom; }
#column4 .productBox .product .prEx {font-weight: bold; }
#column4 .productBox .product table {border-right: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF; }
#column4 .productBox .product table tr td {height: 18px; ?height: 17px; _height: 17px; width: 178px; padding: 0; border-top: 1px solid #AFAFAF; border-left: 1px solid #AFAFAF; }
#column4 .productBox .product table tr td div {padding: 1px 0 1px 10px; text-aling: center; background: #D3D3D3; border: 1px solid #FFF; }
#column4 .productBox .product table .bgT td div {background: #DDD !important; }
#column4 .productBox .product .rw1 div {background: #c9cede; }
#column4 .productBox .product .rw2 div {background: #d5d9e5; }
#column4 .productBox .product .buttons {padding: 8px 0 25px 0; text-align: center; }
#column4 .productBox .product .buttons a {margin-bottom: 5px; display: block; }
#column4 .productBox .product .price {margin-top: 15px; padding: 2px 0 2px 0; ?padding-top: 3px; _padding-top: 3px; text-align: center; font-size: 11px; color: #0089E1; border-top: 1px solid #d1d1d1; }
#column4 .productBox .product .price .currPrefix {padding-right: 2px; }
#column4 .productBox .product .price small {color: #000; }
html>body #column4 .productBox .product .price {padding-top: 3px; }
:root #column4 .productBox .product .price {padding-top: 2px; }
#column4 .productBox .amount .input_text {height: 16px; width: 24px; padding-top: 2px; text-align: center; border: 1px solid #134179; }
#column4 .productBox .productPrice {padding: 5px 0; }


/*************************** === Forum === ***********************************************/
#title_forum_1 { background: url(/img/1/title_forum_category.gif) no-repeat; }
.page_forum .forumList {clear: both;}
.page_forum .forumList table {width:100%; margin-bottom:15px;}
.page_forum .forum ul {margin:5px 0 0 5px}
.page_forum li.forum_Body {width:100%; float:left;}
.page_forum .treeImg {width:10px; margin-right:5px; float:left;}
.page_forum .forum li {width:100%; list-style-type:none; margin-left:0;padding-left:5px;}
.page_forum .forum a {margin-right: 6px; padding-right: 10px; text-decoration: none;}
.page_forum .forum li {display: inline}
.page_forum .forum li a:hover {text-decoration: underline}
.page_forum .forum_name {margin-right:5px; float:left;}
.page_forum .forum_date {width:60px; float:left;}
.page_forum .forumList thead td {background-color: #dcdcdc; font-weight: bold;}
.page_forum .forumList tr.sel td {font-weight: bold; background-color:#f0f0f0;}
.page_forum .forumList td.l {background: url(../img/fl.gif) no-repeat center; width:10px}
.page_forum .forumList td.t {background: url(../img/ft.gif) no-repeat center; width:10px}
.page_forum .forumList td.emp {background:none; width:10px}
.page_forum .secTitle {margin:5px 0; font-size: 13px;}
.page_forum .forumListFull { clear: both; margin-bottom:15px;}
.page_forum .forumListFull table td {background-color: #e0e0e0; width:100%; padding: 5px }
.page_forum .forumListFull .createDate {width:10%; white-space: nowrap;}
.page_forum .forumListFull .answer{width:10%;}
.page_forum .forumListFull .fTitle {font-weight: bold;}
.page_forum .forumListFull .text {padding: 3px; clear: both; margin-bottom:10px; }


/******************************* === FORUM.thread.list === ***********************************/
.forumList {;}
.forumList .freetext {padding: 0 0 8px 15px; }
.forumList table {width: 100%; margin-bottom: 15px; }
.forumList table td {padding: 0px 5px 2px 5px; }
.forumList table td.fCreated { white-space: nowrap; }
.forumList table thead td {padding: 5px; color: #000; font-weight: bold; background-color: #F4F4F4; border-bottom: 2px solid #dddddd;}
.forumList table thead .fcheck {width: 20px; }
.forumList table thead .fanswers {width: 10%; white-space: nowrap; }
.forumList table thead .fdlast {width: 10%; white-space: nowrap; }
.forumList table .root td {padding-top: 3px !important; padding-bottom: 5px !important; background-color: #e0e0e0; }
.forumList table .input_check {position: relative; top: 1px; }
.forumList tr.sel td {font-weight: bold; background-color: #f0f0f0; }
.forumList td.l {width: 10px; background: url(/img/l_node.gif) no-repeat center; padding: 0px 2px 2px 2px; }
.forumList td.t {width: 10px; background: url(/img/t_node.gif) no-repeat center; padding: 0px 2px 2px 2px; }
.forumList td.i {width: 10px; background: url(/img/i_node.gif) no-repeat center; padding: 0px 2px 2px 2px; }
.forumList td.emp {width: 10px; background: none; }
.forumList table tfoot td { padding: 10px 5px 5px; text-align: center; }
.forumList .pager {;}
.forumList .pager img {vertical-align: middle}
.forumList .pager .jumptopage {float: right}
.forumList .pager span {position: relative; top: 1px; }
.forumList .pager a {margin: 0 2px}
.forumList .pager .input_text {height: 16px; width: 27px; margin-right: 5px; padding-top: 3px; text-align: center; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
.forumList .pager .btLeft {margin: 0 2px 0 7px}
.forumList .pager .btRight {margin: 0 2px 0 7px}
.forumList .pager .pagerPages {padding: 15px 0 0 10px }
.forumList .pager .pagerItems {padding: 5px 0 10px 10px }
.forumList  .buttonS {width:100%; text-align:right}
.forumList .fdetHead  {background-color:#e0e0e0; padding:5px;}
.forumList .fdetHead .ftitle {font-weight:bold; font-size:11px; padding-right:20px}
.forumList .fdetHead .fauthor{font-weight:bold;}

.forumListFull {margin-bottom: 15px; }
.forumListFull table {margin: 0 0 5px 0; border: 0; }
.forumListFull table td {padding-top: 5px}
.forumListFull table td .text {padding: 5px; }
.forumListFull .forumTopiclist {margin: 0 0 10px 0; border: 1px #e0e0e0 solid; }
.forumListFull .forumTopiclist .line1 {background-color: #e0e0e0; }
.forumListFull .forumTopiclist .last {margin-bottom: 0px; }

/*************************** === FORUM.form === *********************************************/
.forumForm {;}
.forumForm table {width: 100%; }
.forumForm table tr td {height: 27px; }
.forumForm table .rName {width: 50px; padding-right: 5px; text-align: right; }
.forumForm table .rInsert {width: 160px; }
.forumForm table .rName1 {padding-right: 5px; } 
.forumForm table .input_text {height: 16px; width: 130px; padding: 3px 0 0 7px; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
.forumForm table .input_text.fftitle {width: 230px; }
.forumForm table .forumText {padding: 8px 0;}
.forumForm table .forumText textarea {width: 425px; height: 150px; padding: 7px; border: 1px solid #c3c3c3; }
.forumForm table .forumCaptcha {padding: 5px; text-align: center; }
.forumForm table .forumCaptcha .checkCodeBox span {padding: 6px 0; display: block; text-align: center; }
.forumForm table .forumCaptcha .checkCodeBox .input_text {margin: 8px 0; }

/********** === warranty_detail === ************/
#title_warranty_detail {/*background: url(/img/1/title_warranty.gif) no-repeat*/}

/********** === Holland_auction === ************/
#title_HollandAuction {background: url(/img/1/title_warranty.gif) no-repeat}
.titleHolland H1 {padding: 10px 8px 5px 8px; font-size:14px; font-weight: bold; color: #76c339}
.description {padding: 10px 4px 5px 4px;}

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

#hoverbox {position: absolute; display: none; border: 1px #D1D1D1 solid; padding: 5px; cursor: pointer; background-color: #fff; }
#hoverbox.visible {display:block;}



/*********************
 === market_region ===
**********************/
#title_markets_1 {background: url(/img/1/title_markets.gif) no-repeat !important}
.marketMap {width:100%; padding: 17px 0; float: left;}
.marketMap .marketMapIn {margin: 0; float: left; background-color: #ffffff; }
.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; float:left; }
.marketMap .marketSpace {clear: both; height: 17px;}
.marketMap .marketCities {width:100%; padding:15px 0 15px 35px; float: left;font-weight:bold;font-size:12px}
.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: 100%; margin-top: 15px;}
.marketList table {width: 736px; font-size: 12px; }
.marketList table tr td {padding-left: 10px}
.marketList table thead tr td {background: #FEF800; height: 37px; border-bottom: 2px solid #fff}
.marketList table tbody tr.regionTitle td {background: #5CBBF8; height: 27px; font-weight: bold; color: #fff;border-top: 2px solid #fff}
.marketList table tbody tr.marketTitle td {background: #E1F1F6; height: 27px; font-weight: bold; border-top: 2px solid #fff;height:40px;cursor:pointer}
.marketList table tbody tr.market td {background: #E1F1F6}
.marketList .marketWrap {padding: 10px 10px 10px 0; font-size: 12px; }
.marketList .marketWrap .infoData {float:left}
.marketList .marketWrap .imagediv {float:left; padding-left:20px}
.marketList .marketWrap .infoData div {padding: 0 0 4px 0}
.marketList .marketWrap .infoData div .data {padding-left: 5px; font-weight: bold; }
.marketList .marketWrap .img {float:left; padding-left:5px}
.googlemaps {float:left; height:300px; width:800px; position:relative}
.map_canvas {float:left; height:300px; width:800px; position:relative}

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


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


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




/********************  === modal win select category - strom kategorii ===  ********************/

#modalIframe {position: relative; top: 50px; background: #FFF; border: 1px solid #FFF}
#modalIframe, #clona1 {-moz-box-sizing: border-box; box-sizing: border-box;}
#modalIframeBody {height: 100%; _height: auto; _xwidth: 100% !important; margin: 0; padding: 25px 0px 29px 0px; overflow: hidden; _overflow: none; background: #e7e7e7; }
.modalContent {height: 100% !important; padding-left: 5px; padding-right: 5px; _padding-top: 10px; _padding-bottom: 15px; overflow: auto; font-size: 11px; font-weight: bold; background: #FFF; border-left: 2px solid #FFF; border-right: 0 solid #FFF; }
#headerMenuContainer {position: fixed; _position: absolute; top: 0px; left: 0px; height: 25px; width: 100%; background: #e0e0e0; }
#headerMenuContainer #header strong {position: relative; top: 6px; left: 15px; }
#headerMenuContainer #header a {position: relative; top: 2px; right: 3px}
#footerContainer {xposition: absolute; height: 29px; width: 100%; left: 0; bottom: 0px; }
#footerContainer2 {xposition: absolute; height: 29px; width: 100%; left: 0; bottom: 0px; }
#footerContainer2 .buttonsSave {padding-top: 3px; text-align: center}
#footerContainer2 .buttonsSave input {margin-right: 5px; cursor: pointer; color: #FFF; background: #989898; border: 1px solid #FFF}

.pricelist p {padding-bottom: 5px; }
.pricelist div {padding-bottom: 5px; }

 
.category ul {margin: 0; padding: 0 0 0 10px; list-style-type: none; }
.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}
.category ul li img { margin-right:5px; cursor:pointer}
span.closed {background-color:url(/img/plus.gif) no-repeat; cursor:pointer; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px;}
span.closed_catActive { background:url(/img/plusActive.gif) no-repeat; cursor:pointer; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.opened {background:url(/img/minus.gif) no-repeat; cursor:pointer;  height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.opened_catActive {background:url(/img/minusActive.gif) no-repeat; cursor:pointer; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.catInd {background:url(/img/catInd.gif) no-repeat; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.catInd_catActive { background:url(/img/catIndActive.gif) no-repeat; height:13px; margin-left:-14px; margin-right:5px; padding-left:9px; width:9px}
span.loading {font-style:italic}



/*pes*/
/*#wd_watchDogMainTable {border:#DCCDA1 solid 10px; left:430px;position:absolute;top:100px;width:400px;z-index:500;background:#ffffff;}*/
#wd_watchDogMainTable {/*border:#979790 solid 1px;*/ border-left:#DCDCDC solid 1px; border-top:#DCDCDC solid 1px; border-bottom:#979790 solid 2px; border-right:#979790 solid 2px; left:430px;position:absolute;top:100px;width:306px;z-index:500;background:#ffffff; padding:0px;z-index:700}
#wd_watchDogMainTable .watchDogTitleBar {background:#f5f5f5; padding:3px 0; text-align:right; padding-right:5px}
#wd_watchDogMainTable .watchDogTitleBar span {position:relative; top:-3px; font-weight:bold; color:#848484; font-size:10px; padding-right:5px}
#wd_watchDogMainTable .watchDogTitle1 {padding:10px 10px; color:#b51a16; font-size:17px;}
#wd_watchDogMainTable .watchDogTitle1 img {margin-right:5px; position:relative; top:2px}
#wd_watchDogMainTable .watchDogTitle2 {padding:0 10px}
#wd_watchDogMainTable #wd_watchDogMainDiv {margin-top:5px}
#wd_settingsSpan {padding:10px; display:block}
#wd_watchDogMainTable .watchDogRowStore {padding:0px 10px 10px 10px}
#wd_watchDogMainTable .watchDogRowStore .product {display:inline-block; width:200px}
#wd_watchDogMainTable .watchDogRowStore strong {display:inline-block; width:70px}
#wd_watchDogMainTable .watchDogRowStoreFirst {clear:both; padding-left:10px}
#wd_watchDogMainTable .watchDogRowStoreFirst div {float:left; width:118px; padding-bottom:7px}
#wd_watchDogMainTable .watchDogRowStoreAll {clear:both; padding-left:10px;}
#wd_watchDogMainTable .watchDogRowStoreAll div {float:left; width:118px; padding-bottom:10px}
#wd_watchDogMainTable .watchDogRowPrice {font-weight:bold; padding-left:10px}
#wd_watchDogMainTable .watchDogRowPrice strong {display:inline-block; width:70px}
#wd_watchDogMainTable .watchDogRowPriceDown {padding-left:10px; padding-top:7px}
#wd_watchDogMainTable .watchDogRowPriceDown div {float:left; width:118px}
#wd_watchDogMainTable .watchDogRowUnderLimit {clear:both; padding-left:10px; padding-top:5px}
#wd_watchDogMainTable .watchDogRowUnderLimit div {float:left; width:118px}
#wd_watchDogMainTable .watchDogRowUnderLimit strong {padding-right:10px; font-weight:normal}
#wd_watchDogMainTable .watchDogRowUnderLimit .watchDogUnderLimitRadio {width:27px}
#wd_price_treshold {width:53px; height:19px; border:1px solid #707070}
#wd_watchDogMainTable .watchDogRowButtons {background:#f5f5f5; padding:6px; margin-top:20px; text-align:right}
#wd_watchDogMainTable .watchDogInfo {padding:10px 10px 30px 10px; font-weight:bold}
.watchDogRowSeparator { background:url('/img/detailSep.gif') repeat-x; height:10px; margin-left:10px; width:286px; clear:both}

#wd_watchDogMainTable .watchDogRowPriceDown {padding-left:10px; padding-top:7px}
#wd_watchDogMainTable .watchDogRowPriceDown div {float:left; width:118px}

#wd_watchDogMainTable  .lgTitle {padding:0 10px}
#wd_watchDogMainTable  .lgLogin {padding-left:10px; padding-top:7px}
#wd_watchDogMainTable  .lgLogin label{float:left; width:118px}
#wd_watchDogMainTable  .lgPwd {padding-left:10px; padding-top:7px}
#wd_watchDogMainTable  .lgPwd label{float:left; width:118px}
#wd_watchDogMainTable  .lgBtn {background:#f5f5f5; padding:6px; margin-top:20px; text-align:right}

.watchDogListItemsTable {margin-left:0px;  margin-top:20px}
.watchDogListItemsTable a {font-weight:bold; text-decoration:underline; color:#b51521}
.watchDogListItemsTable a:hover {text-decoration:none}
.watchDogListItemsTable td {padding:5px; background:url('/img/detailSep.gif') repeat-x bottom;}
.watchDogListItemsTable thead td {font-weight:bold}



/**************************** === USER.remember.hoverbox === *****************************************/
#rememberHoverBox {position: absolute; z-index: 9; width: 357px; padding: 5px; display: none; background: url(/img/bg-rememberHoverBox.gif) no-repeat #93d04e}
.rememberHoverboxIn {width: 355px; floaT: left; border: 1px solid #b7e360}
#rememberHoverBox p {width: 100%; margin-bottom: 10px; padding: 12px 0 10px 0; float: left; text-align: center; font-size: 10px; font-weight: bold; color: #FFF; border-bottom: 1px solid #b7e360}
#rememberHoverBox .item {padding: 0 0 0 25px; color: #FFF}
#rememberHoverBox .item .name {width: 100%; padding-bottom: 6px; text-align: center;}
#rememberHoverBox .buttonsHB {margin-top: 3px; padding: 3px 0; text-align:center}
#rememberHoverBox a {position: relative; top: 5px; text-decoration: none; font-weight: bold; color: #FFF}
#rememberHoverBox .bhEx {margin: 0 106px 0 39px}

/**************************** === USER.avail.hoverbox === *****************************************/
#availHoverBox {position: absolute; z-index: 9; width: 357px; padding: 5px; display: none; background: url(/img/bg-rememberHoverBox.gif) no-repeat #93d04e}
.availHoverBoxIn {width: 355px; float: left; border: 1px solid #b7e360}
#availHoverBox p {width: 100%; margin-bottom: 10px; padding: 12px 0 10px 0; float: left; text-align: center; font-size: 10px; font-weight: bold; color: #FFF; border-bottom: 1px solid #b7e360}
#availHoverBox .item {padding: 0 0 0 25px; color: #FFF; float:left}
#availHoverBox .item .code {padding-bottom: 6px;}
#availHoverBox .item .value {padding-bottom: 6px;}
#availHoverBox .item .code strong, #availHoverBox .item .value strong { float:right; font-weight:bold; width:100px; margin-left:150px}
#availHoverBox .buttonsHB {margin-top: 3px; padding: 3px 0; clear:both; text-align:center}
#availHoverBox .buttonsHB a {position: relative; top: 5px; text-decoration: none; font-weight: bold; color: #FFF}

/**************************** === PUBLIS.info.hoverbox === *****************************************/
#infoHoverBox {position: absolute; z-index: 9; width: 357px; padding: 5px; display: none; background: url(/img/bg-infoHoverBox.gif) no-repeat #93d04e}
#infoHoverBox .infoHoverBoxIn {width: 355px; floaT: left; border: 1px solid #b7e360}
#infoHoverBox p {width: 100%; margin-bottom: 10px; padding: 12px 0 10px 0; float: left; text-align: center; font-size: 10px; font-weight: bold; color: #FFF; border-bottom: 1px solid #b7e360}
#infoHoverBox .buttonsHB {width: 100%; padding-bottom:3px; text-align:center;}

/**************************** === ???.hoverbox === *****************************************/
#helpHoverBox  {display: none;}


/* VYVOJ */
td.CalTitleDay {padding: 3px; border: 1px blue solid; background-color: #99ccff;}
td.Weekend {background-color: #66ccff; font-weight: bold;}
td.CalNumDay {padding: 3px; border: 1px blue solid; text-align: center;}
td.CalNumDay.ActiveDay a { color: red; }
td.CalNumDay.ToDay {background-color:blue ;}
td.CalNumDay.ToDay a {color: white;}
td.CalNumDay a {}


/********** === reclamation === ************/
.reclamation {}
.reclamation table {margin:5px; border-collapse:collapse; border-color:#D5D5D5; clear:both}
.reclamation .information {margin-top: 20px}
.reclamation .rField {width: 238px}
.reclamation .rField .topWrap {position: relative; padding-bottom: 2px}
.reclamation .rField label {padding-left: 5px; font-weight: bold; display: block; font-size: 12px; color: #062966}
.reclamation .rField .input_text {width: 216px; padding: 5px 0 5px 4px; color: #003745; border: 2px solid #5CBBF8; }
.reclamation .rFieldBrief {font-size: 12px; color: #062966;}
.reclamation .rFieldBrief .topWrap {padding-bottom: 2px}
.reclamation .rFieldBrief .topWrap label {font-size: 12px;}
.reclamation .rFieldBrief span {font-weight: bold}
.reclamation .req_char {position: relative; top: -4px; padding-left: 0px; color: #ff0000}

.reclamation textarea {width: 685px; height: 145px; padding: 5px 0 5px 4px; color: #003745; border: 2px solid #5CBBF8;}

.reclamation table {width: 100%; margin-top: 20px}
.reclamation table thead tr td {height: 30px; background: #5CBBF8; color: #fff; font-weight: bold; font-size: 14px; padding-left: 20px;}
.reclamation table tbody tr td {padding-left: 25px; padding-top: 10px; padding-bottom: 15px; background: #F8F8F8}
.reclamation table tbody tr.noBG td {background: #fff}
.reclamation .buttons .reqNote {float: left; padding-left: 28px; color: #ff0000; font-size: 12px}
.reclamation .buttons .btns {float: right; padding-right: 12px}

/********** === PARTNER.orderslist === ************/
#title_partner_orderlist_1{/*REM:background: url(/img/1/title_partner_orders.gif) no-repeat */}

/********** === PARTNER.code === ************/
#title_partner_code_1{}
.pcode {}
.pcode fieldset {width: 482px}
.pcode fieldset p {text-align: center;}
.pcode fieldset p.value {font-weight: bold;}
.ImgP {border:#ffffff 2px solid;}
.ImgA {border:#ffffff 2px outset;}
.ImgN {border:#ffcf63 2px solid;}

.buttonPartner {padding: 15px 0; text-align: center}

/********** === CALENDAR === ************/
table.calendarBig {padding: 3px; border-collapse: collapse; border: 1px silver solid; margin: 10px auto}
.calendarBig thead td {text-align: center;}
.calendarBig .day {height:55px; width:70px; text-align: center;}
.calendarBig .day a {text-decoration: none; display: block; position: relative; }
.calendarBig .day a div.lightbox { position: absolute; top: -5px; right: 5px; }

.calendarBig .coverMonth { background-color:#E8E8E8; color: #A9A7A7;}
.calendarBig .saturday { background-color:#FFE293;}
.calendarBig .sunday { background-color:#FFC66C;}
.calendarBig .holiday { background-color:#FAFCAD; }
.calendarBig .today { background-color:#BEBEBE; }
.calendarBig .selected { background-color:#BEBEBE; }
.calendarBig .userNote { background-color:#000000; }

#column2.page_calendar { overflow: visible; }
.page_calendar .monthName { font-size: 12px; margin-top:20px; margin-bottom: 5px; text-align: center; color: #FFC66C; text-transform: uppercase; font-weight: bold; clear: both; }
.page_calendar .input_text { border:1px solid #9D9D9D; color:#6A6A6A; height:16px; margin:6px 6px 0 0; padding:3px 0 0 6px; width:113px; position: relative; top: -2px; }
.page_calendar .filterDate { width: 250px; float: left; padding-left: 15px; }
.page_calendar .filterName { width: 250px; float: left; padding-left: 15px; }
.page_calendar .input_image {  }
.page_calendar .filters { margin-bottom: 15px; }
.page_calendar .monthName a { text-decoration: none; }
.page_calendar .monthName img { width: 10px; height: 10px; margin-left: 10px; margin-right: 10px; }

.calendarPopUp { position: absolute; top: 130px; left: 50px; width: 300px; border: 1px solid #FFC66C; background: White; padding: 10px; }
.calendarPopUp .header { color: #FFC66C; font-size: 12px; font-weight: bold; position: relative; margin-bottom: 15px; }
.calendarPopUp .header img { position: absolute; right: 0px; top: 0px; cursor: pointer; }
.calendarPopUp .messageLine { margin-bottom: 5px; padding-top: 5px; text-align: justify; border-top: 1px solid #C0C0C0; }
.calendarPopUp .messageLine .messageType { color: #FFC66C; font-weight: bold; }
.calendarPopUp .messageLine .messageIcons { text-align: right; }
.calendarPopUp .messageLine img { margin-left: 5px; }
.calendarPopUp .messageLine img.actionBtn { cursor: pointer; }

.page_calendar .newMessageForm div {  color: #FFC66C; font-size: 12px; font-weight: bold; margin-top: 10px; border-top: 1px solid silver; padding-top: 10px; }
.page_calendar .newMessageForm .mSelect { padding: 0px; width: 270px; }
.page_calendar .newMessageForm .mArea { width: 270px; height: 50px; padding: 0px; }

/********** === DICTIONARY.list === ************/
#title_dictionary_1 {/*background: url(/img/1/title_dictionary.gif) no-repeat*/}
.page_dictionary .searchLine {margin: 0 0 7px 7px}
.page_dictionary .input_text {height: 16px; width: 200px; padding: 3px 0 0 7px; margin-right:5px; color: #003745; background: url(/img/bg-searchBox_input.gif) repeat-x; border: 1px solid #c3c3c3; }
.page_dictionary .input_button {margin-left:5px}

.page_dictionary .alphabet { text-align:center; margin-bottom:15px }
.page_dictionary .alphabet span { font-size:15px; padding:3px 3px 3px 0; text-transform:uppercase }
.page_dictionary .alphabet span a { font-weight:bold }
.page_dictionary .alphabet span a:hover { background-color:#dadada }
.page_dictionary .alphabet .sel a {color: #fb8f1e}

.page_dictionary .dictionaryList { margin:0 0 15px 15px }
.page_dictionary .dictionaryList ul{ list-style-type:none; padding-left:0px;}
.page_dictionary .dictionaryList li {padding:3px 0}
.page_dictionary .dictionaryList li a { font-weight:bold; padding-left:10px; background: url(/img/bg-categories_li_a.gif) no-repeat left}
.page_dictionary .dictionaryList .description { padding:8px 0 0 4px }


/********** === popup calendar === ************/
.rc_calendar { border: 1px solid #000000;}
.rc_iframe_body { margin: 0px; background: <% bg1(); %>; border: 0px; cursor: default; }
.rc_iframe_body .rc_table { font-size: 12px; font-family: 'Open Sans', sans-serif; background: #e5e5e5; }
.rc_iframe_body .rc_wd_tr td { border-bottom: 1px solid #000000; padding: 2px; text-align: center; color:<% ink1(); %>; white-space: nowrap; }
.rc_iframe_body .rc_time_tr td { border-top: 1px solid #000000; padding: 2px; text-align: center; color:<% ink1(); %>; white-space: nowrap; }
.rc_iframe_body .rc_head_tr td, .rc_iframe_body .rc_nav_tr td { border-bottom: 1px solid #000000; padding: 2px; text-align: center; color:<% ink1(); %>; white-space: nowrap; font-weight: bold; }
.rc_iframe_body .rc_cal_tr td { border: 1px solid #fff; padding: 4px 2px 4px 2px; text-align: right; color:<% ink1(); %>; white-space: nowrap; width: 25px; }
.rc_iframe_body .rc_footer_tr td { border-top: 1px solid #000000; padding: 2px; text-align: center; color:<% ink1(); %>; white-space: nowrap; }
.rc_iframe_body .rc_hours { width: 20px; background: #66ff66; border: 1px solid #000; }
.rc_iframe_body .rc_colon_span {}
.rc_iframe_body .rc_mins { width: 20px; background: #66ff66; border: 1px solid #000; }
.rc_iframe_body td.rc_current, .rc_iframe_body tr.rc_highlight td.rc_current { border: 1px solid #fff; color: #00f; background: #fff; font-weight: bold; }
.rc_iframe_body td.rc_today { font-weight: bold; }
.rc_iframe_body td.rc_weekend_head { color: #f00; }
.rc_iframe_body td.rc_weekend_day { color: #f00; }
.rc_iframe_body tr.rc_highlight, .rc_iframe_body tr.rc_highlight td { border: 1px solid #66ff66; background: #66ff66; }
.rc_iframe_body tr.rc_highlight td.rc_highlight { background: #66ff66; border: 1px solid #9999ff; }


/********** === FORUM.topic.list === ************/
/*
.forumList {clear: both;}
#column2 .forumList .title {float: none; height:15px; margin: 10px 0 0 0}
.forumList table {margin-bottom:10px; width: 100%;}
.forumList table td {background-color:#f4f4f4;padding:5px;height:22px;text-align:left;}
.forumList table td.fname {font-weight:bold;}
.forumList table td.fcheck {padding:0;text-align:center;}
.forumList table td.fy {}
.forumList table td.fanswers {text-align:center;}
.forumList table td.fdlast {text-align: right;}
.forumList table thead td {background-color:#f4f4f4; height:35px; text-align:center; vertical-align:middle; border-bottom:2px solid #dddddd}
.forumList table thead td.fname {width:226px;}
.forumList table thead td.fcheck {width:20px;}
.forumList table thead td.fy {width:65px;}
.forumList table thead td.fanswers {width:75px;}
.forumList table thead td.fdlast {width:150px;}
.forumList table tbody td {background-color:#fff}
.forumList table tfoot td {text-align: center;padding:5px 0}
*/

/********** === PUBLISH.animatedBanner new === ************/

.gallery {position: relative; height: 365px !important; width: 636px !important; overflow: hidden; }
.gallery a {position: absolute; float: left; }
.gallery a img {width: 100%; height: 100%; border: none;}
.gallery a.show {z-index:500}

.gallery .caption {position: absolute; left :0px; bottom: 0; z-index: 600; height: auto !important; width: 520px; font-weight: bold;  font-size: 14px; color: #FFF; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.gallery .caption .content {padding: 8px 12px; float: none; text-transform: uppercase; line-height: 20px; font-weight: bold;  font-size: 14px; color: #FFF; background: #000; }

.gallery .sidebarP, .gallery .sidebarN {z-index:600; height: 32px; width: 28px; position: absolute; float: none; cursor: pointer;}
.gallery .sidebarP img, .gallery .sidebarN img {width: 100%; height: 100%} 
.gallery .sidebarP {top: 166px; left: 0px}
.gallery .sidebarN {top: 166px; right: 0px}

.gallery .sidebar1, .gallery .sidebar2, .gallery .sidebar3, .gallery .sidebar4  {z-index:600; width: 30px; height: 25px; font-weight: bold; text-align:center; padding-top: 5px; color: #000; background-color:#FCB034; position:absolute; right:0; float: none; font-size: 16px; cursor:pointer;}
.gallery .sidebar1 {top: 10px;}
.gallery .sidebar2 {top: 50px;}
.gallery .sidebar3 {top: 90px;}
.gallery .sidebar4 {top: 130px;}
 

/********** === CATEGORYBODY.abanner.slide === ************/
.comGallerySlide {width: 100%; padding: 0 0 10px 0; float: left; }
.comGallerySlide .line {width: 100%; float: left; background: url(/img/bg-comLRecommended_line.gif) no-repeat bottom left; }
.comGallerySlide .line.last {background: none; } 
.comGallerySlide .product {position: relative; width: 239px; margin: 0 0 0 12px; _margin-left: 6px; padding: 13px 0 10px 0; float: left; text-align: center; }
.comGallerySlide .product h3 a {height: 30px; padding: 0 15px; display: block; overflow: hidden; font-size: 12px; color: #003745; }
.comGallerySlide .productImg {height: 94px; width: 94px; margin: 10px auto 20px auto; overflow: hidden; border: 1px solid #72a4b2; } 
.comGallerySlide .productPrice {font-size: 12px; font-weight: bold; color: #003745; }
.comGallerySlide .productPrice small {font-size: 11px; color: #708e96; }
.comGallerySlide .productAttribute {position: absolute; top: 42px; left: 13px; width: 38px; }
.comGallerySlide .productAttribute img {margin-bottom: 5px; }
.catgallery {position:relative; width:100%;}
.catgallery .sidebarP, .catgallery .sidebarN {z-index:600; width: 17px; height: 17px; text-align:center; position:absolute; right:0; float: none; cursor:pointer;}
.catgallery .sidebarP {top: 10px; right: 40px}
.catgallery .sidebarN {top: 10px; right: 10px}

img.preview {cursor: pointer}
.userdatabox .loadingGif {visibility: hidden}

.addressTable tbody tr.odd td {background: #EEE}
.contactTable tbody tr.odd td {background: #EEE}
.title.infoBox-t, .title.inquiry-t, .title.sendM-t, .title.textAdvertise-t, .title.payments-t, .title.recommendUs-t {cursor: pointer;}




/* EDITOR DELENI MATERIALU V KOSIKU */
.divEditorBasket {padding-top: 5px; padding-bottom: 8px}
.divEditorBasket label {padding-right: 8px}
.divEditorBasket .sep {font-weight: bold; padding: 0 10px 0 0 !important}
.divEditorBasket .editorBtns {padding-top: 10px; font-size: 12px; font-weight: bold; padding-left: 5px}
.divEditorBasket .editorBtns a {color: #ff0000}
.divEditorBasket .editorBtns .newRow {float: left; padding-right: 180px}
.divEditorBasket .editorBtns .recount {float: left}
.divEditorBasket table {width: 100%;}
.divEditorBasket table td.small {width: 65px; white-space: nowrap;}
.divEditorBasket table td.small strong {padding-left: 8px; font-weight: normal;}
.divEditorBasket table td:last-of-type {width: 65px; text-align: right;}
.divEditorBasket table tbody td {padding-right: 5px; padding-left: 5px}
.divEditorBasket table tbody td label {padding-left: 5px}
.divEditorBasket .smallField {width: 40px}
.divEditorBasket .noteField {width: 200px}
.divEditorBasket input[type=text] 
{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #fff none repeat scroll 0 0;
  border-color: #787878 #bebebe #dcdcdc;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 0 #bebebe inset;
  box-sizing: border-box;
  height: 30px !important;
  padding: 0 4px;
  text-align: right;
  width: 40px !important;
}

.divEditorBasket input[type=text][readonly=readonly] { background-color: rgb(230, 230, 230);}
.detail #dividingEditorContainer_0 input[type=text][readonly=readonly] { background-color: rgb(230, 230, 230);}
.detail #singleDividing_0 input[type=text][readonly=readonly] { background-color: rgb(230, 230, 230);}


.divEditorBasket td.big input {width: 97% !important; text-align: left; background: url(/img/edit-pen.png) no-repeat 4px center white; box-shadow: unset !important; color:black; font-family: Open Sans !important; padding-left: 24px; border: solid 1px;} 
.divEditorBasket tr td {border-bottom: none !important}

.order .trSluzbaContent > td {padding-top: 0 !important; padding-bottom: 0 !important}
.order .expandIcon {cursor: pointer}
.order .expand {text-align: right; padding-right: 8px}

.deliveryAgreeWrap {padding-top: 15px}
.deliveryAgreeWrap .check {float: left}
.deliveryAgreeWrap .link {font-size:12px; float: left; padding-top:2px;}
.deliveryAgreeWrap .link a {color:#5CBBF8;text-decoration:underline}
.deliveryAgreeWrap .link a:hover {text-decoration:none}
.page_changepwd .req_char {position: relative; top: -4px; padding-left: 0px; color: #ff0000}

.page_articlearchive .displayPaging {background: none}
.page_articlearchive .displayPaging a:hover {text-decoration: none}

/* PREHLED NEUHRAZENYCH FAKTUR */
.invoicesAlert {padding-top: 10px; font-size: 12px}
.tblAlerts {width: 100%; color: #102E6C}
.tblAlerts small {font-size: 12px}
.tblAlerts thead tr.mainTitle td {height: 30px; background: #5CBBF8; color: #fff; font-weight: bold; padding-left: 20px}
.tblAlerts thead tr.tableTitle td {height: 36px; background: #FEF800; padding-left: 15px}
.tblAlerts tfoot tr td {padding-left: 15px; height: 35px; background: #f8f8f8; border-top: 2px solid #fff}
.tblAlerts tfoot tr td.suma {font-weight: bold}
.tblAlerts tbody tr td {padding-left: 15px; height: 40px; background: #E1F1F6; border-top: 2px solid #fff} 
.tblAlerts tbody tr td.kUhradeSDPH, .tblAlerts tbody tr td.splatnost {font-weight: bold}
.tblAlerts tbody tr td.doklad a {font-weight: bold; text-decoration: underline; color: #102E6C}

.ordersOffers {padding-top: 20px; margin-bottom: 25px; font-size:12px}
.ordersOffers tbody tr td label {font-size: 12px}
.ordersOffers tbody tr td.cisloObjednavky a {font-weight: bold; color: #102E6C; text-decoration:underline}
.ordersOffers tbody tr td.checks {width: 70px}
.ordersOffers tbody tr td.checks a {color:#102E6C;font-weight:bold;text-align:center;text-decoration:underline}
.ordersOffers .wrapper #statusInfo {font-weight: bold; margin-bottom: 10px; height: 20px; font-size: 14px; float: left}
.ordersOffers .wrapper #ajaxLoadingHeaders {float: left; display: none;padding-right: 10px}
.ordersOffers tr td.polozek {text-align:center}

/* OFFER ITEMS */
#hbOfferItems {background: #fff; width: 920px; border: 2px solid #5CBBF8; display: none}
#hbOfferItems #ajaxLoading {padding-left: 233px; padding-top: 15px; padding-bottom: 15px}

#offerItemsContent {padding: 5px}
#offerItemsContent .btnsPanel {padding-top: 5px; padding-bottom: 10px; width: 100%; text-align: center}
#offerItemsContent .btnsPanel a {font-size: 14px; font-weight: bold; color:#102E6C}
#offerItemsContent table {font-size: 12px; width: 100%}
#offerItemsContent table tr td {padding-left: 8px;}
#offerItemsContent table thead tr.mainTitle td {background: #5CBBF8; color: #fff; font-weight:bold;height: 30px}
#offerItemsContent table thead tr.colsTitles td {background: #FEF800; height: 36px}
#offerItemsContent table tbody tr td {background: #E1F1F6; border-top: 2px solid #FFF; height: 40px}
#offerItemsContent table tfoot tr td {height: 40px}
#offerItemsContent .dividingTable thead tr td {font-weight: bold}
#offerItemsContent .dividingTable tr td {border: none !important; height: 20px !important;font-size:12px !important}
#offerItemsContent .divingCont {}

.bold {font-weight: bold}

/* BOXÍK DOWNLOADS / PARAMETRY */
.boxDownloadsParameters {width: 100%; float: left; }
.boxDownloadsParameters .tabs {height: 31px; width: 100%; float: left; background: url(/img/bg-boxDownloadsParameters.gif) repeat-x bottom}
.boxDownloadsParameters .tabs .tab {height: 20px; margin-right: 3px; padding: 7px 15px 0 15px; float: left; font-sizE: 12px; font-weight: bold; border: 2px solid #DDD; background: #EEE}
.boxDownloadsParameters .tabs .tab a {color: #273e7f}
.boxDownloadsParameters .tabs .selected {height: 22px; background: #f8f8f8; border-bottom: 0; }
.boxDownloadsParameters .tabs .selected a {}
.boxDownloadsParameters .tabs .selected a:hover {text-decoration: none}

.boxDownloadsParameters .content {width: 694px; padding: 14px 20px 25px 20px; float: left; font-size: 12px; background: #f8f8f8; }
.boxDownloadsParameters .content .cont {float: left; display:none}
.boxDownloadsParameters .content .downloads ul {margin: 0; padding: 0; list-style: none; }
.boxDownloadsParameters .content .downloads ul li a {margin-bottom: 3px; display: block; text-decoration: underline; color: #102e6c}
.boxDownloadsParameters .content .downloads ul li a:hover {text-decoration: none}

.boxDownloadsParameters .content .detailParam {width: 100%; margin: 0px 0 0 0; float: left; }
.boxDownloadsParameters .content .detailParam-t {padding: 4px 0 5px 0; font-size: 12px; font-weight: bold; color: #416974; }
.boxDownloadsParameters .content .detailParam .detailParamIn {width: 694px; padding: 3px 0 3px 10px; float: left; }
.boxDownloadsParameters .content .detailParam .detailParamIn strong {width: 500px; float: right; display: block}


.actionsNewsBox {}
.actionsNewsBox .topPanel {width: 100%; float: left; background: url(/img/bg-actionsNewsBox_topPanel.gif) repeat-x bottom}

.actionsNewsBox .topPanel div {height: 21px; margin: 0 2px 0 0; padding: 7px 17px 0 17px; float: left; font-size: 12px; font-weight: bold; color: #102e6c; border: 2px solid #b7bbcc; border-bottom: 2px solid #e5e9fb; background: #e5e9fb}
.actionsNewsBox .selectedTitle {position: relative; xtop: -2px; height: 19px !important; color: #102e6c; border: 2px solid #ced2e3 !important; background: #ced2e3 !important}

.actionsNewsBox .topPanel div a {font-size: 12px; font-weight: bold; color: #102e6c; } 
.actionsNewsBox .topPanel div a:hover {text-decoration:none}
.actionsNewsBox .topPanel div.selectedTitle a:hover {text-decoration:underline}


.actionsNewsBox .comLCatalog {background: #E5E9FB/*url(/img/bg-commodityCatalog_actionsNewsBox.gif) repeat-y*/; border-top: 11px solid #e5e9fb; border-bottom: 9px solid #e5e9fb}
.actionsNewsBox .comLCatalog .line {border-bottom: 2px solid #e5e9fb; } 
.actionsNewsBox .product { /*background: url(/img/bg-actionsNewsBox_product.gif) no-repeat !important;*/ background: url(/img/bg-comLCatalog_product.gif) no-repeat !important; }
.actionsNewsBox .product .linktoDetail {width: 222px; padding: 5px 10px 0px 0; floaT: left; }
.actionsNewsBox .product .linktoDetail a {height: 22px; padding: 8px 13px 0 13px; float: right; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-product_productdetail.gif) repeat-x; border: 2px solid #fefefe}
.actionsNewsBox .notAvailable {padding: 10px 5px; padding-bottom: 2px; font-size: 12px}

.related-t {height: 21px; padding: 6px 0 0 19px; font-size: 12px !important; font-weight: bold !important; background: #ced2e3}
.related .commodityCatalog {background: url(/img/bg-commodityCatalogRel.gif) repeat-y; border-top: 11px solid #e5e9fb; border-bottom: 9px solid #e5e9fb}
.related .commodityCatalog .line {border-bottom: 2px solid #e5e9fb; }
.related .product {height: 345px !important; /*background: url(/img/bg-actionsNewsBox_product.gif) no-repeat !important;*/ background: url(/img/bg-comLCatalog_product.gif) no-repeat !important;}
.related .product .linktoDetail {width: 222px; padding: 5px 10px 0px 0; floaT: left; }
.related .product .linktoDetail a {height: 22px; padding: 8px 13px 0 13px; float: right; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-product_productdetail.gif) repeat-x; border: 2px solid #fefefe}
.related .product .amount {margin-top: 1px; text-align: left}
.related .product .pp1 {padding-top: 5px !important; }

.alternative-t {height: 21px; margin-top: 25px; padding: 6px 0 0 19px; font-size: 12px !important; font-weight: bold !important; background: #EEE}
.alternative .commodityCatalog {background: url(/img/bg-commodityCatalogAlt.gif) repeat-y; border-top: 11px solid #f8f8f8; border-bottom: 9px solid #f8f8f8}
.alternative .commodityCatalog .line {border-bottom: 2px solid #f8f8f8; }
.alternative .product {height: 345px !important; /*background: url(/img/bg-actionsNewsBox_product.gif) no-repeat !important;*/ background: url(/img/bg-comLCatalog_product.gif) no-repeat !important; }
.alternative .product .linktoDetail {width: 222px; padding: 5px 10px 0px 0; floaT: left; }
.alternative .product .linktoDetail a {height: 22px; padding: 8px 13px 0 13px; float: right; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-product_productdetail.gif) repeat-x; border: 2px solid #fefefe}
.alternative .product .amount {margin-top: 1px; text-align: right}
.alternative .product .pp1 {padding-top: 5px !important; }



#actionsBox {display: none}

.actionsNewsBox .boxesWrap {background: #E5E9FB; padding: 5px; padding-bottom: 9px}

.actionsNewsBox .boxesWrap .newsLine, .actionsNewsBox .boxesWrap .actionsLine  {position:relative; width: 716px; overflow: hidden; height:134px; margin-left: 3px; margin-top: 5px;}
.actionsNewsBox .boxesWrap .commodityCatalog {background:none; padding:0; margin:0; border:0}
.actionsNewsBox .boxesWrap .commodityCatalog .line {padding-left:0px; width:713px; border:0; margin-right:4px }
.actionsNewsBox .boxesWrap .newsLineIn, .actionsNewsBox .boxesWrap .actionsLineIn {position:absolute; width: 30000px; left: 0px;}



.actionsNewsBox .boxesWrap .product {border: 1px solid #fff; width:712px;min-height: 52px; float:none;background:none !important; margin-bottom: 4px;}
.actionsNewsBox .boxesWrap .product td {min-height: 52px; border-bottom:none; padding-top:0 !important; padding-bottom:0 !important;}
.actionsNewsBox .pager {text-align: right; font-weight: bold; padding-top: 5px; float: right; width: 86px; height: 32px; background: #E5E9FB; position: relative; /*margin-bottom:35px*/}
.actionsNewsBox .pager .pagerIn {}
.actionsNewsBox .pager .pagerIn a {position: absolute; display: block; top: -2px}
.actionsNewsBox .pager .pagerIn a#btnLeft {left: 17px; display: none}
.actionsNewsBox .pager .pagerIn a#btnRight {left: 46px; display: none}

.btnInsertCatList{background:url("/img/1/bg-btn-basket.png"); color:#fff;  display:block;  float:right;  font-size:13px;  font-weight:600;  height:24px;  margin-right:3px;  padding-left:32px;  padding-top:8px;  width:80px;}
.btnInsertCatList:hover {text-decoration:none;}

.catcont li {padding-bottom:3px}
.catcont li a {font-size: 12px; color: #0A2B68}
.paramList {font-size:12px}
.page_sitemap .title {padding-bottom:15px}
ul.sitemap li a {font-size:12px; color: #102E6C}
.textLinksTitle {font-weight: bold}

#countBubble {position: absolute; display: none; background: #FEF800; border:2px solid #ff0000;font-weight:bold;left: 2px; top: -47px}
#countBubble .inner {padding: 10px}
#countBubble .inner a {text-decoration: underline}

.order .condTermsCheck {font-size: 12px; padding-top:10px}
.order .condTermsCheck .check {float:left}
.order .condTermsCheck .link {float:left; padding-top:2px;padding-left:5px}
.order .condTermsCheck .link a {color:#5CBBF8;text-decoration:underline}
.order .condTermsCheck .link a:hover {text-decoration:none}


.order .condTermsCheck label {font-size: 12px; font-weight: bold; color:#102E6C}
.order .condTermsCheck a {}

.secLabel.iaddress {cursor:pointer}
.secLabel.iaddress * {cursor:pointer}
.secLabel.iaddress input {padding:0;margin:0;}
.secLabel.iaddress label {font-size: 12px;color:#fff;padding-left:5px}
.secLabel.iaddress label span {font-weight:normal;padding-left:8px}
.secLabel.iaddress .note {float:right;padding-right:16px;font-weight:normal}
.rField input.ro {background:#F0F0F0!important}

#bubbleFakturacniUdajeInfo {position:absolute;display:none;background:#FEF800; border:2px solid #ff0000;font-weight:bold;left:122px;top:-26px}
#bubbleFakturacniUdajeInfo .inner {padding: 3px}
#bubbleFakturacniUdajeInfo .inner a {text-decoration: underline}

.order #bubbleFakturacniUdajeInfo {background:#FEF800; border:2px solid #ff0000;font-weight:bold;float:left;position:absolute;top:2px;left:120px;color:#000}

.orderItems.dtl tfoot tr td {height:27px}
.orderItems.dtl tfoot tr td {font-size:12px;color:#102E6C;}
.orderItems.dtl tfoot tr td.t {padding-left:19px}
.orderItems.dtl tfoot tr td span.withVAT {font-weight:normal}

.orderItems.recap tfoot tr td {height:27px}
.orderItems.recap tfoot tr td {font-size:12px;color:#102E6C;font-weight:bold;}
.orderItems.recap tfoot tr td.t {padding-left:19px}
.orderItems.recap tfoot tr td span.withVAT {font-weight:normal}
#RadioHubDiv p label {font-size:12px}

.secLabel .poznamka {color:#fff;font-weight:normal;float:right;padding-right:15px}
.secLabel.blue {background:#5CBBF8}
#OrderContactDiv .checks {padding-top:15px;font-size:12px}
#OrderContactDiv .checks .requiredText {color:#ff0000;padding-top:20px;text-align:left}
#OrderContactDiv .checks label {font-weight:bold;color:#062966;padding-left:3px;font-size:12px}
.order .xdelAddressWrap {font-size:12px; padding: 8px 0;text-align:center}

.tooltip {
	cursor: default;
}

a.tooltip {
	cursor: pointer;
}

#tooltip_inner {
	/*border: 1px solid;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#tooltip_inner {
	border: 2px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#tooltip {
	background: #fff;
	display: none;
	font-size: 12px;
	color: #f00;
	position: absolute;
	left: -9999px;
	width: 215px;
	z-index: 9999;
}

#tooltip_inner {
	background: #f9f9f9;
	border-color: #5CBBF8;
	padding: 10px;
}

#offerItemsContent #statusInfo {font-size:13px;font-weight:bold;text-align:center;padding-bottom:7px}
#offerItemsContent button {background:#0A2B68;border:none;color:#fff;font-size:14px;margin-top:5px;padding:6px 15px;margin-right:5px;cursor:pointer;}
#offerItemsContent button:hover {background-color:#0A2BAA;}
#offerItemsContent .checks {text-align:center;padding-bottom:10px}
#offerItemsContent .checks a {text-decoration:underline}

#refreshARESData {cursor:pointer}
.input_text.smaller {width:195px!important;padding-top:3px}
.page_order #OrderNote .InfoTextBox textarea {border:2px solid #5CBBF8;margin-top:10px;width:726px;padding:5px 0 5px 4px;font-size:11px;height:60px}
#tblRowCP tr.container {display:none}
#tblRowCP .container td {background:none;border:none}
#tblRowCP tr.container > td {background:#F8F8F8}
#tblRowCP tr.container.odd > td {background:#EEE}

#offerItemsContent .dividingTable thead tr td {width:100px}
#offerItemsContent .dividingTable thead tr td.note {width:245px}
.noMarketsFound {font-size:12px}
#offerItemsContent .sellerNote {padding:7px 0 7px 8px;font-size:12px}
#offerItemsContent .sellerNote span {font-weight:bold}
.order .orderItems tbody tr td.celkovaCena span {font-weight:normal}
#OrderSettingsBrief .orderItems tbody tr td.celkovaCena span {font-weight:normal}


.method-of-delivery .deliveryLink {font-weight:bold;color:#0D2C6A; text-decoration:underline;font-size:12px}
.method-of-delivery .deliveryLink a {color:#0D2C6A;}
.method-of-delivery.disabled label { color:#999;  }
.method-of-delivery.disabled .deliveryTooltip { color:#FF0000; border-color: #FF0000;  }
#offerItemsContent button.chkAccept {margin-left:10px}
#offerItemsContent .lblTermsCheck {font-size:12px;}
#offerItemsContent .lblTermsCheck a {font-weight:bold;color:#5CBBF8}
.paymentBackText {font-size:12px;padding-top:15px}
.paymentBackText a {font-weight:bold;color:#5CBBF8}
.validationErrors .errorsSummaryTitle1 {font-weight:bold;padding-bottom:8px;font-size:13px}
.validationErrors {font-size:12px;color:#f00;padding-bottom:10px}
.validationErrors div {padding-bottom:5px}
.validationErrors .errorsSummaryTitle2 {font-weight:bold;padding-top:3px;font-size:13px}

#column2 .related {margin-bottom:20px}
.sideboxrelkat .commodityCatalog  {padding:0 8px; width: 718px;}
.sideboxrelkat .categoryrelated {width:707px; background:#fff; padding-bottom:3px}
.sideboxrelkat .categoryrelated a {color: #102E6C; font-size: 12px; font-weight:bold;}

.page_order .agree {text-align:center; margin-top:20px; font-weight:bold; background:#5CBBF8; padding:8px; color:#fff; font-size:12px}
.page_order .agree a {text-decoration:underline; font-weight:bold; color:#fff; font-size:12px}
.page_order .agree label {color:#fff}

#fbPlugin {position: fixed ! important; height: 317px; width: 328px; top: 95px; left:-292px; z-index: 2147483647; background: url("/img/facebook.png") no-repeat scroll 292px 30px transparent; }
#ffbBanner {  background: url("/img/facebook.png") no-repeat scroll 0pt 0pt transparent; width: 31px; z-index: 2147483647; margin-top: 65px; left:-30px; display: block; height: 187px; position: relative; }
#fbContent {overflow: hidden; position: relative; width: 292px; top: 0px; background-color: white; left:0;}
.textinfo { text-align: center;font-size: 13px;}
.textinfo a{ color: #4BACC6; text-align: center;font-size: 15px; font-weight: bold;}
.detail .detailImgFloatLeft {position: relative; /*width: 334px;*/ float: left; }
.centerprice { text-align: center; position: relative; width: 334px; float:left;}

.nodisp {display:none;}

.ui-widget-header { background-color: #5cbbf8; border-color: #102e6c; background-image: url(); }
.ui-dialog-titlebar-close { background-color: #999999;} 
.modalMsg { padding-bottom: 20px;}
.strong { padding-top: 10px; font-weight:bold; }

.actionsNewsBox .boxesWrap .newsLine, .actionsNewsBox .boxesWrap .actionsLine { height: 174px }
.deliveryAddress .cbDeliverySave {margin-left: 20px;}

#suggestResult { background: green;}

#suggestResult div.active a { color:red; }
.containerHeader {z-index: 99}

#suggestResult {background: white;
                border: 5px solid rgba(128, 128, 128,.5);
                border-radius:5px;
                -webkit-background-clip: padding-box; /* for Safari */
                background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
                min-height: 400px;
                top: 38px;
                z-index: 1000;
}
#suggestResult { width: 714px; left: -266px; top:40px; position:absolute; padding: 3px;}
#suggestResult:after { content:""; background: url('/img/arrowD.jpg') no-repeat; display:block; height: 5px; width:14px; position:absolute; top: -5px; left:420px;}
#suggestResult .categories,.commodities { width: 357px; display: inline-block; vertical-align: top; }

#suggestResult .categories { background: white;}
#suggestResult .commodities { background: rgb(222,222,220);  min-height: 400px;}

#suggestResult .title { background: rgb(0,147,221); font-size: 20px; color:white; border: 1px solid rgb(0,147,221); padding: 3px; font-weight:normal; }
#suggestResult .item a { color: rgb(42,146,202); padding: 8px 0px 8px 3px; font-size: 18px;display:block; font-weight:normal; }
#suggestResult .item.active a { background:rgb(222,222,220); color: rgb(42,146,202); }
#suggestResult .categories .item:hover a { background:rgb(222,222,220); color: rgb(42,146,202); }

#suggestResult .box .item a { color: black; padding: 8px 0px 8px 3px; font-size: 14px;font-weight: normal; display:inline-block;  width: 260px;}
#suggestResult .box .item.active a {  background:white; color: black;  }
#suggestResult .box .item:hover {  background:white; color: black;  }
#suggestResult .box .item div { display:inline-block; vertical-align:top; padding:6px; }
#suggestResult .box .item  { margin: 6px;  }
#suggestResult .box .item.active  { background:white; }
#suggestResult .box .item:hover  { background:white; }
#suggestResult .box .item div img { width: 66px; height: 50px; display:inline-block;}
#suggestResult .box .item div.text { color: rgb(130,130,130);font-size: 12px; padding: 5px 0 0 0;display:block;}
#suggestResult .box .item div > div { padding: 0;}

#suggestResult strong { font-weight:bold;}


#suggestResult .no-items { padding: 9px; color: black; padding: 16px; font-size: 18px;display:block;}

.quantityTable { background: white;}
.quantityTable table[id^="commodityQuantityDiscount"] { width: 100% !important; border-collapse: collapse !important; margin-top: 20px !important;}
.quantityTable table[id^="commodityQuantityDiscount"]  tr td { height: 28px !important; font-size: 11px; color: #102e6c !important;}
.quantityTable table[id^="commodityQuantityDiscount"]  thead tr td { color:black !important;}
.quantityTable table[id^="commodityQuantityDiscount"]  tr td { text-align: center !important; border: 1px solid black !important;  }
.quantityTable table[id^="commodityQuantityDiscount"]  tr td small { font-size: inherit;  }
.quantityTable table[id^="commodityQuantityDiscount"]  thead tr td { background: lightgrey !important; font-weight:bold !important; }
.quantityTable table[id^="commodityQuantityDiscount"]  tbody tr { background: white !important; }
.quantityTable table[id^="commodityQuantityDiscount"]  tbody tr.active td { background: rgb(212, 242, 203) !important; }
.quantityTable table[id^="commodityQuantityDiscount"]  tbody tr a { color: #5cbbf8; text-decoration: underline !important; }
.quantityTable table[id^="commodityQuantityDiscount"]  tbody tr a:hover { color: #5cbbf8 !important; text-decoration: none !important; }
.priceInTable { float:right !important; color: grey !important; margin-top: 5px !important; }

.price-summary .totalCount strong.active { color: #009900; font-weight:bold; }
.quantityLink.active ,.price-summary .totalCount strong.active span > span { color: #009900; font-weight:bold; }


/* prasátko a spol v košíku */
.order .orderItems tr td.vaha {
    position:relative;
}
.quantityLink {
    position:relative;
    display:inline-block;
}
.order .orderItems tbody tr.newLine.quantity td {
    border-top:none;
}
.order .orderItems tbody tr.quantityTr td {
    background:none;
    height:unset;
    margin:0;
    padding:0 !important;
}

.quantityTableDetail {display:none;}/*dlouhy text*/
.quantityTablePig {display:none;}/*prase*/

.quantityTable.open .quantityTableInfo,
.quantityTable.close:not(:hover) .quantityTableInfo  {
   display:none;
}


.quantityTable:hover.close .quantityTablePig {
   display:none;
}

.quantityTable.close:not(:hover) {
    width:100%;
    text-align:center;
    margin-top:45px;
}
.quantityTable {
    z-index: 2;
    position: relative;
    margin-top:15px;
}

.page_commodity .quantityTable { position: initial;}

/*zapínání prasátka*/
.quantityTable.close .quantityTablePig {
    position:absolute;
    top:-46px;
    left:373px;
    display:inline-block;  
    padding:0;
    margin:15px auto 0 auto;
    width:32px;
    height:46px;
    background: url(/img/prasatko.png); 
    //background-color: #fff;
    background-position: 50% 50%; 
    //background-size: 16px 16px;
    background-repeat: no-repeat;     
    //border: 2px solid #008000;
    z-index:0;
    cursor:pointer;
}

/*zapínání dlouheho textu*/
.quantityTable.open .quantityTableDetail {
    display:inline-block;
    //margin-top: 15px;    
    border: 2px solid #008000;
    padding:5px 10px;
    position:relative;
}
.quantityTable.open .quantityTableDetail .close {
    position:absolute;
    top:0;
    right:0; 
    color:red;
    font-weight:700;
    cursor:pointer;
    padding:5px 10px;
}
.quantityTable.open .quantityTableDetail:before {
        content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: 372px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 15px 0 14px;
    border-color: #ffffff transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.quantityTable.open .quantityTableDetail:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    left: 371px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 15px 0 14px;
    border-color: #008000 transparent transparent transparent;
    line-height: 0px;
    _border-color: #008000 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

/*zobrazení kratky text*/
.quantityTableInfo {
    border: 2px solid #008000;    
    position:relative;
    padding:5px 10px;
    margin-top: 15px;
    color:#008000;
}
.quantityTableInfo .close {
    position:absolute;
    right:0;
    color:red;
    font-weight:700;
    cursor:pointer;
    padding:0 15px;
}
.quantityTableInfo  a {
    color: #5bb9f6;
    text-decoration:underline;
}
.quantityTableInfo:before {
   content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: 375px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 15px 0 14px;
    border-color: #ffffff transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.quantityTableInfo:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    left: 371px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;

    border-width: 14px 15px 0 14px;
    border-color: #008000 transparent transparent transparent;
    line-height: 0px;
    _border-color: #008000 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


/* prasátko u produktu */
.price-summary {
    position:relative;
}

/* zavřené */
.detail .price-summary-single .s-amount span {position:relative; display: inline-block; font-weight: bold; font-size: 13px; padding-left: 5px;}
.s-amount .discountHoverInner  {font-weight: normal;}
.discountHover {position:absolute; top : 0; height: 0px; width: calc(100% - 6px);}

.discountHover .discountHoverInner {display:none; min-width: 230px; top: unset !important; bottom : 4px; left: 50%; transform:translate(-50%,-0%) !important;}



.discountHover:hover .quantityTablePig, .discountHover.open .quantityTablePig{display:none;}

/*krátký text oteřený*/
.discountHover:hover .discountHoverInner,.discountHover.open .discountHoverInner{
    position:absolute;
    top: -110px;
    right:-14px;
    display:inline-block;
    border: 2px solid #008000;    
    background:#fff;
    padding:10px 25px;
    margin-top: 15px;
    color:#008000;
    text-align:center;
    font-size: 12px;
    line-height:1.5;
}
.discountHover:hover .discountHoverInner .close,.discountHover.open .discountHoverInner .close {
    position:absolute;
    top:0;
    right:0;
    color:red;
    font-weight:700;
    cursor:pointer;
    padding:0 5px;
}
.discountHover:hover .discountHoverInner a,.discountHover.open .discountHoverInner  a {
     color: #5bb9f6;
    text-decoration:underline;
}
.discountHover:hover .discountHoverInner.quantityTableInfo:before ,.discountHover.open .discountHoverInner.quantityTableInfo:before {
   content: "";
    display: block;
    position: absolute;
    bottom: -11px;
    left: 145px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    xborder-width: 11px 12px 0 11px;
    border-width: 12px 13px 0 12px;
    border-color: #ffffff transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.discountHover:hover .discountHoverInner:after, .discountHover.open .discountHoverInner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%; transform:translate(-50%,-0%) !important;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 15px 0 14px;
    border-color: #008000 transparent transparent transparent;
    line-height: 0px;
    _border-color: #008000 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.discountHover:hover .discountHoverInner:before, .discountHover.open .discountHoverInner:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -11px;
    left: 50%; transform:translate(-50%,-0%) !important;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 13px 0 12px;
    border-color: #ffffff transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

/*.discountHover.close .discountHoverInner { display: none;}*/

/* otevření prasátka */
.discountHover .quantityTablePig {
    position:absolute;
    top: unset;
    bottom: -8px;
    left: 50%; transform:translate(-50%,0%);
    display:inline-block;  
    padding:0;
    margin:15px auto 0 auto;
    width:32px;
    height:46px;
    background: url(/img/prasatko.png); 
    //background-color: #fff;
    background-position: 50% 50%; 
    //background-size: 16px 16px;
    background-repeat: no-repeat;     
    //border: 2px solid #008000;
    z-index:0;
    cursor:pointer;
    
}


.arrow-down .quantityTablePig{
    position:absolute;
    top:-60px;
    left:346px;
    display:inline-block;  
    padding:0;
    margin:15px auto 0 auto;
    width:32px;
    height:46px;
    background: url(/img/prasatko.png); 
    //background-color: #fff;
    background-position: 50% 50%; 
    //background-size: 16px 16px;
    background-repeat: no-repeat;     
    //border: 2px solid #008000;
    z-index:0;
    cursor:pointer;
}

.discountHoverInner span { font-weight:bold;}
.page_commodity .discountHover.close { display:none;}

#nCount_0_9999.active { color: #009900; font-weight:bold; }


.c-orderfinish__cardpay {
	color: white !important;
	font-size: 15px;
	display: block;
	padding: 15px 50px;
	background-color: green;
	text-decoration: none !important;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 240px;
	font-weight:bold;
}
.c-orderfinish__cardpay:hover {
	text-decoration:underline !important;
	background-color:#004504;
}

.c-orderfinish__cardpanel {
	display:block;
	clear:both;
}