/* Set the entire document margin as 12point. */
nursery 
{  
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   margin: 12pt;
}
/* The following are considered as block element */
plant,name,price,details,description
{
   display: block;
}
/* The following are considered as block element and font size is 10pt */
price,details,description,mature_height,mature_spread,mature_form,growth_rate,sun_exposure,
moisture_requirements,soil_type,flower_color,foilage_color,fall_color,zones
{
   display: block;
   font-size: 10pt;
}
/* Display the attribute values of plantcategory */
plantcategory[name]:before
{
   content: attr(name) "(" attr(code) ")";
   text-decoration: underline;
   font-size: 16pt;
   font-weight: bold;
   color:darkblue;
}
/* Seperate plants  by a 2px solid yellow  line. Add appropriate space around */
plant
{
   border-bottom-width: 1px;
   border-bottom-color: #FFCC00;
   border-bottom-style: dashed;
   padding: 2ex;
   margin: 2ex;
}
/* Display the plant name */
name
{
   display: block;
   font-size: 11pt;
   font-weight: bold;
   color:#FF359a;
}
/* Display the ref element in italic and  color in blue */
name > ref
{
   font-style: italic;
   color: #0066FF;
}
/* Display the price attributes  */
price[amt]:before
{
   content: "Price: " attr(amt) " " attr(units);
   font-weight: bold;
   color: black;

}
/* Display  the label in Bold and in black  */  
mature_height:before
{
   content: "Mature Height: ";
   font-weight: bold;
   color: black;

}
/* Display  the label in Bold and in black  */  
mature_spread:before
{
   content: "Mature Spread: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
mature_form:before
{  
   content: "Mature Form: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
growth_rate:before
{
   content: "Growth Rate: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
sun_exposure:before
{
   content: "Sun Exposure: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
moisture_requirements:before
{
   content: "Moisture Requirements: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
soil_type:before
{
   content: "Soil Type: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
flower_color:before
{
   content: "Flower Color: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
foilage_color:before
{
   content: "Foilage Color: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
fall_color:before
{
   content: "Fall Color: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
zones:before
{
   content: "Zones: ";
   font-weight: bold;
   color: black;
}
/* Display  the label in Bold and in black  */  
description:before
{
   content: "Description: ";
   font-weight: bold;
   color: black;

}
/* Display 50 chars in each line  */
description
{ 
   width: 50em;
   border-style: solid; 
   border-width: 2px;
   color: balck;
   margin-top: 1ex;
   margin-bottom: 1ex; 
}
/* Display ref in italic and in blue color   */
description ref
{
   font-style: italic;
   color: blue;
}
/* set the image width & height   */
image, html:img
{
   width: 100px;
   height: 100px;
}