/* Styling for product information pages: products_xxxx.php */

  /* Product information pages are divided into 3 divisions: top,
     middle, and bottom.
     The top division has 2 sub-divisions. The prod_info division
     contains product names and part numbers; the prod_image division
     contains a graphic associated with the product.
     The middle division covers the full page width and contains a
     textual description of the product.
     The bottom division is typically split into left and right
     subdivisions, each of which contains product detail information,
     such as features or what is included in the product.
   */

   
  /* Class encapsulating main body of product information */

.product_data {
  text-align:     left;
  clear:          both;
  /*  margin-left:    10px; */
  margin-bottom:  50px;
}


  /* Top division */   

.prod_data_top {
}

.prod_info {                      /* product name and part number */
  background-color: #CCOOOO;
  width:            200px;
  float:            left;
}

.prod_title {                     /* main title at top of subdivision */
  color:      red;
  font-size:  1.2em;
  font-style: italic;
}
.prod_name {                      /* the product's name */
}
.prod_num {                       /* the product's part number */
  font-size: .9em;
  width:     200px;
  float:     left;
}
.prod_spec {                      /* special note about the product */
  color: red;
}
.prod_image {                     /* right subdivision: graphic of product */
  padding-left: 220px;
 }

 
   /* Middle division */
   
 .prod_data_middle {
  width:          95%;
  margin:         20px 20px 10px 0px;
  padding-bottom: 10px;
  clear:          both;
}

    /* Bottom division */
    
.prod_data_bottom {
  padding-bottom: 20px;
}
.prod_data_bottom_left {
  width: 50%;
  float: left;
/*  margin-bottom: 20px; */
}
.prod_data_bottom_right {
  margin-left: 51%;
}