/* CSS TELCO CATALOG */

/***************** sorting ************************/

div.filter{
padding: 10px;
background:#f5f5f5;
}

div.filter select{
width: 130px;
margin: 0 5px 0 0;
font-size: 9pt;
color:#000000;
vertical-align:middle;
}

div.filter input.submit_up{
width: 16px;
height: 16px;
margin: 0 5px 0 0;
background: url("../images/bg_filter_up.gif") no-repeat left top;
border: 0;
cursor: hand;
cursor: pointer;
vertical-align:middle;
}

div.filter input.submit_down{
width: 16px;
height: 16px;
margin: 0 5px 0 0;
background: url("../images/bg_filter_down.gif") no-repeat left top;
border: 0;
cursor: hand;
cursor: pointer;
vertical-align:middle;
}

div.page{
position:absolute;
width: 250px;
text-align:right;
margin: 13px 0 0 448px;
}

div.page_holder {
  clear: both;
  width: 710px;
  height: 44px;
  background: url("../images/bg_page_holder.gif") no-repeat left top;
  margin: 0 0 0 0;
}

div.page a, div.page span {
margin: 0 3px;
float:right;
vertical-align:middle;
}

div.page span.active{
color:#009900;
text-decoration:none;
}


div.page a.prev{
border: 0;
display:block;
height: 19px;
width: 19px;
padding: 0 0 0 0;
background: url("../images/bg_button_prev.png") no-repeat left top;
margin: -2px 7px 0 0;
}

div.page a.prev:hover{background-position: -19px 0;}

div.page a.next{
border: 0;
display:block;
height: 19px;
width: 19px;
padding: 0 0 0 0;
background: url("../images/bg_button_next.png") no-repeat left top;
margin: -2px 0 0 7px;
}

div.page a.next:hover{background-position: -19px 0}


/***************** catalog item ************************/

div.catalog_item{
margin: 0 10px 10px 0;
padding: 10px;
float: left;
width: 210px;
height: 210px;
background: url("../images/bg_catalog_item.gif") no-repeat left top;
}

div.catalog_item_last{
margin: 0 0 10px 0;
}

div.catalog_item a{
font-size: 9pt;
line-height: 10.5pt;
color:#009900;
font-weight: bold;
}

div.catalog_item p{
display:block;
font-size: 8.25pt;
line-height: 11.25pt;
color:#000000;
font-weight: normal;
padding: 2px 0 2px 0;
}

div.catalog_item table p{
display:block;
font-size: 9pt;
line-height: 10.5pt;
color:#000000;
font-weight: bold;
padding: 2px 0 0 0;
}

div.catalog_item p span{
color:#474747;
font-weight: normal;
font-size: 8.25pt;
}

div.catalog_item input.text{
border: 0;
height: 19px;
width: 24px;
padding: 5px 0 0 0;
text-align:center;
background: url("../images/bg_action_text.gif") no-repeat left top;
margin: 0 5px 0 0;
vertical-align:middle;
}

div.catalog_item input.submit, div.catalog_item a.submit, table.cart td a.detail {
border: 0;
height: 25px;
width: 55px;
padding: 0 0 0 0;
background: url("../images/bg_button_detail.png") no-repeat left top;
margin: 0 0 0 0;
vertical-align:middle;
cursor: hand;
cursor:pointer;
}

div.catalog_item a.submit, table.cart td a.detail {
  display: block;
  text-decoration: none;
}

div.catalog_item a.submit span, table.cart td a.detail span {
  visibility: hidden;

}

div.catalog_item input.submit:hover, div.catalog_item a.submit:hover, table.cart td a.detail:hover{background-position: -55px 0;}

div.catalog_item table{margin: 12px 0 7px 0;}
div.catalog_item table td{padding: 0; vertical-align:top;}
div.catalog_item table td.image{width:120px;}

div.catalog_item div.more{
padding: 7px 10px;
}

div.catalog_item div.more a{
font-size: 8.25pt;
color:#000000;
font-weight:normal;
}




/***************** catalog detail ************************/

a.backbutton{
position: absolute;
margin: -62px 0 0 559px;
}

table.catalog_detail{
margin: 10px 0;
}

table.catalog_detail td{
vertical-align: top;
padding: 0;
}

table.catalog_detail td.image{
width: 276px;
padding: 0 0 0 0;
}

table.catalog_detail td.describe{
padding: 5px 0 0 0;

}

table.catalog_detail td.describe .dodavatele_logo{
  float: right;
  margin: 0 0 15px 30px;
}

table.catalog_detail td.describe h4{
font-size: 9pt;
font-weight:bold;
margin: 0 0 0 0;
padding: 0 0 5px 0;
color: #009900;
}

table.catalog_detail td.describe p{
padding: 3px 0 0 0;
margin: 0 0 3px 0;
line-height: 11.25pt;
}

table.catalog_detail td.describe table td{
vertical-align: top;

}

table.catalog_detail td.describe table td.name{
width: 70px;
}

table.catalog_detail td.describe table td.logo{
text-align:right;
}

table.catalog_detail td.describe table strong{
font-size: 10.5pt;
}

/***************** sizelist ************************/

table.sizelist{
margin: 8px 0 3px 0;
padding: 0;
border-collapse:collapse;
}

table.sizelist th{
padding: 0 5px 0 10px;
height: 30px;
background: #019a00 url("../images/bg_sizelist_th.gif") repeat-x left top;
color: #FFFFFF;
font-weight:bold;
font-size: 9pt;
vertical-align: middle;
border-left: 1px solid #149401;
}

table.sizelist th.first{
border-left: 1px solid #22ad01;
width: 100px;
}

table.sizelist th.price{
width: 85px;
}

table.sizelist td.ks{
  padding-right: 10px;
  padding-left: 10px;
}

table.sizelist th span{
font-weight:normal;
font-size: 8.25pt;
}

table.sizelist td{
padding: 3px 5px 3px 10px;
height: 24px;
vertical-align: middle;
background: #ffffff;
font-size: 8.25pt;
border: 1px solid #b9b9b9;
}

table.sizelist tr.first td{
border-top: 0;
}

table.sizelist tr.second td{
background: #f5f5f5;
}

table.sizelist td img{
margin: 0 0 0 0;
float: right;
}
table.sizelist td div{
float: left;
}

table.sizelist td input.text{
border: 0;
height: 19px;
width: 24px;
padding: 5px 0 0 0;
text-align:center;
background: url("../images/bg_action_text.gif") no-repeat left top;
margin: 0 2px 0 0;
vertical-align:middle;
}

table.sizelist td input.submit, table.sizelist td a.submit {
border: 0;
height: 24px;
width: 55px;
padding: 0 0 0 0;
background: url("../images/bg_button_action.png") no-repeat left top;
margin: 0 0 0 0;
vertical-align:middle;
cursor: hand;
cursor:pointer;
}

table.sizelist td a.submit {
  display: block;
  text-decoration: none;
}

table.sizelist td a.submit span {
  visibility: hidden;
}

table.sizelist td input.submit:hover, table.sizelist td a.submit:hover { background-position: -55px 0;}


/***************** cart ************************/

table.cart{
margin: 10px 0 10px 0;
padding: 0;
border-collapse:collapse;
}

table.cart th{
padding: 0 5px 0 10px;
height: 30px;
background: #019a00 url("../images/bg_sizelist_th.gif") repeat-x left top;
color: #FFFFFF;
font-weight:bold;
font-size: 9pt;
vertical-align: middle;
border-left: 1px solid #149401;
}

table.cart th.first{
border-left: 1px solid #22ad01;
width: 90px;
}

table.cart th.price{
  width: 78px;
}

table.cart th span{
font-weight:normal;
font-size: 8.25pt;
}

table.cart td{
padding: 3px 5px 3px 10px;
height: 24px;
vertical-align: middle;
background: #ffffff;
font-size: 8.25pt;
border: 1px solid #b9b9b9;
}

table.cart td.ks, table.cart td.sum_price{
white-space:nowrap;
}

table.cart tr.first td{
border-top: 0;
}

table.cart tr.second td{
background: #f5f5f5;
}

table.cart tr.h30 td{
  height: 30px;
}

table.cart tr.sum td{
font-size: 9pt;
background: #848484;
color: #FFFFFF;
height: 30px;
}

table.cart tr.doprava td{
height: 30px;
background: #f5f5f5;
}

table.cart tr.sum td.price {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

table.cart td img{
margin: 3px 0 0 0;
float: right;
}
table.cart td div{
float: left;
}

table.cart td input.text{
border: 0;
height: 19px;
width: 24px;
padding: 5px 0 0 0;
text-align:center;
background: url("../images/bg_action_text.gif") no-repeat left top;
margin: 0 5px 0 0;
vertical-align:middle;
}

table.cart td.delete {
  padding-left: 5px;
  padding-right: 6px;
}

table.cart td input.submit, table.cart td a.submit {
border: 0;
height: 16px;
width: 21px;
padding: 0 0 0 0;
background: url("../images/cart_button_drop.gif") no-repeat left top;
margin: 0 0 0 0;
vertical-align:middle;
cursor: hand;
cursor:pointer;
}

table.cart td a.submit {
  display: block;
  text-decoration: none;
}

table.cart td a.submit span {
  visibility: hidden;
}


table.cart td input.prepocitat, table.cart td a.prepocitat {
border: 0;
height: 24px;
width: 75px;
padding: 0 0 0 0;
background: url("../images/bg_button_prepocitat.png") no-repeat left top;
margin: 0 3px 0 -3px;
vertical-align:middle;
cursor: hand;
cursor:pointer;
}

table.cart td a.prepocitat {
  display: block;
  text-decoration: none;
}

table.cart td a.prepocitat span {
  visibility: hidden;
}

table.cart td input.prepocitat:hover, table.cart td a.prepocitat:hover { background-position: -75px 0;}



input.submit_order, a.submit_order, input.submit_order_classic, a.submit_order_classic {
float: right;
border: 0;
height: 24px;
width: 75px;
padding: 0 0 0 0;
background: url("../images/bg_button_order_new.gif") no-repeat left top;
margin: 0 0 0 0;
vertical-align:middle;
cursor: hand;
cursor:pointer;
}

input.submit_order_classic, a.submit_order_classic {
float: none;
background: url("../images/bg_button_order.png") no-repeat left top;
}

a.submit_order, a.submit_order_classic {
  display: block;
  text-decoration: none;
}

a.submit_order span, a.submit_order_classic span {
  visibility: hidden;
}


input.submit_order_classic:hover, a.submit_order_classic:hover{background-position: -75px 0;}

div.continue{
padding: 0px 0px 20px 0;
}









/***************** table customer ************************/

div.orderholder{background: url("../images/bg_orderholder.gif") repeat-y left top; margin: 0 0 10px 0;}
div.orderholder_top{background: url("../images/bg_orderholder_top.gif") no-repeat left top;}
div.orderholder_bottom{background: url("../images/bg_orderholder_bottom.gif") no-repeat left bottom; padding: 5px 10px; margin: 10px 0;}

p.send_order input.inbutton{
padding:5px 15px;
text-transform:uppercase;
font-size:9pt;
font-weight:bold;
color:#FFFFFF;
}

table.customer{
margin: 0;
width: 100%;
color:#000000;
}

table.customer th{
padding: 3px 0;
width: 65px;
}

table.customer th.wide{
width: 100px;
}

table.customer td{
padding: 3px 0;
}

input.radio{
vertical-align:middle;
margin: 0 3px 0 0;}

table.customer input.radio{
vertical-align:middle;
border: 0;
}

table.customer td textarea{
width: 626px;
height: 54px;
background: url("../images/bg_order_textarea.gif") no-repeat left top;
padding: 8px;
border: 0;
}

table.customer input.text{
border: 0;
height: 19px;
width: 284px;
padding: 5px 8px 0 8px;
background: url("../images/bg_order_text.gif") no-repeat left top;
margin: 0 0 0 0;
}