@charset "utf-8";

/** 
IMPORTANT NOTE: when referencing any ID's, you must define it as:
div#myID or table#myOtherID, as the shopsite comment system is
to start a line with a hash tag. defining a style as just #myID
will comment out that line and consequentially mess everything up.
**/

/************************************/
/*           INDEX STYLES           */
/************************************/


  h2.homeHeader{
    display:inline;
    padding: 3px 40px 3px 12px;
    margin: 5px;
    background: url(http://store.ideas-for-deck-designs.com/media/design/homeHeadBG2.png) no-repeat left;
    font-size:12pt;
    color:#900;
  }
  div#featuredProduct{
    background:#FFF;
    border:10px solid #561212;
    margin:20px auto;
    width:720px;
    cursor: pointer;
  }
  .featuredGraphic{
    float:left;
    margin-right:10px;
  }
  div#featuredProduct .featuredDesc h2,
  div#featuredProduct a{
    font-size:24px;
    color:#561212;
    padding:0;
    font-style:italic;
    background:none;
    text-decoration:none;
    border:none;
    cursor: pointer;
  }
  .featuredDesc p{
    font-size:18px;
    text-align:right;
    padding:5px;
    font-style:italic;
}
  .featuredSales{
    border:10px solid #561212;
    margin:0 24px;
  }
  .featuredDesc{
    height:300px
  }