/* style 'Amethyst' dynamically generated for www.serenitynowbooksandgifts.com */

/* no brainers */
body
{
        background: #666699;
        color: #333333;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
}

td
{
  font-size: 12px;
}

A:link
{
        color: #333333;
        text-decoration: none;
}
A:visited
{
        color: #333333;
        text-decoration: none;
}
A:hover
{
        color: #6600CC;
        text-decoration: underline;
}
A:active
{
        color: #6600CC;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* the banner class defines the top div of the website. */
.banner
{
        font-size: 11px;
        background-color: #FFFFFF;
        border-color: black black #666699;
        border-bottom-width: 2px;
}
 
/* this is the class for the shopping cart / mailing list chunk */
.shopmail
{
        font-size: 11px;
        text-align: left;
        font-weight: bold;
        background-color: #ECE0ff;
        padding-bottom: 6px;
        border-top-style: solid;
        border-top-color: #FFFFFF;
        border-top-width: 1px;
        border-left-style: solid;
        border-left-color: #FFFFFF;
        border-left-width: 1px;
        border-right-style: solid;
        border-right-color: #8C81A3;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #8C81A3;
        border-bottom-width: 1px;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 8px;
        margin-right: 5px;
        margin-bottom: 5px;
        color: #333333
}
 
/* the nav class defines the navigation bar div */
.nav
{
        text-align: center;
        width: 100%;
        height: 24px;
        vertical-align: bottom;
        border-bottom-style: solid;
        border-bottom-color: #666699;
        background-color: #ECE0FF;
        border-color: black black #8C81A3;
        background-image: url(/images/navbar_purple.gif);
        background-repeat: repeat;
        border-bottom-width: 1px
}
 
/* this defines the individual table cells of the nav class */
td.navcell
{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        vertical-align: bottom;
        padding-bottom: 5px
}

td.navcell:hover
{
        background: #ECE0FF;
        margin-top: 2px;
}
 
 
/* this is the spacer div for navcells.... */
.navspacer
{
        width: 1px;
        height: 18px;
        background: #666699;
        top: 4px;
}
 
/* main content area of the page.. */
.main
{
        padding-top: 8px;
        padding-left: 8px;
        padding-bottom: 8px;
        border-bottom-style: solid;
        border-bottom-color: #666699;
        color: #333333;
        background-color: #FFFFFF;
        border: 000000;
        border-bottom-width: 2px
}
 
/* this is the left column of the website. */
.leftnav
{
        padding: 5px 5px 5px 5px;
        height: auto;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #333333;
        border: 1px #8C81A3 solid;
        background-color: #FFFFFF;
        margin-left: 4px;
        margin-top: 4px;
        margin-bottom: 4px;
        margin-right: 10px;
}
 
/* the h1 is the part that says 'Online Catalog' */
/* this also applies to the calendar header */
.leftnav h1, .calendarHeader
{
        font-size: 13px;
        color: white;
        background: #666699;
        font-weight: bold;
        padding-top: 2px;
        padding-bottom: 0px;
        padding-left: 5px;
margin: 0px;
}
 
/* these are the list of products */
.leftnav ul
{
        margin:0px;
        padding:0px; 
}
 
.leftnav ul li
{
        font-size: 11px;
        color: #333333;
        padding: 1px;
        list-style-type: none;
}
c.a:link
{
        color: #333333;
        text-decoration: none;
}
c.a:hover
{
        background: #ffffff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #6600CC;
        text-decoration: underline
        margin-left: 2px;
}
c.a:visited
{
        color: #333333;
        text-decoration: none;
}
 
/* this is the content area of the page. */
.content
{
border: 1px #8C81A3 solid;
        padding-top: 0px;
        font-size: 11px;
}
.content A:link
{
        color: #333333;
        text-decoration: underline;
}
.content A:visited
{
        color: #333333;
        text-decoration: underline;
}
 
/* this is the footer website. */
.footer
{
        margin-top: 12px;
        padding-top: 10px;
        color: #ECE0FF;
        font-size: 10px;
        padding-bottom: 50px;
}
 
.footer A:link
{
        color: #FFFFFF;
        text-decoration: none;
}
.footer A:visited
{
        color: #CCCCCC;
        text-decoration: none;
}
.footer A:hover
{
        color: #6600CC;
        text-decoration: underline;

}
.footer A:active
{
        color: #FFFFFF;
        text-decoration: none;
}
 
/* these classes define the display of certain text... */
.small
{
        font-size: 70%;
        font-family: Arial, sans serif;
}
.med-small
{
        font-size: 85%;
        font-family: Arial, sans serif;
}
.medium
{
        font-size: 100%;
        font-family: Arial, sans serif;
}
.big
{
        font-size: 115%;
        font-family: Arial, sans serif;
}
.xbig
{
        font-size: 130%;
        font-family: Arial, sans serif;
}
.status
{
        font-size: small;
        color: #eeeeee font-family: Arial, sans serif;
}
.warning
{
        font-size: big;
        color: #cc0000;
        font-family: Arial, sans serif;
}
 
/* these classes define the different alternating rows found throughout the site */
.alpha_row
{
        background-color: #663366;
}
.beta_row
{
        background-color: #666699;
}
.theta_row
{
        background-color: #F7EBF7;
}


/* these classes define the calendar styles */
.cal-font-small
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #333333;
  line-height: 13px;
}
a.cal-font-small,a.cal-font-small:visited
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  line-height: 13px;
  color:#333333;
  text-decoration:none;
}
a.cal-font-small:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  line-height: 13px;
  color:#6600cc;
  text-decoration:underline;
}
.cal-font-big
{
  font-size: 13px;
  font-weight: bold;
  color:#000000;
}
.cal-header-small
{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #666699;
  height: 20px;
}
.cal-header-big
{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #666699;
  height: 33px;
  vertical-align:middle;
}
.cal-weekdays-small
{
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background-color: #ece0ff;
  width: 23px;
  height: 20px;
}
.cal-weekdays-big
{
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background-color: #ece0ff;
}
.cal-date-small
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  width: 23px;
  height: 20px;
}
a.cal-date-small-hot,a.cal-date-small-hot:link,a.cal-date-small-hot:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#6600cc;
  text-decoration:none;
}
a.cal-date-small-hot:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#6600cc;
  text-decoration:underline;
}
.cal-date-big
{
  font-size: 13px;
  font-weight: bold;
  color:#000000;
}
.cal-date-big-hot,a.cal-date-big-hot,a.cal-date-big-hot:visited
{
  font-size: 13px;
  font-weight: bold;
  color:#6600cc;
}
a.cal-date-big-hot:hover
{
  font-size: 13px;
  font-weight: bold;
  color:#6600cc;
  text-decoration:underline;
}
.cal-date-selected,a.cal-date-selected,a.cal-date-selected:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#ffffff;
  background-color: #666699;
  text-decoration:none;
}
.cal-white
{
  background-color: #ffffff;
}
.cal-gray
{
  background-color: #f3f3f3;
}
.cal-light
{
  background-color: #ece0ff;
}
.cal-dark
{
  background-color: #8c81a3;
}
.cal-selected
{
  background-color: #6600cc;
}
.cal-border
{
  border: 1px solid #8c81a3;
}


/* this is the misc list navs on the website. */
.listnav
{
        padding-left: 5px;
        padding-top: 5px;
        height: auto;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        margin:   4px 4px 0px 10px

}




div.rightCol
{
        float: right;
        width: auto;
}