/* CSS Document */
#variantsTable{width: auto;}
.clear{clear:both}
.justify{text-align: justify;padding: 0 5px;}

.clear. justify a.active{
  display: block;
  text-align: right;
  width: 100%;
}
tr.gray td{
  background-color:#eee;
}
.clear a.active{
  display: inline;
  font-weight:bold;
}
span.msg{
  display:block;
  font-weight: bold;
   margin: 20px;
   text-align: center;
}
a img{
  border: 0;
}
table{vertical-align: top;margin: 0 auto;text-align:center;border-spacing: 0;text-align:left;}
table td{padding-left: 30px;}
table  th{background-color: #ebebeb;}
table th:first-child{background: #ebebeb url(../img/table_left.jpg) no-repeat top left;}
table th:last-child{background: #ebebeb url(../img/table_right.jpg) no-repeat top right;}

table th{padding:0;}
body{font-family:tahoma;font-size:12px;}
#middle {color: #262525;}
a{
  color: #232323;
}
a:hover{text-decoration: none;}
*{
  margin: 0; 
  padding: 0;
}
p{margin: 0 5px 8px;}
.center{text-align:center;display:block;}
.strike{text-decoration:line-through;color: Blue;}
input{
  width: 100%;
}
.input{
  width:212px;
  border:0;
  overflow: hidden;
  padding: 10px;
  font-size: 12px;
  background: url(../img/input.jpg) no-repeat top left;
}
#middle .submit{
  background: #7da316 url(../img/button_whitebg.jpg) no-repeat top left;
  width: 81px;

  height: 30px;
  padding: 4px 0 8px;


}
#middle .submit.grayBg{
      background: #7da316 url(../img/button_greybg.jpg) no-repeat top left;
}
table span{font-size: 10px;}
.submit{
  cursor: pointer;
  width: 91px;
  height: 31px;
  border:0;
  font-family: Verdana;
  font-size: 11px;
  color: #fff;
  background: #7da316 url(../img/button_green.jpg) no-repeat top left;
}
hr{
  background: url(../img/hr.jpg) no-repeat bottom center;
  height: 5px;
  margin: 5px 0;
  border:none;
  
}
div.hr {
  height: 15px;
  background: #fff url(../img/hr.jpg) no-repeat scroll center;
}
div.hr hr {
  display: none;
}
.imgItem img{max-height: 100px;max-width: 150px;margin: 0 auto;}
.imgItem span{
  display:block;
  text-align:center;
}
.imgItem div{
  overflow:hidden;
  text-align:center;
  margin: 0 0 10px;
  height: 100px;}
.imgItem{}
.button{
  display: inline-block;
  float:left;
  cursor: pointer;
  width: 87px;
  height: 27px;
  line-height: 27px;
  margin: 10px 10px 0 0;
  color: #fff;
  text-decoration: none;
  background: #424242 url(../img/button_grey.jpg) no-repeat top left;
  text-align: center;
  font-size: 11px;
}
.button:hover{color: #dedede;}
.button.red{
  background: #424242 url(../img/button_red.jpg) no-repeat top left;
  width: 110px;
  
}
.button.red:hover{color: #fff;  }
.title{
  display:block;
  width: 198px;
  text-align: center;
  float:left;
  color: #fff !important;
  font-family: verdana;
  font-size: 12px;
}
h2,h1, .h2{
  padding: 5px 0;
  color: #742b30;
  font-weight:normal;
  font-size: 18px;
  font-family: Tahoma;
}
h3{
  color: #742b30;
  padding: 4px 0;
  font-size: 143x;
  padding-left: 5px;
  font-family: Tahoma;
  font-weight: bold;
}
h4{padding: 2px 0;}
ul,ol{
  margin-left: 20px;
  list-style-image: url(../img/ul_item.jpg);
}
.grey{color:#a1a1a1;}
.green{color:#4f6610; font-size: 18px;}
.bigger{font-size: 15px;}
.darkGrey{
  border:1px solid #a7a7a7;
  padding: 10px;
  margin: 5px 0;
}
.high{
  font-size: 13px;
  font-family: Verdana;
  background: #3a0f13 url(../img/title_big_red.jpg) no-repeat top left;
  color:#fff;
  padding: 9px 15px 8px 15px;
  clear:both;
  width: 550px;
  margin: 5px 0;
  font-weight: normal;
}
.high span{
  float:right;
  width: 100px;
  text-align: right;
}
.high.greenBg{
  background: #7fa51a url(../img/title_big_green.jpg) no-repeat top left;
}
.lightGrey{background-color: #f5f5f5;border:1px solid #eeeeee;}
.right{
text-align: right;
}
table{
  margin: 10px;
  width: 570px;
}
table th,table td{
  vertical-align: top;
  padding: 5px 13px;
  border-bottom:1px solid #eee;
}
table.vertical th:first-child {background: none;text-align:right;}
table.vertical th:last-child {background: none;text-align:right;}
table.vertical th{background: none;text-align:right;}
#msg{
  width: 300px;
  padding: 20px;
  margin: 20px auto;
  border:1px solid #eee;
}
#msg h2{
  margin: 0 0 10px 0;
}
table th{
  border-bottom:1px solid #999;
  text-align:left;
  padding: 5px 10px;
}

.plusminus {
text-decoration: none;
}
