/* style 'Soft Greens' dynamically generated for www.nookancranny.com */

td
{
  font-size: 12px;
}

/* the banner class defines the top div of the website. */
.banner
{
        font-size: 11px;
        background-color: #cccc99;
        border-color: #ffffcc;
        border-bottom-width: 2px;
        background-repeat: no-repeat
}
 
/* this is the class for the shopping cart / mailing list chunk */
.shopmail
{
        font-size: 11px;
        text-align: left;
        font-weight: bold;
        background-color: #999966;
        padding-bottom: 6px;
        border-top-style: solid;
        border-top-color: #999966;
        border-top-width: 1px;
        border-left-style: solid;
        border-left-color: #999966;
        border-left-width: 1px;
        border-right-style: solid;
        border-right-color: #999966;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #999966;
        border-bottom-width: 1px;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 8px;
        margin-right: 5px;
        margin-bottom: 5px;
        color: #000000
}
.shopmail hr
{
        margin-top: 1px;
        margin-bottom: 1px;
}
 
/* the nav class defines the navigation bar div */
.nav
{
        vertical-align: bottom;
        border-bottom-style: solid;
        border-bottom-color: #ffffcc;
        background-color: #cccc99;
        border-color: #ffffcc;
        background-image: ;
        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
}
 
/* this is the spacer div for navcells.... */
.navspacer
{
        width: 1px;
        height: 18px;
        background: #cccc99;
        top: 4px;
}

td.navcell:hover
{
        background: #FFFFFF;
        margin-top: 2px;
}
 
/* main content area of the page.. */
.main
{
        padding: 8px 0px 8px 8px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
        color: #cccc99;
        background-color: #efefd2;
        border: #cccc99;
        border-bottom-width: 2px
}
 
/* this is the left column of the website. */
.leftnav
{
        padding: 5px 5px;
        height: auto;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
        border:  2px #ffffcc solid;
        background-color: #999966;
        margin:   4px 4px 2px 10px;
}
 
/* the h1 is the part that says Online Catalog */
.leftnav h1
{
        font-size: 13px;
        color: #333333;
        background: #999966;
        font-weight: bold;
        padding-top: 2px;
        padding-bottom: 3px;
        padding-left: 5px;
margin: 0px;
}
 
/* these are the list of products */
.leftnav ul
{
        margin:0;
        padding:0;

}
 
.leftnav ul li
{
        font-size: 11px;
        color: #ffffcc;
        padding: 1px;
        list-style-type: none;
}
c.a:link
{
        color: #333333;
        text-decoration: none;
}
c.a:hover
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #333333;
        text-decoration: underline
}
c.a:visited
{
        color: #333333;
        text-decoration: none;
}
 
/* this is the content area of the page. */
.content
{
 padding-top: 0px;
 border:  2px #a04a37 solid;
 font-size: 11px;
}

.content A:link
{
        color: #000000;
        text-decoration: underline;
}
.content A:visited
{
        color: #000000;
        text-decoration: underline;
}
 
/* this is the footer website. */
.footer
{
        margin-top: 12px;
        padding-top: 10px;
        color: #000000;
        font-size: 10px;
        padding-bottom: 50px;
}
 
/* no brainers */
body
{
        background: #cccc99;
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
}
A:link
{
        color: #000000;
        text-decoration: none;
}
A:visited
{
        color: #000000;
        text-decoration: none;
}
A:hover
{
        color: #333300;
        text-decoration: underline;
}
A:active
{
        color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
/* 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: #606076;
}
.beta_row
{
        background-color: #C2C2D1;
}
.theta_row
{
        background-color: #E8E8F2;
}


/* these classes define the calendar styles */
.cal-header-big
{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #a04a37;
  height: 33px;
  vertical-align:middle;
}
.cal-header-small
{
	font-size: 13px;
	font-weight: bold;
  color: #FFFFFF;
	background-color: #a04a37;
  height: 20px;
}
.cal-weekdays-big
{
	font-size: 13px;
	font-weight: bold;
  color: #333333;
	background-color: #efefd2;
  width: 81px;
  height: 20px;
}
.cal-weekdays-small
{
	font-size: 13px;
	font-weight: bold;
  color: #333333;
	background-color: #efefd2;
  width: 23px;
  height: 20px;
}
.cal-font-small
{
	font-size: 11px;
	font-weight: normal;
  color:#000000;
}
.cal-font-medium
{
	font-size: 12px;
	font-weight: normal;
  color:#333333;
}

.cal-font-small-hot
{
	font-size: 11px;
	font-weight: normal;
  color:#f08049;
}
a.cal-font-small:visited,a.cal-font-small
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  text-decoration:none;
}
a.cal-font-small:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  text-decoration:underline;
}
.cal-font-big
{
	font-size: 13px;
	font-weight: bold;
  color:#000000;
}
.cal-font-big-hot
{
	font-size: 13px;
	font-weight: bold;
  color:#000000;
}
.cal-white
{
	background-color: #ffffff;
}
.cal-gray
{
	background-color: #f3f3f3;
}
.cal-light
{
	background-color: #efefd2;
}
.cal-dark
{
	background-color: #556b2f;
}
.cal-border
{
  border: 1px solid #556b2f;
}
.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:#f08049;
  text-decoration:none;
}
a.cal-date-small-hot:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#f08049;
  text-decoration:underline;
}
.cal-date-big
{
  font-size: 13px;
  font-weight: bold;
  color:#000000;
}
.cal-date-big-hot
{
  font-size: 13px;
  font-weight: bold;
  color:#f08049;
}
.cal-date-selected,a.cal-date-selected,a.cal-date-selected:link,a.cal-date-selected:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#ffffff;
  background-color: #336633;
  text-decoration:none;
}

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

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