.phones-list{
  border-collapse: separate;
  /*background-color:#ccc;*/

}
.phones-list td ul{
  padding:0px;
  margin:10px 0px;

}
.phones-list td li{
  text-align:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0px;
  margin:5px 0;
}

.phones-list td label {
  /*display: block;*/
  margin: 10px auto;
  font-size: 120%;
  font-weight: normal;
  text-align: left;
}
.phones-list td{
  border-right:1px solid #ccc;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  padding:0px 25px;
  text-align:center;
  margin:0px;
  vertical-align: top;
  color: black;
  background-color: #e6e6e6;
}
.phones-list tr{
  width: 164px;
  vertical-align: top;
}



.corner-box {
  background:transparent url(img/left-top-corner-box.jpg) no-repeat scroll left top;
  margin:0pt 0pt 10px;
  padding:12px 0pt 12px 15px;
}
.corner-box span{text-align:left;}
.nums_cats ul{
  padding:0px;
  margin:10px auto;
  width:192px;
  min-height:140px;
  _height:140px;
}
.captcha{border:1px solid #666;padding:1px;}
.nums_cats{
  border:0px;
  /*border-spacing:4px 10px;*/
  border-collapse: separate;
  /*width:696px;*/
  }
.nums_cats td{
  width:230px;
  text-align:center;
  padding:0px;
  margin:0px;
  background:#e6e6e6 url(img/box-gray-bottom230.gif) no-repeat scroll center bottom;
  /*background:#fff url(img/right-bottom-corner-box.gif) no-repeat scroll right bottom;*/
  }
.nums_cats span{margin-bottom: 6px; display:block;text-align:center;color:#000;font-size:12px;}

td.free {}
td.silver {background:transparent url(img/box-silver-bottom230.gif) no-repeat scroll center bottom;}
td.gold{background:transparent url(img/box-gold-bottom230.gif) no-repeat scroll center bottom;}
td.vip{background:transparent url(img/box-vip-bottom230.gif) no-repeat scroll center bottom;}

.nums_cats_header{
  background:transparent url(img/thf.gif) no-repeat scroll left top;
  font-size:100%;
  font-family:arial,verdana,sans-serif;
  height:22px;
  margin:0pt;
  padding:0pt;
  vertical-align:middle;
}
.nums_cats_header h3{
  padding:0px;
  margin:0px;
  line-height:135%;
  padding-top:3px;
  font-size:14px;
  background:transparent url(img/thl.gif) no-repeat scroll right top;
  font-variant:normal;
  font-weight:normal;
  color:#ffe;
}
/*
.free_h h3{  background:transparent url(img/thl_free.gif) no-repeat scroll right top;}
.free_h {  background:transparent url(img/thf_free.gif) no-repeat scroll left top; }
.silver_h h3{  background:transparent url(img/thl_silver.gif) no-repeat scroll right top;}
.silver_h{  background:transparent url(img/thf_silver.gif) no-repeat scroll left top; }
.gold_h h3{  background:transparent url(img/thl_gold.gif) no-repeat scroll right top;}
.gold_h{  background:transparent url(img/thf_gold.gif) no-repeat scroll left top; }
.vip_h h3{  background:transparent url(img/thl_vip.gif) no-repeat scroll right top;}
.vip_h{  background:transparent url(img/thf_vip.gif) no-repeat scroll left top; }
*/


.corner-box li, .nums_cats li{
  text-align:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0px;
  margin:0px;
/*  margin-top:3px;*/
  /*font-weight:bold;*/
  font-size:14px;
  color:#000;
  letter-spacing: 1pt;
}


#numbers_view .button {
  height: 24px;
  width: 130px;
  margin: 7px auto;
  font-size: 11px;
  color:#222;
  background-image: url('img/cat-linkhover.png');
  cursor: pointer;
  border:1px solid #c6c6c6;
  padding:0px;
}
#numbers_view .text {}

#numbers_view label input{border:0px;
  display: inline;
  width: auto;
  height: auto;
  margin: auto 3px auto 0;
  padding: 0;
  background-image: none;
  vertical-align: middle;
}


.phones{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
    padding-left:15px;
  padding-right:10px;
  /*width:100px;*/
  background:transparent url(img/tel.gif)no-repeat scroll left center;

  }



p {
  padding-left: 6px;
}

.order {
  width: 695px;
}

.order th {
  color: white;
  background: #ff8019 url('http://matrixmobile.localhost/order/img/th-bg-left.gif') left top no-repeat;
  padding: 0;
  margin: 0;
}
.order th span, .order th input {
  display: block;
  color: white;
  background: url('http://matrixmobile.localhost/order/img/th-bg-right.gif') right top no-repeat;
  height: 20px;
  vertical-align: middle;
  font-size: 100%;
  font-weight: bold;
  padding: 0 1em;
  margin: 0;
}

.order .col3 th span, .order .col3 th input {
  width: 221px;
}
.order th input {
  display: block;
  border: none;
  cursor: pointer;
}

.order th.active {
  color: white;
  background: gray url('http://matrixmobile.localhost/order/img/th-bg-left.gif') left top no-repeat;
}
.order th.active span {
  color: inherit;
  background: url('http://matrixmobile.localhost/order/img/th-bg-right.gif') right top no-repeat;
}

.order td {
  text-align: center;
  vertical-align: middle;
  padding: 20px 0;
  color: black;
  background-color: #e6e6e6;
  border: 4px solid white;
}

.order .col3 td {
  width: 225px;
}
.order .col4 td {
  width: 167px;
  vertical-align: top;
}

.order .col3 td strong {
  display: block;
  width: 225px;
  text-align: center;
  font-size: 144%;
  line-height: 2em;
}



.order td label {
  display: block;
  width: 8em;
  margin: 0 auto 1em auto;
  font-size: 144%;
  font-weight: bold;
  text-align: center;
}
.order table label {
  margin-bottom: 0;
}
.order td p {
  text-align: left;
  padding: 0 3em;
}

.order td p strong {
  color: red;
  background-color: inherit;
  display: block;
  padding-top: 1em;
}

.order td input {
  display: block;
  height: 24px;
  width: 130px;
  margin: 1em auto;
  padding-left: 15px;
  font-size: 11px;
  border: none;
  color:#333;
  background-image: url('http://matrixmobile.localhost/order/img/bg-more.gif');
  cursor: pointer;
}


.order label input {
  display: inline;
  width: auto;
  height: auto;
  margin: auto 3px auto 0;
  padding: 0;
  background-image: none;
  vertical-align: middle;
}

.order table td, .order table th {
  border: none;
  width: 225px;
  padding: 0.5em;
}

.order table th {
  color: black;
  background: none;
}

.order table strong {
  font-size: 144%;
}

.pagebar{margin:0 auto;text-align:center;}


.page-link,.page-link-active {
  border:1px solid #777;
  height:18px;
  width:auto;
  margin:4px 2px;
  padding:0px 6px;
  font-size:11px;
}
.page-link{
  background-color:#eee;cursor: pointer;
  }
.page-link-active{
  background-color:#ffb43c;
  color:#fff;
}
.cat_name {
 display:inline;
}
.cat_name input{
  height: 22px;width:200px;
  vertical-align: middle;
  font-size: 100%;
  font-weight: normal;
  padding: 0 1em;
  margin: 2px;
  cursor: pointer;
  background-image:url(img/cat-linkhover.png);
}
.cat-link,.cat-link-active {
  border:1px solid #ccc;
  width:auto;
  margin:2px;
  padding:0px 6px;
  
}
.cat-link{
  background-color:#eee;cursor: pointer;
  }
.cat-link-active{
  color:#ffb43c;
 
}

.order td input {
/*  background-image:url(http://matrixmobile.localhost/order/img/bg-more.gif);*/
  border:medium none;
  color:#333333;
  cursor:pointer;
  font-size:11px;
}



.order input.hidden {
  display: none;
}



form p span {
  clear: left;
  float: left;
  display: block;
  width: 13em;
  min-height: 1px;
  text-align: right;
  padding-right: .33em;
}

p select, p input, p textarea {
  width: 20em;
  font-size: 100%;
}
p input {
  background-image: none;
}
p button {
  height: 24px;
  width: 130px;
  padding-left: 15px;
  font-size: 11px;
  border: none;
  color:#333;
  background-image: url('http://matrixmobile.localhost/order/img/bg-more.gif');
  cursor: pointer;
}





input.date {
  width: 5.5em;
}
input.min {
  width: 1.5em;
}


#err {
  clear: both;
  font-weight: bold;
  color: red;
  background-color: inherit;
  padding-bottom: 1em;
}

#ok {
  clear: both;
  font-weight: bold;
  color: green;
  background-color: inherit;
  padding-bottom: 1em;
}