.import-prod{ margin:0 0 100px; }
.import-prod h2{ margin:0; font-size:24px; line-height:32px; font-weight:600; }
.import-prod h3{ margin:0; font-size:18px; font-weight:600; }
.import-prod .radio-val{ line-height:24px; width:30px; float:left; }
.import-prod .radio-lab{ line-height:24px; float:left; }
.import-prod input[type="radio"]{ margin-right:10px; }

.import-prod .col-select{ width:10%; float:left; }
.import-prod .col-select .box{ border: 1px solid #cccccc; }
.import-prod .col-select .tupple{ padding: 5px; font-size:14px; font-family:arial; font-weight: normal; color:#444444; background:#f0f0f0; border-top:1px solid #cccccc; }
.import-prod .col-select .box-selected{ border: 1px solid #63a6d7; }
.import-prod .col-select .box-selected .tupple{ padding: 5px; font-size:14px; font-family:arial; font-weight:normal; color:#33668b; background:#d2eafc; border-top:1px solid #63a6d7; }
.import-prod .col-select select{ width:100%; height:30px; line-height:30px; border-radius:5px; }
.import-prod .btn-bar1{ margin-top:40px; padding:10px 0; border-top:1px solid #CCCCCC; }
.import-prod .btn-bar1 .nxt,.finish { margin:0 auto; padding:0 40px; width:auto; height:28px; line-height:28px; text-align:center; text-decoration:none; font-weight:bold; color:#FFFFFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; display:inline-block; }
.import-prod .btn-bar1 .nxt:hover,.finish:hover { margin:0 auto; padding:0 40px; width:auto; height:28px; line-height:28px; text-align:center; text-decoration:none; font-weight:bold; color:#FFFFFF; background:#e21f15; border:1px solid #e21f15; border-radius:5px; cursor:pointer; display:inline-block; }
.import-prod .btn-bar1 .prv{ margin:0 auto; padding:0 20px; width:auto; height:28px; line-height:28px; text-align:center; text-decoration:underline; font-weight:bold; color:#e21f15; background:#FFFFFF; border:1px solid #FFFFFF; border-radius:5px; cursor:pointer; display:inline-block; }
.import-prod .btn-bar1 .prv:hover{ margin:0 auto; padding:0 20px; width:auto; height:28px; line-height:28px; text-align:center; text-decoration:none; font-weight:bold; color:#e21f15; background:#FFFFFF; border:1px solid #FFFFFF; border-radius:5px; cursor:pointer; display:inline-block; }

.import-prod .delete{ color:#e21f15; text-decoration:underline; background:none; border:none; font-family:'Dosis', sans-serif; font-size:16px; cursor:pointer}
.import-prod .delete:hover{ color:#e21f15; text-decoration:none; }
.import-prod table{ min-width:1000px; }
.import-prod table tr td{ padding:1px 10px; height:60px; line-height:60px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
.import-prod table tr.unmatched td.prod-img{ border-right:none; }
.import-prod table tr td:first-child{ padding:1px; height:60px; line-height:60px; border-left:1px solid #CCCCCC; }
.import-prod table tr:first-child td{ border-top:1px solid #CCCCCC; }
.import-prod table tr .checkbox{ width:10px; }
.import-prod table tr .prod-img{ width:60px; }
.import-prod table tr .prod-img img{ width:60px; }
.import-prod table tr .prod-desc .desc1{ padding-left:5px; font-size:16px; color:#000000; line-height:24px; }
.import-prod table tr .prod-desc .desc2{ padding-left:5px; font-size:14px; line-height:18px; }
.import-prod table tr .barcode{ width:180px; color:#01810d; }
.import-prod table tr.unmatched .barcode{ color:#800000; }
.import-prod table tr .qty{ width:167px; }
.import-prod table tr .qty .update{ margin:15px 0; padding:0px; height:30px; line-height:30px; background:url(../images/qty-update-2.png) no-repeat left center; display:block; float:right; }
.import-prod table tr .qty .update input[type="text"]{ margin:0; padding:0 5px; width:70px; height:28px; line-height:28px; text-align:center; border:1px solid #CCCCCC; border-right:none; border-bottom-left-radius:5px; border-top-left-radius:5px; background:#f0f0f0; float:left; }
.import-prod table tr .qty .update input[type="button"]{ margin:0 auto; padding:0 5px; width:auto; height:30px; line-height:30px; text-align:center; text-decoration:none; font-weight:bold; color:#FFFFFF; background:#e21f15; border:none; border-radius:5px; cursor:pointer; float:left; }
.import-prod table tr .price{ width:180px; }
.import-prod table tr .price strong{ font-family:arial; }

.margin-top-5 { margin-top:5px }
@media( max-width:400px )
{
.import-prod .col-select{ width:100%; float:left; }
}
@media( min-width:401px ) and ( max-width:600px )
{
.import-prod .col-select{ width:50%; float:left; }
}
@media( min-width:601px ) and ( max-width:800px )
{
.import-prod .col-select{ width:33%; float:left; }
}
@media( min-width:801px ) and ( max-width:1000px )
{
.import-prod .col-select{ width:25%; float:left; }
}
@media( min-width:1001px ) and ( max-width:1200px )
{
.import-prod .col-select{ width:20%; float:left; }
}