/* The following are considered as block element */
plant,name,price,description,foilage_color,fall_color,flower_color,zones
{
   display: block;
   font-size: 10pt;
}
/* Don't display the following elements */
mature_height,mature_spread,mature_form,growth_rate,sun_exposure,
moisture_requirements,soil_type
{
   display: none;
}
/* Set the entire document margin as 12point. */
nursery 
{  
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   margin: 12pt;
   background-color: #EBF4EB;
}
/* print the attribute of plantcategory */
plantcategory[name]:before
{
   content: attr(name) "(" attr(code) ")";
   text-decoration: underline;
   text-align: center;
   font-size: 16pt;
   font-weight: bold;
   color: black;
}
/* set the width of description as 50em */
description
{  
   width: 50em; 
}
/* Seperate plants  by a 2px solid yellow  line. Add appropriate space around */
plant
{
   border-bottom-width: 2px;
   border-bottom-color: black;
   border-bottom-style: solid;
   padding: 2ex;
   margin: 2ex;  
}  
/* Print the plant name */
name
{
   display: block;
   font-size: 11pt;
   font-weight: bold;
   color:#FF359a;
}
/* set the image float value to left */
image, html:img
{
   float:left;
}
/* Display the price attributes */
price[amt]:before
{
   content: "Price: " attr(amt) " " attr(units);
   font-weight: bold;
   color: black;

}
/* Display the label for flower_color in bold and blac color */
flower_color:before
{
   content: "Flower Color: ";
   font-weight: bold;
   color: black;
}
/* Display the label for fall_color in bold and black color */
fall_color:before
{
   content: "Fall Color: ";
   font-weight: bold;
   color: black;
}
/* Display the label for foilage_color in bold and blac color */
foilage_color:before
{
   content: "Foilage Color: ";
   font-weight: bold;
   color: black;
}
/* Display the label for zones in bold and blac color */
zones:before
{
   content: "Zones: ";
   font-weight: bold;
   color: black;
}
/* Display the label for description in bold and blac color */
description:before
{
   content: "Description: ";
   font-weight: bold;
   color: black;
}
/* Display the ref in italic and in blue color font */
plant ref
{
   font-style: italic;
   color: blue;
}