/* ================================
    CSS STYLES FOR Everything Foam Company Inc.
    v1.0, 09/2004
   ================================
*/   


a:link {  color: #FFFFFF; font-family: Verdana; font-size: 12px; text-decoration: none;}
a:visited {  color: #FFFFFF; font-family: Verdana; font-size: 12px; text-decoration: none;}
a:active {  color: #FFFFFF; font-family: Verdana; font-size: 12px; text-decoration: none;}
a:hover {  color: #FFFFFF; font-family: Verdana; font-size: 12px; text-decoration: underline;}

/* Verdana is the standard Font */
font,th,td,p, h1, h2 { 
	font-family: Verdana, Helvetica, sans-serif; 
	color:#FFFFFF;
	font-size: 12px;
}

INPUT.btn, select.btn, textarea.btn, text.btn {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   padding:2px 2px 2px 2px;
   margin: 0px 2px 0px 10px;

   color: #ffffff;
   border:solid 1px #875486;   
   background-color: #652464;
}
.button, A.button:link, A.button:active, A.button:visited   {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 14px;
   color: #A680A5;
}
A.button:Hover {
   color: #FFFFFF;
}

INPUT.search, select.search, textarea.search, text.search  {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   margin: 2px 6px 2px 6px;
   padding: 2px 2px 2px 2px;
   color: #ffffff;
   border:solid 1px #875486;   
   background-color: #652464;
}
.small  {
    font-size: 9px;
    text-decoration:    none;
    font-weight: none;
    color:#DBCCDB;
}
INPUT.small {
   border:solid 1px #875486;   
   background-color: #652464;

}

 


.big, A.big:link, A.big:active, A.big:visited {
    font-size: 20px;
    text-decoration:   none;
    font-weight: 	none;
}
A.big:hover {
    text-decoration:    underline;
}

.bold, A.bold:link, A.bold:active, A.bold:visited {
    font-size: 11px;
    font-weight: 	bold;
    background-color: rgb(78,100,23);
}

.boldnb, A.boldnb:link, A.boldnb:active, A.boldnb:visited {
    font-size: 11px;
    font-weight: 	bold;
}


.med, A.med:link, A.med:active, A.med:visited {
    font-family: Verdana; 
    font-size: 14px;
    text-decoration:   none;
    font-weight: 	bold;
}

A.med:hover {
    text-decoration:    none;
    background-color: rgb(100,130,30);
}

.bid, A.bid:link, A.bid:active, A.bid:visited {
    font-family: Verdana; 
    font-size: 20px;
    text-decoration:   none;

}
A.bid:hover {
    text-decoration:    none;
    background-color: rgb(100,130,30);
}


.smallmed {
    font-family: Verdana; 
    font-size: 11px;
    text-decoration:   none;
}

A.smallmed:link, A.smallmed:active, A.smallmed:visited {
    font-weight: 	bold;
}

A.smallmed:hover {
    text-decoration:    none;
    background-color: rgb(100,130,30);
}

.mid, A.mid:link, A.mid:active, A.mid:visited {
    font-size: 14px;
    text-decoration:   none;
    font-weight: 	none;
}

A.mid:hover {
    text-decoration:    underline;
}




.dim {
    text-decoration:    none;
    font-weight: none;
    color:#DBCCDB;
}

A.dim, A.dim:active, A.dim:visited {
    text-decoration:    none;
    font-weight: bold;
    color: #FFFFFF;
}

A.dim:hover   {
    text-decoration:    none;
    background-color: rgb(100,130,30);
}


.watermark, A.watermark:link, A.watermark:active, A.watermark:visited {
    font-size: 10px;
    text-decoration:    none;
    font-weight: 	none;
    color:#A680A5;
}

A.watermark:hover   {
    text-decoration:    underline;
    color: #FFFFFF;
}

.header1, A.header1:link, A.header1:active, A.header1:visited, A.header1:hover {
    font-size: 24px;
    text-decoration:    underline;
    font-weight: 	bold;
    color:#FFFFFF;
}

h1 {
    font-size: 24px;
    text-decoration:    none;
    font-weight: 	bold;
    color:#FFFFFF;
}
.header2, A.header2:link, A.header2:active, A.header2:visited, A.header2:hover {
    font-size: 18px;
    text-decoration:    none;
    font-weight: 	bold;
    color:#FFFFFF;
}
h2 {
    font-size: 18px;
    text-decoration:    none;
    font-weight: 	bold;
    color:#FFFFFF;
}
.head1{
	cursor:hand;
      cursor:pointer;
      width: 424px;
      padding: 3px;
      font-size: 120%;
      font-weight: bold;
      border: 1px solid rgb(124,160,38);
      background-color: rgb(100,130,30);
      margin: 5px 0px 0px 0px

}

.content1{
     width: 360px;
     padding:10px;
  //   border: 1px dashed rgb(124,160,38);
     border-top-width: 0;
     border-bottom-width: 0;
     border-right-width: 0;
  //    background-color: rgb(74,0,66);
      margin: 0px 0px 0px 0px
}

.head2{
	cursor:hand;
      cursor:pointer;
      width: 400px;
      padding: 5px;
      margin: 5px 0px 0px 0px;
      font-size: 120%;
      font-weight: bold;
      border: 1px solid rgb(120,60,120);
      background-color: rgb(100,36,100);

}

.content2{
	 
     width: 370px;
     padding: 10px;
     margin: 0px 0px 10px 10px;
     border: 1px dashed rgb(120,60,120);
     border-top-width: 0;
	 background-color: rgb(82,10,82);

}


.head{
	cursor:hand;
      cursor:pointer;
      width: 424px;
      padding: 3px;
      margin:4px;
      font-size: 120%;
      font-weight: bold;
      border: 1px solid rgb(124,160,38);
      background-color: rgb(100,130,30);

}



/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none;} 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin:2px; padding-left:15px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../gif/minus.gif)  top left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../gif/plus.gif)   top left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../gif/bullet.gif) top left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { 
 		font-size: 	12pt;

	}
	ul.mktree  li ul li { 
		font-size: 12pt; 

	}
	ul.mktree  li ul li ul li { 
		font-size: 12pt; 
		
	}
	ul.mktree  li ul li ul li ul li { 
		font-size: 12pt; 

	}


		
}
</style>