BODY
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #a2e4ea;
    MARGIN: 0px;
}
A:hover
{
    COLOR: red
}
A
{
   /* TEXT-DECORATION: none*/
}
table.navbar 
{
  width: 100%;
  background-color: #3EA5B7;
}
table.navbar td 
{
  padding: 1px;
}
table.navbar a
{
  background-color: #3EA5B7;
  border: solid #3EA5B7 1px;
  padding-left: 2px;
  padding-right: 2px;
}

table.navbar a:hover {
  background-color: silver;
  border: solid red 1px;
  text-decoration: none;
}
DIV.BottomBar
{

  margin-top: 4ex;
}

DIV.BottomBar TABLE
{
  background-color: #3EA5B7;
  width: 100%;
  border: none;
  border-collapse: collapse;
  font-size: smaller;
  white-space: nowrap;
}

TABLE.TopBar 
{
  background-color: #3EA5B7;
   width: 100%;
   border: none;
   margin: 0;
  border-collapse: collapse;
}

TABLE.buttons TD {
   text-align: left;
   padding: 5px;
   line-spacing: 3;
   font-size: small;

}
A.button {
   border-left: solid white 1px;
   border-top: solid white 1px;
   border-right: solid black 1px;
   border-bottom: solid black 1px;
   background-color: whitesmoke;
   text-decoration:none;
   color: black;
   padding: 2px;
   white-space: nowrap;

}
a.Reorder {
   background-repeat: no-repeat;
   display: block;
   text-decoration: none;
   padding: 3px;
   padding-left: 15px;
   border: solid silver 1px;
   white-space: nowrap;
   margin: 3px;
   text-align: left;
   width: 8em;
}
a.Reorder:hover {
   border: solid red 1px;
   background-color: silver;
}
a.Up {
   background-image: url(up.gif);
}
a.Up:hover {
   background-image: url(up_hover.gif);
}
a.Down {
   background-image: url(down.gif);
}
a.Down:hover {
   background-image: url(down_hover.gif);
}


TABLE.Navigation
{
background-color: #3EA5B7
}

h1 
{
    MARGIN: 0px
}
.nobr
{
 white-space: nowrap
}
.SiteName {
 white-space: nowrap;
 font-style: italic;
 color: white;
}
DIV.SubCategories
{
  text-align:center;
}
TABLE.Categories
{
    MARGIN-BOTTOM: 0px;
    border-collapse: separate;
   border-spacing: 15px 15px;

}


.Category IMG.CategoryThumb {
    margin-left: 27px;

}

TD.Category {
    border: solid #3EA5B7 1px;
    padding: 10px;
    height: 200px;

   width: 10em;
}
.Category
{
    BACKGROUND-COLOR: #98d0d8;
}

.Category A
{
    COLOR: #006577;
   
}

TD.CategoryCell {
 
    padding: 0px;
   vertical-align: top;
}
TD.CategoryCell A {
    display: block;
    border: solid #3EA5B7 1px;
    BACKGROUND-COLOR: #98d0d8;
    color: black;

    padding: 5px;
    text-decoration: none;  
    width: 90%;
    min-height: 12em;

}
TD.CategoryCell A .CatThumbImgContainer {
    text-align: center;
    margin-bottom: 0.5em;
    
}
TD.CategoryCell A .CategoryName {
   background-image: url(CLSDFOLD.gif);
   background-position: 0px 0.3ex;
   padding-left: 20px;
   background-repeat: no-repeat;
   COLOR: #006577;
   text-decoration: underline;  
}
TD.CategoryCell A:hover {
   background-color: silver;
  border: solid red 1px;
}
TD.CategoryCell A:hover .CategoryName {
   background-image: url(CLSDFOLD_hover.gif);
   color: red;
}
TD.CategoryCell A .SmallCatDesc {
   padding-left: 20px;
   font-size: 75%;
}
TD.UpLink {    margin-left: 13px;	}
.PrevNextLinks {
    width:100%;

   font-size: 75%;
}
.PrevNextLinks TD.UpLink 	{ width: 20% }
.PrevNextLinks TD.PreviousLink  { width: 40%; }
.PrevNextLinks TD.NextLink 	{ width: 40%; }

.PrevNextLinks IMG {
  height: 48px;
  width: auto;
  vertical-align: middle;
  border:0px; 
  margin: 2px;
float:right;
/*  position: absolute; right:0px; top: 0px;*/
}
.PrevNextLinks TD a {
    display: block;
    padding-top: 0px;
    padding-left: 25px;

    background-repeat: no-repeat;
    height: 54px;
    background-position: 3px 3px;
    border: solid #3EA5B7 1px;   
    background-color: #98d0d8;
    text-decoration:none;
/*    width: 100%;*/
    overflow: hidden;
    text-overflow: ellipsis;

}
.PrevNextLinks TD.UpLink a {
    vertical-align: middle;
    padding-left: 20px;
}

.PrevNextLinks TD a:hover {
    BACKGROUND-COLOR: silver;
    border: solid red 1px;
}

TD.UpLink a 		{  
	display:block; 
	align: middle; 
	background-image: url(upfold.gif);
	padding-right: 3px;
}
TD.UpLink a:hover 	{  background-image: url(upfold_hover.gif);	}
TD.PreviousLink a 	{  background-image: url(prev.gif); }
TD.PreviousLink a:hover {  background-image: url(prev_hover.gif);	}
TD.NextLink a 	  	{  background-image: url(next.gif);	}
TD.NextLink a:hover 	{  background-image: url(next_hover.gif);	}

/* -------------- one column styles follow -----------*/
.ImageThumb_cat-1col
{
    PADDING-RIGHT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #cce8ec;
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top;
 
}

tr.ImageThumb_cat-1col td
{
  border-bottom: dotted #3EA5B7 1px;
}
tr.ImageThumb_cat-1col td span.ShortDesc
{
    display: block;
    FONT-SIZE: small;
    PADDING-TOP: 10px;
    MARGIN-BOTTOM: 0px;
    FONT-WEIGHT: bold;
}
tr.ImageThumb_cat-1col td span.ShortDesc A 
{
   display: block;
   border: solid white 1px;
 margin-bottom: 2px;
 background-color: white;
padding: 1px;
}
tr.ImageThumb_cat-1col td span.ShortDesc A:hover
{
 background-color: pink;
 border: solid red 1px;
    COLOR: red
}
.ImageThumb_cat-1col A:hover IMG
{
    BORDER: red solid;
    background-color: pink;
}
.ImageThumb_cat-1col IMG
{
    BORDER-RIGHT: gray solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: gray solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 5px;
    MARGIN-RIGHT: 5px;
    MARGIN-BOTTOM: 0px;
    BORDER-LEFT: gray solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: gray solid
}

.LongDesc_cat-1col div
{ 
  font-size: smaller;

  MARGIN-LEFT: 0px;
  MARGIN-BOTTOM: 10px;

}

.CatTable_cat1-col {
  BORDER-COLLAPSE: separate;
  MARGIN: 0px;
}



.SubCatPictures_cat1-col {

  PADDING: 10px;
  MARGIN: 10px;
}

.CatTableHeader_cat1-col {
/*    background-color: #cce8ec;*/
  MARGIN-LEFT: 10px;
  BORDER-BOTTOM: gray solid 1px;
}

.CategoryDescription_cat1-col {
   FONT-WEIGHT: bold;
   
}

/* -------------- default styles follow -----------*/

.ImageThumb
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
/*    FONT-SIZE: small;*/
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #cce8ec;
    TEXT-ALIGN: center
}
.ImageThumb A
{
    display: block;
    border: solid #cce8ec 1px;
    padding: 3px;
}
.ImageThumb A:hover
{
    COLOR: red;
    border: solid red 1px;
    background-color: silver;
}
.ImageThumb A IMG
{
    border: solid silver 1px;
}
.ImageThumb A:hover IMG
{
    BORDER: solid red 1px; 
}
.ImageThumb IMG
{

    PADDING: 0px;  

    MARGIN-TOP: 5px;
    MARGIN-LEFT: 5px;
    MARGIN-RIGHT: 5px;
    MARGIN-BOTTOM: 0px;



}
.LongDesc
{
    MARGIN: 10px
}


/* ---------------------------------------*/

a.copyrightlink
{
/*    FONT-SIZE: smaller;*/
    font-weight:bold;
    color: blue;
    padding-right: 1ex;
    padding-left: 1ex;
    text-decoration: none;
    border: 1px;
}
a.copyrightlink:hover 
{
 background-color: silver;
 border: solid red 1px;
}

.copyright
{
	MARGIN: 2em;
    FONT-SIZE: 7pt;
}
.terms
{
	MARGIN: 2em;
    FONT-SIZE: smaller
}
.CategoryHeader
{
    MARGIN: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    WIDTH:100%;

}


.author
{
    TEXT-TRANSFORM: lowercase;
    COLOR: white;
    FONT-STYLE: italic;
   font-size: smaller;
}

TABLE.Thumbnails
{
    BACKGROUND-COLOR: #cce8ec;
}
IMG.FullImage
{
	BACKGROUND-COLOR: #cce8ec;
    BORDER: #cce8ec 20px solid;
    MARGIN: 20px;
}
P
{
    MARGIN-LEFT: 10px
}
DIV.CategoryDescription
{
    FONT-WEIGHT: bolder
}

.BackMsg
{
    MARGIN-LEFT: 0px;
    MARGIN-TOP: 5px;
    MARGIN-BOTTOM: 5px;

    font-size: smaller
}
.Details
{
    align: right;
    MARGIN: 0px; 
    PADDING: 0px;
    BACKGROUND-COLOR: #cce8ec;
    border: none;

    BORDER-COLLAPSE: collapse;
    FONT-SIZE: smaller
}

.Details TH
{
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    PADDING: 10px;
    margin: 0px;
    background-color: white;
    border: none;
}
.Details TD
{
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    PADDING: 0px;
    MARGIN: 0px;
    border: none;
}
.Details TD .DeadLink
{
    display: block;
    padding: 10px;
    border: 1px;
}
.Details TD A.BigLink 
{
    display: block;
    padding: 10px;
    border: 1px;

}
.Details TD A.BigLink:hover
{
    border: solid red 1px;
background-color: silver;
}
.Details TD A.BigLink IMG {
    border: none;
}
.Category A:visited
{
    COLOR: #2e7b88
}
.Category A:active
{
    COLOR: red
}
.Category A:hover
{
    COLOR: red
}
.Category A:visited IMG
{
}
.date
{
    FONT-SIZE: smaller
}



.ShortDesc
{
    FONT-SIZE: smaller;
}
.ShortDesc A
{
    COLOR: #006577
}
IMG.CategoryThumb
{
    BORDER: #006577 solid 1px;
}
A:hover IMG.CategoryThumb
{
    BORDER: red solid 1px;
}
div.PurchaseInfo
{   
    MARGIN-TOP: 7px;
    MARGIN-RIGHT: 7px;
    FONT-SIZE: smaller
}
td.OtherViews TABLE
{
    FONT-SIZE: 100%
}

.CategoryDescription
{
    FONT-SIZE: smaller
}

.ImageDescription
{
    PADDING-TOP: 5px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 10px;
}

.ViewsTable
{
  MARGIN: 0px;
  PADDING: 0px;
}

.ViewsTable TR TD
{ 
  MARGIN: 0px;
  PADDING-TOP: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-RIGHT: 25px;
  PADDING-LEFT: 0px;
}

TABLE.PriceList 
{
  WIDTH: 90%;
  font-size: smaller;
  margin: 10px;
  border-collapse: collapse;
  background-color: #cce8ec;

}
TABLE.PriceList TD {
  vertical-align: top;
  padding: 5px;
}


TABLE.PriceList TD.TitleCell
{
  padding: 10px;
}


TABLE.PriceList TD.TitleCell DIV.Title
{
  font-style: italic;
}


TABLE.PriceList TD.PriceCell
{
  text-align: right;
}

TABLE.PriceList TD.OrderCell
{
  text-align: center;
}

TABLE.PriceList TD.ThumbCell
{
  text-align: center;
  padding: 10px;
}

TABLE.PriceList TR.FirstRow TD
{

  border-top: dotted #3EA5B7 1px;
}

.SmallWarning {
  font-size: smaller;
  font-style: italic;
  color:red;
}

.SmallComment {
  font-size: smaller;
  font-style: italic;
}

.InputForm {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 90%;
    border: solid #3ea5b7  5px;
    background-color: #DFEFF4;
    font-size: smaller;
    padding-top: 0px;

}
.InputFormHeader {
  margin-left: 15px;
  margin-right: 0px;
  margin-top: 10px;
  text-align: center;
  width: 90%;
    background-color: white;
    border-top: solid silver 1px;
    border-left: solid silver 1px;
    border-right: solid silver 1px;
}

.InputForm TEXTAREA {
  width: 100%;
}


a.asterisk {
  text-decoration: none;
}

/* ------- DEBUGGING styles ----------
table {
  border: solid black 1px;
  margin: 2px;
}

div {
  border: solid red 1px;
  margin: 2px;
}

 ---------END OF DEBUGGING STYLES ---- */


/* ADMIN STYLES */

BODY.Admin
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: lavenderblush;
    MARGIN: 0px;
}

BODY.Admin TABLE.topbar 
{
  background-color: pink;
}
BODY.Admin DIV.BottomBar TABLE
{
  background-color: pink;
}
BODY.Admin INPUT {
  background: none;
  border: solid silver 1px;
  width: 20em;
}
BODY.Admin H1 INPUT {
  
  font-size: 2ex;
  width: 100%
}
BODY.Admin TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  height: 6.5em;
}