.customerDetails
{
  float: left;
}

.customerDetails .column1, .customerDetails .column2
{
  width: 50%;
}

.customerDetails .column1
{
  float: left;
}

.customerDetails .column2
{
  float: right;
}

.customerDetails .name, .customerDetails .companyName, .customerDetails .address1, .customerDetails .address2, .customerDetails .address3, .customerDetails .county, .customerDetails .region, .customerDetails .postalCode, .customerDetails .city, .customerDetails .country, .customerDetails .email, .customerDetails .phone, .customerDetails .mobile, .customerDetails .fax
{
  display: table;
  float: left;
  height: 45px;
  width: 100%;
}

.customerDetails .name, .customerDetails .companyName /* Name and Company Name are not enclosed into columns for flexibility purposes*/
{
  width: 50%;
}

.customerDetails .caption
{
  display: table-cell;
  padding: 0 20px 0 0;
  text-align: right;
  vertical-align: baseline;
  width: 120px;
}

.customerDetails .required
{
  padding: 0;
}

.customerDetails .asterisk
{
  padding-right: 11px;
  width: 9px;
  vertical-align: top;
}

.customerDetails .errorMessage
{
  float: left;
  margin: 2px 0 3px 22px;
  min-width: 170px;
  width: auto;
}

.customerDetails .value
{
  width: 180px;
}