{ ------------ Globální definice objektů  ----------------------------------------------------------------------------------------------- }
body {margin: 0; padding: 0; font-family: Trebuchet MS; font-size: 11px; color: #2f2f2f; background: #FFF}
div {height: auto; _height: 0; margin: 0; padding: 0}
/*p {margin: 0; padding: 0}*/
a {_height: 0; text-decoration: underline; color: #000}
a:hover {text-decoration: none}
img {margin: 0; padding: 0; border: 0}
form {margin: 0; padding: 0}

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

.input_text {margin: 0; padding: 0; font-size: 11px; vertical-align: middle; color: #444}
.input_button {margin: 0; padding: 0; border: 0}
.input_radio {margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_check {hight: 12px; width: 12px; margin: 0px; padding: 0px; border: 0}

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

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

.Title {font-weight: bold; font-size: 18px; color: #cc3300}
.Code {	border: #8b4513 1px solid;	padding-right: 5px;	padding-left: 5px;	color: #000066;	font-family: 'Courier New' , Monospace;	background-color: #ff9933}

.BTOK {border:0; background-image: url(/img/BTendRegistration.gif); width:155px; height:20px;cursor:pointer;}
.BTCancel {border:0; background-image: url(/img/BTstornoRegistration.gif); width:155px; height:20px;cursor:pointer;}

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

#containerHeader {position: relative; z-index: 1; margin: auto; width: 990px; height: 209px; background: url(/img/bg-containerHeader.jpg) no-repeat}
#containerBody {position: relative; margin: auto; width: 990px; background: url(/img/bg-containerBody.gif) repeat-y;}
#containerBodyIn {position: relative; margin: auto; width: 990px; padding-bottom: 10px; background: url(/img/bg-containerBodyIn.gif) repeat-y} 
#column1 {position: relative; top: 0; left: -742px; width: 193px; float: left}
#column2 {position: relative; top: 0; left: 218px; width: 757px; height: auto; padding-top: 85px; float: left; overflow: hidden;}
#containerFooter {position: relative; width: 990px; margin: auto; color: #193B73; background: url(/img/bg-containerFooter.gif) no-repeat } 
.columnBodyEx #column2 {width: 960px; left: 15px}
.columnBodyEx #containerBodyIn {background: none}

{ ----------  containerHeader --------------------------------------------------------------------------------------------------- }

#containerHeader img {vertical-align: middle}

.logo {position: absolute; top: 80px; left: 31px; height: 58px; width: 170px; display: block}

.userInfo {position: absolute; top: 12px; left: 24px; margin: 0; padding: 0; list-style-type: none}

.userInfo li {float: left}
.userInfo li strong {display:block;padding: 0px 15px 0px 10px;}
.userInfo li a {margin-right: 27px; _margin-right: 13px; padding-left: 10px; float: left; display: block; text-decoration: none; color: #1c304b; background: url(/img/bg-userInfo_li_a.gif) no-repeat left 4px}
.userInfo li a:hover {text-decoration: underline}
.userInfo li.invoice {padding: 0px 20px 0px 10px;background: url(/img/bg-userInfo_li_a.gif) no-repeat left 4px}
.userInfo li.invoice span {color: #B00101;font-weight: bold;}

.userInfo .uiEx1 {font-weight: bold}
.userInfo .uiEx2 {text-decoration: underline}
.userInfo .uiEx2:hover {text-decoration: none}

.menu {position: absolute; z-index: 999; top: 175px; left: 16px; margin: 0; padding: 0; list-style-type: none}
.menu li {position: relative; display: block; float: left}
.menu li a {height: 26px; padding: 8px 14px 0 14px; float: left; display: block; font-size: 13px; color: #FFF; text-decoration: none; background: url(/img/bg-menu_li_a.gif) no-repeat right}
.menu li a:hover {text-decoration: none; background: url(/img/bg-menu_li_aH.gif) repeat-x}
.menu li ul {display: none;}

.menu li.sel ul {position: absolute; z-index: 9999; top: 34px; left: -2px; width: 135px; margin: 0; padding: 0; font-size: 10px; color: #D1E5CC; border: 1px solid #FFF; background: url(/img/bg-xmenu.gif) repeat-x #17273e;display: block;} 
.menu li.sel ul li {display: block; float: none; margin: 0px; padding: 0px}
.menu li.sel ul li a {height: auto; display: block; float: none; padding: 6px 8px 5px 14px; color: #FFF; font-size: 11px; font-weight: normal; background: none; border-bottom: 1px solid #21395a}
.menu li.sel ul li a:hover {text-decoration: none}
.menu li.sel ul ul {top: -1px; left: 135px}

.basket {position: absolute; top: 10px; right: 25px; width: 335px; text-align: right; font-size: 12px; color: #1c304b}
.basket .baEx1 strong {margin-left: 5px; padding-right: 4px; text-decoration: underline; color: #d62d21}
.basket .baEx1 span {text-decoration: underline; color: #d62d21}
.basket .baEx1 a {margin-left: 5px}


.priceList {position: absolute; top: 185px; right: 32px}
.priceList a {padding-left: 12px; text-decoration: underline; color: #FFF; background: url(/img/bg-arrow-green.gif) no-repeat 0 5px}
.priceList a:hover {text-decoration: none}

.levels {position: absolute;z-index: 99; top: 210px; left: 15px; height: 78px; width: 968px; background: url(/img/bg-levels.gif) repeat-x}
.levels ul {height: 78px; width: 968px; margin: 0; padding: 0; list-style-type: none; background: url(/img/bg-levels_ul.gif) no-repeat right}
.levels li {float: left}
.levels li a {height: 65px; padding: 9px 0 0 10px; float: left; display: block; font-size: 14px; font-weight: bold; color: #FFF}
.levels .leEx1 {width: 111px; padding-right: 73px; background: url(/img/bg-leEx1.gif) no-repeat}
.levels .leEx1:hover {background: url(/img/bg-leEx1H.gif) no-repeat}
.levels .leEx2 {width: 110px; padding-right: 72px; background: url(/img/bg-leEx2.gif) no-repeat}
.levels .leEx2:hover {background: url(/img/bg-leEx2H.gif) no-repeat}
.levels .leEx3 {width: 100px; padding-right: 82px; background: url(/img/bg-leEx3.gif) no-repeat}
.levels .leEx3:hover {background: url(/img/bg-leEx3H.gif) no-repeat}
.levels .leEx4 {width: 80px; padding-right: 102px; background: url(/img/bg-leEx4.gif) no-repeat}
.levels .leEx4:hover {background: url(/img/bg-leEx4H.gif) no-repeat}
.levels .leEx5 {width: 70px; padding-right: 118px; background: url(/img/bg-leEx5.gif) no-repeat}
.levels .leEx5:hover {background: url(/img/bg-leEx5H.gif) no-repeat}

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

#column1 img {vertical-align: middle}

.searchBox {margin-top: 102px}
.searchBox .searchBox-t {padding: 0 0 22px 59px; font-size: 14px; font-weight: bold; color: #af0000; background: url(/img/bg-searchBox-t.gif) no-repeat 32px 2px}
.searchBox div {padding-bottom: 10px}
.searchBox div label {width: 54px; padding-right: 6px; display: block; float: left; text-align: right}
.searchBox div select {width: 110px}
.searchBox .input_image {margin: 0 0 12px 59px}
.searchBox .quickOrder a {margin-left: 51px; padding-left: 10px; text-decoration: underline; background: url(/img/bg-quickOrder_a.gif) no-repeat 0 5px}
.searchBox .quickOrder a:hover {text-decoration: none}

{ ----------  Column2 ------------------------------------------------------------------------------------------------------- }

.invoicing {width: 95%;margin: auto;}
.invoicing th {text-align: left;font-size: 10px;color: #1C2F4A;}
.invoicing td {text-align: left;padding: 3px;}
.invoicing td.center {text-align: center;}
.invoicing td.right, .invoicing th.right {text-align: right;}
.invoicing tr td {height: 24px;  border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.invoicing .bgT td {background: #e7e9ec}
.invoicing .tax3 {text-align: right; color: #AF0000;font-weight: bold;}
.invoicing .tax {background: #c8ccd3}

.RedBG {background: #FFA4A4 !important;}
.RedBG td {background: #FFA4A4 !important;}
.KhakiBG {background: #FEAD34 !important;}
.KhakiBG td {background: #FEAD34 !important;}
.GreenBG {background: #7EEA7B !important;}
.GreenBG td {background: #7EEA7B !important;}
.GrayBG {background: #DBDBDB !important;}
.GrayBG td {background: #DBDBDB !important;}

.fCol {width: 20px;}
.Legend {margin-left: 20px;}

.execOrderForm {width: 95%;margin: auto;padding: 3px;}
.execOrderForm .input_text {height: 15px; width: 115px; padding: 1px 4px 0 4px; color: #8F8F8F; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
.execOrderForm table {width:450px;}
.execOrderForm table td {}
.execOrderForm img {vertical-align: middle;}

.execOrderTbl {width: 95%;margin: auto;}
.execOrderTbl th {font-size: 10px;text-align: left;}
.execOrderTbl td {background: #e7e9ec}
.execOrderTbl .right {text-align: right;}
.execOrderTbl .center {text-align: center;}


.producer_news {width: 396px; margin-right: 12px; _margin-right: 6px; float: left}
.producer_news .producer {width: 396px; margin-bottom: 25px; padding-bottom: 25px; float: left; background: url(/img/bg-producer.gif) no-repeat bottom}
.producer_news .producer-t {padding: 2px 0 0px 11px; font-size: 14px; font-weight: bold; color: #af0000; margin-bottom: 20px; }
.producer_news .producer ul {margin: 0; padding: 0 0 0 52px; list-style-type: none}
.producer_news .producer ul li {float: left}
.producer_news .producer ul li a {width: 100px; padding: 0 0 10px 14px; float: left; display: block; font-size: 12px;}
.producer_news .news {width: 396px; padding-bottom: 25px; float: left}
.producer_news .news-t {height: 23px; background: url(/img/bg-news-t.gif) no-repeat}
.producer_news .newsIn {padding-top: 25px} 
.producer_news .news .newsName {width: 396px; padding-bottom: 6px; float: left}
.producer_news .news .newsName span {width: 68px; margin-right: 8px; _margin-right: 4px; padding-right: 7px; display: block; float: left; text-align: right; color: #000; background: url(/img/bg-newsName_span.gif) no-repeat right}
.producer_news .news .newsName h4 a {display: block; float: left; text-decoration: none; font-size: 12px; color: #132134}
.producer_news .news .newsName h4 a:hover {text-decoration: underline}
.producer_news .news .freetext {padding: 0 10px; color: #000}

.banner-action {width: 349px; text-align: center;}

.action {width: 349px; float: left}
.action-t {height: 40px; background: url(/img/bg-action-t.gif) no-repeat}
.action .product {width: 342px; padding: 5px 0 5px 7px; float: left; background: url(/img/bg-action_product.gif) no-repeat bottom #b9bdc3}
.action .product.last {background: #b9bdc3} 
.action .productImg {height: 25px; width: 57px; margin-right: 12px; _margin-right: 6px; padding-top: 10px; float: left; overflow: hidden}
.action .productName {width: 185px; float: left}
.action .productName a {height: 30px; overflow: hidden; font-size: 12px; color: #1c304b}
.action .price {width: 81px; padding: 10px 7px 0 0; float: left; text-align: right; font-size: 14px; font-weight: bold; color: #d6271c} 

.navigate {margin: 0; padding: 0 0 0 10px; list-style-type: none}
.navigate li {floaT: left}
.navigate li a {margin-right: 6px; _margin-right: 3px; padding-left: 12px; floaT: left; text-decoration: none; background: url(/img/bg-navigate_li_a.gif) no-repeat 0 5px}
.navigate li a:hover {text-decoration: underline} 
.navigate .naEx {text-decoration: underline}

.quickOrder {position: relative; width: 100%; float: left; padding: 20px 0 0 0}
.quickOrder-t {padding: 2px 0 22px 11px; font-size: 14px; font-weight: bold; color: #af0000}
.quickOrder table {width: 710px; margin: auto}
.quickOrder table img {vertical-align: middle}
.quickOrder table thead tr td {height: 20px; font-size: 10px; font-weight: bold; color: #1c2f4a}
.quickOrder table tbody tr td {height: 24px; background: #c8ccd3; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.quickOrder table .bgT td {background: #e7e9ec}
.quickOrder table .num {width: 30px; text-align: center; border-right: 0}
.quickOrder table .orderNum {width: 105px}
.quickOrder table .orderNum .input_text {height: 15px; width: 105px; padding: 2px 0 0 6px; border: 1px solid #565656}

.quickOrder table .size {width: 128px; text-align: left;padding-left: 3px;}
.quickOrder table .size .input_text {height: 15px; width: 60px; padding: 2px 0 0 6px; border: 1px solid #565656}

.quickOrder table .design {width: 122px; text-align: center}
.quickOrder table .design .input_text {height: 15px; width: 70px; padding: 2px 0 0 6px; border: 1px solid #565656}

.quickOrder table .index {width: 49px; text-align: center}
.quickOrder table .index .input_text {height: 15px; width: 30px; padding: 2px 0 0 6px; border: 1px solid #565656}

.quickOrder table .mark {width: 69px; text-align: center}
.quickOrder table .price {width: 69px; text-align: center}
.quickOrder table .store {width: 58px; text-align: center;white-space: nowrap;}
.quickOrder table .amount {width: 80px; border-right: 0}
.quickOrder table .amount div {padding-left: 22px; }
.quickOrder table .amount .input_text {height: 15px; width: 27px; margin-right: 7px; padding-top: 2px; text-align: center; border: 1px solid #565656}
.quickOrder .addItem {padding: 15px 0 0 39px}
.quickOrder .addItem a {padding-left: 12px; background: url(/img/bg-addItem_a.gif) no-repeat 0px 5px}
.quickOrder .buttons {padding-top: 30px; text-align: center}
.quickOrder .buttons a {margin-right: 9px}
.quickOrder .buttons img {vertical-align: middle;}
.quickOrder .buttons input {vertical-align: middle;}
.quickOrderWindow {position: absolute;z-index: 99999; top: 0px; left:0px; width: 381px; border: 2px solid #1c2f4a; background: #FFF;display: none;}
.quickOrder .dnone {}
.quickOrderWindow-t {padding: 12px 0 15px 21px; font-size: 14px; font-weight: bold; color: #af0000}
.quickOrderWindow .qoEx1 {padding: 0 40px 20px 23px}
.quickOrderWindow .qoEx1 a {padding-left: 11px; float: right; font-weight: bold; color: #1c2f4a; background: url(/img/bg-quickOrder_a.gif) no-repeat 0 5px}
.quickOrderWindow .qoEx1 strong {padding-left: 102px; color: #1c2f4a; background: url(/img/bg-quickOrder_a.gif) no-repeat 91px 5px}
.quickOrderWindow .qoEx2 {padding: 0 0 10px 23px}
.quickOrderWindow .qoEx2 strong {color: #af0000}
.quickOrder .alternative {width: 381px; float: left}
.quickOrder .alternative-t {padding-left: 23px; font-size: 14px; font-weight: bold; color: #af0000}
.quickOrder .alternative .product {width: 362px; padding: 10px 0 10px 19px; float: left; background: url(/img/bg-alternative_product.gif) no-repeat bottom}
.quickOrder .alternative .product.last {background: none} 
.quickOrder .alternative .productImg {height: 25px; width: 57px; margin-right: 12px; _margin-right: 6px; padding-top: 10px; float: left; overflow: hidden}
.quickOrder .alternative .productName {width: 185px; float: left}
.quickOrder .alternative .productName a {height: 30px; overflow: hidden; font-size: 12px; color: #1c304b}
.quickOrder .alternative .price {width: 81px; padding: 10px 7px 0 0; float: left; text-align: right; font-size: 14px; font-weight: bold; color: #d6271c} 

.categories {width: 100%; float: left}
.categories-t {padding: 20px 0 5px 11px; font-size: 14px; font-weight: bold; color: #af0000} 
.prodlg {float: left; padding:5px 10px;}
.categoriesIn {width: 100%; padding-bottom: 25px; float: left}
.categoriesIn-t {padding: 0 0 10px 11px; font-size: 13px; font-weight: bold}
.categoriesIn ul {margin: 0; padding: 0 0 0 11px; list-style-type: none}
.categoriesIn div.item {float: left;width: 150px;padding: 5px;border: 1px solid #bbbfc4; height: 110px;text-align: center;margin: 3px 3px 3px 3px}
.categoriesIn div.item a {width: 135px; height: 30px; padding: 0 0 8px 13px; display: block; font-weight: bold; background: url(/img/bg-categoriesIn_ul_li_a.gif) no-repeat 0 6px}
.categoriesIn div.item img {}


.show {display: block;}
.hide {display: none;}



.detail {width: 100%; padding: 17px 0 0 0; float: left}
.detail .detailImg {height: 121px; width: 121px; margin: 0 11px 0 6px;_margin-left: 3px; padding: 1px; float: left; text-align: center; border: 1px solid #CCC}
.detail .detailInfo {width: 610px; float: left}
.detail .detailInfo h1 {font-size: 14px; color: #c72a1f}
.detail table {width: 742px; margin: 25px 0 0 4px; _margin-left: 2px; float: left}
.detail table img {vertical-align: middle}
.detail table thead tr td {height: 16px; text-align: center; font-size: 10px; font-weight: bold; color: #1c2f4a !important;vertical-align: bottom;}
.detail table thead tr td span {padding-right: 3px}
.detail table tbody tr td {height: 24px; background: #c8ccd3; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.detail table .bgT td {background: #e7e9ec}
.detail table .bgTR1 td {background: #cc6666}
.detail table .mark {width: 69px; text-align: center}
.detail table .code {width: 47px; text-align: center}
.detail table .dezen {width: 60px; text-align: center}
.detail table .size {width: 135px; text-align: left;padding-left: 3px;}
.detail table .design {width: 120px; text-align: center}
.detail table .ls_li {width: 57px; text-align: center}
.detail table .store {width: 58px; text-align: center}
.detail table .flags {width: 24px; text-align: center}
.detail table .price1 {width: 78px; text-align: center;font-weight: bold;}
.detail table .price1 span {font-weight: normal;}
.detail table .price2 {width: 80px; text-align: center; font-weight: bold; color: #af0000}
.detail table .price2 span {font-weight: normal;}
.detail table .amount {width: 87px; text-align: center}
.detail table .amount span {padding: 0 3px}
.detail table .amount .input_text {height: 15px; width: 27px; padding-top: 2px; text-align: center; border: 1px solid #565656}

.searchResult-t {padding: 0px 0 20px 11px; font-size: 14px; font-weight: bold; color: #af0000}
.searchResult {padding: 0;margin: 0;}
.searchResult .srEx1 {position: relative; top: 1px; width: 108px; padding: 0 0 0 11px; float: left; font-weight: bold; color: #af0000}
.searchResult .srEx2 {width: 635px; float: left}
.searchResult .srEx2 label {padding-right: 15px; font-weight: bold; color: #000}
.searchResult .srEx2 .input_checkbox {margin-right: 5px}

.characterization {width: 928px; padding: 20px 16px 25px 16px; float: left}
.characterization h1 {padding-bottom: 10px; font-size: 14px; color: #c72a1f}

.catalog-t {width: 928px; padding: 0 0 10px 32px; font-size: 18px; color: #c72a1f}

.commodityCatalog {width: 925px; padding-left: 35px; float: left}
.commodityCatalog .product {width: 123px; margin-right: 30px; padding-bottom: 15px; floaT: left}
.commodityCatalog .product h2 a {height: 16px; margin-bottom: 5px; padding-left: 3px; display: block; overflow: hidden; text-decoration: none; font-size: 12px; color: #c72a1f}
.commodityCatalog .product h2 a:hover {text-decoration: underline}
.commodityCatalog .productImg {height: 119px; width: 119px; padding: 4px; text-align: center; background: url(/img/bg-productImg.gif) no-repeat}

.commodityList {width: 888px; margin-left: 35px; color: #1c2f4a}
.commodityList img {vertical-align: middle}
.commodityList thead tr td {height: 16px; text-align: center; font-size: 10px; font-weight: bold; color: #1c2f4a !important}
.commodityList thead tr td span {padding-right: 3px}
.commodityList tbody tr td {height: 24px; background: #c8ccd3; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.commodityList .bgT td {background: #e7e9ec}
.commodityList .code {widtth: 106px; text-align: center}
.commodityList thead .name {widtth: 274px; padding-left: 40px; text-align: left}
.commodityList .name {widtth: 287px; padding-left: 27px}
.commodityList .name a {text-decoration: none; color: #1c2f4a}
.commodityList .name a:hover {text-decoration: underline}
.commodityList thead .item {widtth: 304px; padding-left: 40px; text-align: left}
.commodityList .item {widtth: 317px; padding-left: 27px}
.commodityList .amount {width: 118px; padding-left: 10px}
.commodityList .amount span {padding: 0 3px}
.commodityList .amount .input_text {height: 15px; width: 27px; padding-top: 2px; text-align: center; border: 1px solid #565656}

.pager {padding: 13px 20px 2px 0; text-align: right}
.pager img {vertical-align: middle}
.pager a {margin-right: 8px; text-decoration: none; color: #1c2f4a}
.pager a.bold {font-weight: bold;color: #AB0000;}
.pager a:hover {text-decoration: underline; color: #c72a1f}

.order-t {padding: 18px 0 15px 16px; font-size: 14px; font-weight: bold; color: #af0000}
.orderT {width: 908px; margin: auto}
.orderT img {vertical-align: middle}
.orderT thead tr td {height: 16px; text-align: center; font-size: 10px; font-weight: bold; color: #1c2f4a !important}
.orderT tbody tr td {height: 24px; background: #c8ccd3; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.orderT .bgT td {background: #e7e9ec}
.orderT .orderNum {width: 100px; text-align: center}
.orderT .size {width: 199px; text-align: left;padding-left: 3px;}
.orderT .design {width: 150px; padding: 0 8px 0 19px; text-align: left}
.orderT .index {width: 80px; text-align: center}
.orderT .mark {width: 89px; text-align: center}
.orderT .price1 {width: 80px; text-align: center}
.orderT .amount {width: 80px}
.orderT .amount div {padding-left: 22px; background: url(/img/bg-amount_div.gif) no-repeat 10px 7px}
.orderT .amount .input_text {height: 15px; width: 27px; margin-right: 7px; padding-top: 2px; text-align: center; border: 1px solid #565656}
.orderT .price2 {width: 87px; text-align: center; font-weight: bold}
.orderT .delete {width: 49px; text-align: center}
.orderT .space {background: none}
.orderT .suma {height: 33px; padding: 0 22px 0 15px; font-weight: bold; background: #949daa}
.orderT .suma strong {float: right; font-size: 18px; color: #1c2f4a}
.orderT .suma span {position: relative; top: 4px}


#column2 .map {padding-top: 20px;}
#column2 .buttonX {padding: 12px 40px 0 0; text-align: right}
#column2 .buttonX a {margin-left: 6px}
#column2 .buttonX input {vertical-align: middle;margin-left: 6px;}
#column2 .buttonX img {vertical-align: middle}


#MarketsList {width: 650px}
#MarketsList div {color:#000 !important}

.orderTax-t {padding: 50px 0 25px 16px; font-size: 14px; font-weight: bold; color: #af0000}
.tax {width: 469px; margin: 0 0 20px 25px; color: #2f2f2f}
.tax thead tr td {height: 21px; font-szie: 11px !important; font-weight: bold; color: #2f2f2f !important; border-bottom: 2px solid #767676}
.tax tbody tr td {height: 34px; font-weight: bold}
.tax .taxRate {width: 150px; padding-left: 5px}
.tax .price1 {width: 115px; text-align: right}
.tax thead .price2 {width: 86px; padding-right: 14px}
.tax .price2 {width: 100px; text-align: right; padding-right: 5px; }
.tax .price3 {width: 94px; padding-right: 5px; text-align: right; font-size: 12px; color: #c72a1f}
.tax .price3 small { font-size: 11px}
.tax .price4 {padding-right: 5px; font-size: 18px; text-align: right; color: #c72a1f}
.tax .price4 small { font-size: 11px}
.tax .space {height: 1px; background: url(/img/bg-space.gif) no-repeat }
.tax .suma {padding-left: 5px}
.tax .tdB td {border-top: 2px solid #767676; border-bottom: 1px solid #767676}

.payments_transport-t {padding: 18px 0 15px 16px; font-size: 14px; font-weight: bold; color: #af0000}
.payments_transport .title {padding: 11px 0 10px 16px; font-weight: bold; color: #1c2f4a}
.payments_transport .ptEx {width: 736px; margin-left: 10px; padding: 0 0 10px 10px; border-bottom: 1px solid #DDD}
.payments_transport .ptEx div {padding-bottom: 6px; ?padding-bottom: 0; _padding-bottom: 0}
.payments_transport .ptEx div .input_radio {margin-right: 7px; ?margin-right: 0; _margin-right: 0}
.payments_transport .ptEx select {width: 286px}
.payments_transport .ptEx select.country {width: 118px}
.payments_transport .ptEx textarea {height: 67px; width: 369px; padding: 5px; border: 1px solid #c8c8c8}
.payments_transport .ptEx.last {border: none}
.payments_transport .suma {height: 30px; width: 699px; margin-left: 10px; padding: 8px 22px 0 15px; font-weight: bold; color: #c72a1f; background: url(/img/bg-suma.gif) repeat-x }
.payments_transport .suma span {position: relative; top: 3px}
.payments_transport .suma strong {float: right; font-size: 18px}
.payments_transport .suma strong small {font-size: 11px}
.payments_transport .button {padding: 15px 220px 5px 0; text-align: right}
.payments_transport .button a {margin-left: 6px}
.payments_transport .button img {vertical-align: middle;}
.payments_transport .button input {vertical-align: middle;margin-left: 6px;}

#column2 .registration {}
#column2 .registration .registration-tEx {padding: 0 0 11px 21px; font-size: 22px; font-weight: bold; color: #af0000}
#column2 .registrationIn {width: 512px; margin-left: 198px; _margin-left: 99px; float: left}
#column2 .registration .freetext {padding: 0 18px; 25px 18px}
#column2 .registration .decReg {padding-bottom: 2px; text-align: right}
#column2 .registration .decReg strong {padding: 0 3px; color: #af0000}
#column2 .registration .registration-t {height: 22px; width: 494px; margin-bottom: 1px; padding: 4px 0 4px 16px; float: left; font-size: 18px; font-weight: bold; color: #af0000; background: #F7F7F7; border: 1px solid #E1E1E1}
#column2 .registration table {width: 100%; margin-bottom: 2px; float: left; color: #000}
#column2 .registration table td {height: 24px; background: #EDEDED}
#column2 .registration table strong {padding-left: 5px; color: #af0000}
#column2 .registration table .space {height: 25px; text-align: center}
#column2 .registration table .space1 {height: 7px; background: url(/img/BGspace1.gif) no-repeat bottom #EDEDED}
#column2 .registration table .rName {width: 91px; padding-right: 7px; text-align: right}
#column2 .registration table .rInsert {width: 140px}
#column2 .registration table .rInsert1 .smallinput {width: 25px; }
#column2 .registration table .rInsert1 .bankno {width: 68px; }
#column2 .registration table .input_text {height: 15px; width: 115px; padding: 1px 4px 0 4px; color: #8F8F8F; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
#column2 .registration table .rName1 {width: 79px; padding-right: 4px; text-align: right}
#column2 .registration table .reEx1 {padding: 10px 7px 0 0; text-align: right; vertical-align: top}
#column2 .registration table .reEx2 {padding: 7px 0 7px 0} 
#column2 .registration table .reEx2 textarea {height: 47px; width: 346px; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4}
#column2 .registration table .reEx3 {text-align: center}
#column2 .registration table .reEx4 {height: 22px; padding: 9px 0 0 37px; border-top: 1px solid #FFF} 
#column2 .registration table .reEx4 .input_checkbox {margin-left: 8px}
#column2 .registration table .reEx5 {height: 28px; _height: 24px; padding-bottom: 4px}
#column2 .registration .secureData {width: 100%; margin: 15px 0 9px 0; padding-bottom: 15px; float: left; text-align: center; border-bottom: 1px solid #DADADA}
#column2 .registration .secureData strong {padding: 7px 0 4px 0; display: block; font-weight: bold; color: #af0000}
#column2 .registration .secureData p {font-size: 10px}
#column2 .registration .buttons a {margin-right: 6px; float: right}
#column2 .registration .buttons .buEx {margin-left: 15px; float: left}


.login-message {text-align: center;padding: 30px 0px 0px 0px;font-weight: bold;}

.alert {padding: 20px;}


.loginBox {width: 410px; margin: 50px auto 20px auto; padding: 5px; background: url(/img/bg-loginBox.gif) no-repeat #ececec}
.loginBoxIn {border: 1px solid #747474}
.loginBox .loginBox-t {padding: 13px 0 30px 12px; font-size: 14px; font-weight: bold; color: #af0000}
.loginBox .lbEx1 {width: 100%; padding-bottom: 6px; float: left; text-align: left}
.loginBox .lbEx1 span {position: relative; top: 1px; ?top: 3px; _top: 3px; width: 150px; padding: 0 7px 0 0; display: block; float: left; text-align: right}
.loginBox .lbEx1 .input_text {height: 16px; width: 165px; padding: 3px 0 0 5px; border: 1px solid #8d95a0}
.loginBox .lbEx2 {width: 249px; padding-left: 159px; float: left}
.loginBox .lbEx2 a {padding-left: 10px !important; color: #1c304b; background: url(/img/bg-lbEx2_a.gif) no-repeat 0 4px}
.loginBox .lbEx3 {padding: 12px 0 13px 0; text-align: center}

.map {width: 100%; margin: 15px 0; float: left}
.mapIn {width: 100%; padding: 0px 0 0 12px; float: left}
.mapIn .maEx1 {font-size: 12px}
.mapIn .maEx2 {margin: 12px 0 19px 0; padding: 11px 0 9px 0; font-size: 14px; font-weight: bold; color: #004A95; border-top: 1px solid #004A95; border-bottom: 1px solid #004A95}
.mapIn a {margin-top: 15px; display: block; text-decoration: underline; font-weight: bold; color: #004A95} 
.mapIn a:hover {text-decoration: none}

.mainShop{width:100%; margin:5px 300px 5px 0; float: left;}
.shop {width: 100%; float: left}
.shop .shopName {padding: 8px 12px 10px 12px; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/BGshopName.gif) no-repeat}
.shop .shopName label {_position: relative; top: -2px;float: right; font-weight: bold; color: #FFF}
.shop .shopName label u { margin-left: 8px}
.shop .shopIn {width: 594px; margin-top: -3px; _margin-top: -8px; margin-bottom:5px; float: left; background: #E3F2FB; border: 1px solid #004A95}
.shop .shopIn1 {width: 353px; padding: 7px 0 0 12px; float: left}
.shop .shopIn1 div {width: 100%; padding-bottom: 3px; float: left}
.shop .shopIn1 strong {width: 273px; float: right; display: block}
.shop .shopIn1 strong a {text-decoration: underline; color: #004A95}
.shop .shopIn1 strong a:hover {text-decoration: none}
.shop .shopIn1 strong a {text-decoration: underline; color: #004A95}
.shop .shopIn1 strong .shEx {margin-left: 15px}
.shop .shopImg {width: 214px; margin: 5px 0; padding: 1px; float: left; border: 1px solid #004A95}

.getMarket .title {margin: 12px 0 10px 0; font-size: 14px; font-weight: bold; color: #004A95; }
.getMarket .shop .shopIn {width: 608px;}

{ ----------  Footer ------------------------------------------------------------------------------------------------------------- }

#containerFooter .iconSC {position: absolute; top: 17px; left: 38px; height: 28px; width: 155px; display: block; background: url(/img/bg-iconSC.gif) no-repeat}
#containerFooter div {padding: 25px 22px 20px 305px; text-align: right; color: #000} 
#containerFooter div a {color: #000}




.Narekapitulaci { width: 700px; }


.formular { width: 400px; }
td.rName1 {width: 100px; padding-left: 20px; }
td.rInsert {width: 200px; }
td.rInsert1 {width: 200px; }

.order .nonItemsInfo { padding-left: 20px; }
.order .suma { padding-left: 20px; }

#column2 .freetext { padding-left: 20px; }
#column2 .orderIn { padding: 20px; }
.dodavatel  {width:69px !important }


.contactperson strong {color:#AF0000;padding-left:5px}
.contactperson .input_text {height: 16px; width: 375px; padding: 2px 0 0 5px; color: #939393; border: 1px solid #BDBDBD}

/*POPUP BANNER*/
.popupBanner {position:absolute;top:100px;left:100px;z-index:999999;color:#fff;margin:0px;padding:0px}
.popupBanner .celek {width:100%;float:left;}
.popupBanner .roh1 {width:10px;height:10px;float:left;background: url(/img/popup-TopLeft.gif) no-repeat}
.popupBanner .roh2 {width:10px;height:10px;float:left;background: url(/img/popup-TopRight.gif) no-repeat}
.popupBanner .roh3 {width:10px;height:10px;float:left;background: url(/img/popup-BottomLeft.gif) no-repeat}
.popupBanner .roh4 {width:10px;height:10px;float:left;background: url(/img/popup-BottomRight.gif) no-repeat}


.popupBanner .roh1 {width:10px;height:10px;float:left;background: url(/img/1.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/1.png',sizingMethod='scale'); *background-image: none;}
.popupBanner .roh2 {width:10px;height:10px;float:left;background: url(/img/2.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/2.png',sizingMethod='scale'); *background-image: none;}
.popupBanner .roh3 {width:10px;height:10px;float:left;background: url(/img/3.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/3.png',sizingMethod='scale'); *background-image: none;}
.popupBanner .roh4 {width:10px;height:10px;float:left;background: url(/img/4.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/4.png',sizingMethod='scale'); *background-image: none;}


.popupBanner .line {width:auto;height:10px;float:left;background: url(/img/popup-Top.gif) repeat-x top}

.popupBanner .line2 {width:auto;height:10px;float:left;background: url(/img/popup-Bottom.gif) repeat-x bottom;}
.popupBanner .obal {width:auto;border-left:1px solid #1B1B1B;border-right:1px solid #1B1B1B; background:#373737;float:left;_margin-top:-6px;padding:0px;_margin-bottom:-6px}
.popupBanner .nadpis {width:100%;background: url(/img/popup-Line.gif) repeat-x bottom;padding-bottom:5px;float:left;}
.popupBanner .nadpis .close {float:right;width:60px;}
.popupBanner .nadpis .close1 {float:right;width:34px;}
.popupBanner .nadpis .close2 {float:right;width:26px;text-align:left}

.popupBanner .nadpis strong {float:left;width:auto;padding-left:10px;}
.popupBanner p {padding:5px;*padding:2px 1px 0px 1px;_padding-bottom:0px;float:left;width:auto;float:left;}



#lightboxOverallView { display: none }
* html #lightboxOverallView { display: none }
* html #overlay { background-color: #000 !important; background-image: url(/img/blank.gif); filter: Alpha(opacity=50); }
#overlay { background-image: url(/img/overlay.png); }