.vendor { width: 380px; padding: 10px; background: #FFFFFF; }

.vendor-top	{ width: 400px; margin: 10px 0 0 0; background: #003399; }
.vendor-top .name { float: left; line-height: 20px; color: #FFFFFF; }
.vendor-top .price { float: right; line-height: 20px; color: #FFFFFF; }

.vendor .col-left  { float: left; width: 130px; font-size: 10px; line-height: 14px; }
.vendor .col-left .sect { margin: 5px 0 0 0; padding: 0 15px 0 0; }
.vendor .col-left .head { font-weight: bold; }

.vendor .col-right { float: left; width: 245px; }
.vendor .col-right .title { margin: 0 0 10px 0; color: #993333; font-weight: bold; line-height: 12px; }
.vendor .col-right .desc { font-size: 10px; }
.vendor .col-right .price { float: left; font-weight: bold; }
.vendor .col-right .quantity { float: right; }
.vendor .col-right input { border: 1px solid #000000;}
.vendor .col-right .activity {  }