#pop-fade{
  display: none;
  background: #000; 
  position: fixed; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%;
  z-index: 9999;
}

#popup{
  display: none;
  width: auto;
  max-width: 800px;				
  _width: 800px;
  height: auto;
  min-height: 70px;
  _height: 70px;  
  font-size: 8pt;
  position: absolute;
  top: 0; 
  left: 50%;
  z-index: 10000;
  background-color: #FFF;
}

.popup-inner{
  padding: 20px;	
}

.pop-loading{
  width: 128px;
  height: 40px;
  background: url(../images/loading.gif) left bottom no-repeat;			
}

.pop-img{
  text-align: center;
  padding: 20px 0;
}

/*.pop-img img{
    width: 100%;
}*/

.pop-label{
  color: #132870;
  font-size: 18pt;
  padding-bottom: 20px;
}

.pop-legend{
  line-height: 150%;
  padding-top: 30px;
  width: 100%;
}

.pop-legend label{
  display: block;
  float: left;
  width: 70px;
  color: #132870;
  font-size: 9pt;
  font-weight: bold;
}

.pop-legend span{
  font-size: 8pt;
}

.pop-legend span strong{
  font-size: 9pt;
}

.pop-header{
  width: 100%;
  padding-bottom: 20px;
  color: #FFF;
}

.pop-header div{
  float: left;
  background: url(../images/tm-itemS.gif) repeat-x;
  font-weight: bold;
  height: 18px;
  padding-top: 4px;
  text-align: center;
}

.pop-code{
  width: 70px;
  text-align: left;
  margin-right: 1px;
  text-align: center;
}

.pop-model{
  width: 110px;
  text-align: left;
  margin-right: 1px;
  text-align: center;
}

.pop-size{
  width: 130px;
  text-align: left;
  text-align: center;
}

.pop-ds{
  width: 47px;
  margin-left: 1px;
}

.pop-st{
  width: 55px;
  margin-left: 1px;
}

.pop-row div{
  float: left;  
}

.pop-row div.pop-code, .pop-row div.pop-model, .pop-row div.pop-size{
  color: #0056CC;	
}

.pop-S{
  display: block;	
  width: 10px;
  height: 10px;
  background-color: #000;
}

.pop-2W{
  display: block;	
  width: 10px;
  height: 10px;
  background-color: #0056CC;
}

.pop-5W, .pop-N{
  display: block;
  width: 9px;
  height: 9px;
  border: 1px solid #696969;
}

.pop-note{
  padding-top: 30px;
  color: #ff0000;	
}

.stockers {
  width: 100%;
}

.stock {
  background-color: #000000;
  display: block;
  float: left;
  height: 12px;
  margin-bottom: 5px;
  margin-top: 15px;
  width: 12px;
}

.so-b {
  background-color: #0056CC;
  display: block;
  float: left;
  height: 12px;
  margin-bottom: 5px;
  width: 12px;
}

.so-w {
  border: 1px solid #696969;
  display: block;
  float: left;
  height: 11px;
  width: 11px;
}

.rfloat {
  float: left;
  padding-bottom: 5px;
  padding-left: 25px;
  width: 150px;
}

.pop-tbl-copy{
  display: none;	
}

.pop-row{
  width: 100%;
  padding: 5px 0;		
}

.pop-col-lbl{
  float: left;
  width: 30%;		
}

.pop-col-info{
  float: left;
  width: 70%;		
}

.pop-close{
  padding-top: 20px;
  text-align: center;				
}

.stock-tbl{
  padding-left: 30px;	
}

@media only screen and (max-width : 840px) {
	.pop-tbl{
		display: none;
	}
	.pop-tbl-copy{
		display: block;
	}
	#popup{
		width: 100%;
	}	
	.stock-tbl{
	  padding-left: 0px;	
	}
	
}