/* style 'New Sage Green - Intentions' dynamically generated for www.intentionsonline.com */

td
{
  font-size: 12px;
}

/* the banner class defines the top div of the website. */
.banner 
{
  font-size: 11px;
  height: 86px;
  background-color: #FFFFFF;
}

 /* this is the class for the shopping cart / mailing list chunk */
.shopmail 
{
  font-size: 11px;
  text-align: left;
  font-weight: bold;
  background-color: #F0F0DE;
  padding-bottom: 6px;
  border-top-style: solid;
  border-top-color: #F3F3F3;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-color: #F3F3F3;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-color: #8EA599;
  border-right-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #8EA599;
  border-bottom-width: 1px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #333300
}
 

.shopmail hr 
{
  margin-top: 5px;
  margin-bottom: 4px;
}

 /* the nav class defines the navigation bar div */
.nav 
{
  text-align: center;
  vertical-align: middle;
  border-bottom-style: solid;
  border-bottom-color: #8EA599;
  background-color: #F0F0DE;
  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;
}

 /* this is the spacer div for navcells.... */
.navspacer 
{
  width: 1px;
  height: 16px;
  background: #666666;
  top: 4px;
}

/* main content area of the page.. */
.main 
{
  padding-top: 4px;
  padding-bottom: 8px;
  border-bottom-style: solid;
  border-bottom-color: #8EA599;
  color: #333333;
  border-bottom-width: 1px
}

/* this is the left column of the website. */
.leftnav 
{
  padding: 5px;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #8EA599;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333
}

/* the h1 is the part that says 'Online Catalog' */
.leftnav h1 
{
  font-size: 13px;
  color: white;
  background: #8EA599;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 3px;
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;
}
 c.a:visted
{
  color: #333333;
  text-decoration: none;
}
/* this is the content area of the page. */
.content 
{
 padding-top: 0px;
 border-style: solid;
  border-width: 1px;
  border-color: #8EA599;
 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: #999;
  font-size: 10px;
  padding-bottom: 50px;
}

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

A:link 
{
  color: #333333;
  text-decoration: none;
}

A:visited 
{
  color: #333333;
  text-decoration: none;
}

A:hover 
{
  color: #F08049;
  text-decoration: underline;
}

A:active 
{
  color: #f08049;
  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: #8EA599;
}

.beta_row 
{
  background-color: #F0F0DE;
}

.theta_row 
{
  background-color: #F3F3F3;
}


/* these classes define the calendar styles */
.cal-header-big
{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #8fa599;
  height: 33px;
  vertical-align:middle;
}
.cal-header-small
{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #8fa599;
  height: 20px;
}
.cal-weekdays-big
{
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background-color: #deddbf;
  width: 81px;
  height: 20px;
}
.cal-weekdays-small
{
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background-color: #deddbf;
  width: 23px;
  height: 20px;
}
.cal-font-small
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
}
.cal-font-small-hot
{
  font-size: 11px;
  font-weight: normal;
  color:#ef8049;
}
a.cal-font-small,a.cal-font-small:link,a.cal-font-small:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#333333;
  text-decoration:none;
}
a.cal-font-small:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#ef8049;
  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:#ef8049;
}
.cal-white
{
  background-color: #ffffff;
}
.cal-gray
{
	background-color: #f3f3f3;
}
.cal-light
{
	background-color: #f0f0de;
}
.cal-dark
{
	background-color: #8fa599;
}
.cal-selected
{
	background-color: #ef8049;
}
.cal-border
{
  border: 1px solid #8fa599;
}
.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:#ef8049;
  text-decoration:none;
}
a.cal-date-small-hot:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#ef8049;
  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:#ef8049;
}
.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: #8fa599;
  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;
        color: #333333;
        margin:   0px 0px 0px 0px
}


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