body { font-family:arial; font-size:10px; background-color:#333333 }

.tn
{
float:left;
width:200px;
height:250px;
margin: 10px 15px 15px 0;
padding:10px;
text-align:center;
border:#ccccff 1px solid;
}

.green { background-color:#ccffcc}
.green { background-color:#ccffcc }
.blue { background-color:#ccffff }
.orange { background-color:#FF8C00 }
.peach { background-color:#ffffcc }
.pink { background-color:#FFC0CB }
.purple { background-color:#FFE1FF }
.gray { background-color:#EEE8CD }
.red { background-color:#FF6A6A }
.tan { background-color:#D2B48C }
.yellow { background-color:#FFF68F }

dt { font-weight:bold }

table.e	{ border:2px solid #CC9966;
		background-color:#fafafa;
		border-collapse: collapse;
		width:97%;
		margin-left:.2in; }

th.e	{ border-bottom:2px solid #CC9966;
		background-color:#ccff99;
		font-family:verdana, arial;
		font-size:x-small;
		text-align:left;
		padding-left:10px;
		padding-right:10px;
		color:black;
		font-weight:bold; }

th.f	{ border-bottom:2px solid #CC9966;
        border-right:2px solid #CC9966;
		background-color:#ccff99;
		font-family:verdana, arial;
		font-size:x-small;
		text-align:left;
		padding-left:10px;
		padding-right:10px;
		color:black;
		font-weight:bold; }
  
tr.e	{ border-bottom:1px solid #CC9966;
		background-color:#fff2ba; }

td.e	{ background-color:#fafafa;
		font-size:x-small;
		color:black;
		height:25px;
		text-align:left;
		border-bottom:1px solid #CC9966;
		border-right:1px solid #CC9966;
		font-family:verdana;

		padding-left:10px;
		padding-right:10px;
		vertical-align:middle; }
  
/* Title */
table.title { background-image:url('aquarium.jpg'); background-repeat:no-repeat; width:100%}  

/* Body */
div.products { background-color:white; text-align:center; font-weight:bold; width:280px; height:175px }
table.products { width:100% }

table.sales	{ background-color:white; width:100%; border-top: 1px black solid; }
td	        { font-size:small; font-family:arial,sans-serif; vertical-align:top; }

th.toc	{ text-align:center; background-color:#ccffcc; }
th.category	{ text-align:left; background-color:#ccff99; padding-left:10px; padding-right:10px; border: 1px black solid; }
th.mfg	{ text-align:center; background-color:yellow }
th.prod_type { text-align:left; padding-left:10px; background-color:#ccccff }
th.category	{ font-size:small; text-align:left; padding-left:10px; background-image:url('./images/sea_head.jpg') }

td.mid	{ text-align:center; padding-bottom:20px}
td.image	{ text-align:center; width:100px; padding-left:10px }
td.item_no	{ font-size:xx-small; text-align:left; padding:10px; vertical-align:top }
td.desc	{ font-size:x-small; text-align:left; vertical-align:top; padding-left:10px }
td.price	{ font-size:small; text-align:center; padding:10px; vertical-align:top }
td.buy	{ text-align:center; vertical-align:top; padding:10px; }
td.striped	{ background-color:yellow }
td.menu	{ color:black; font-size:small; text-align:right; font-family:arial,sans-serif; font-weight:bold }
td.paragraph { font-size:x-small; padding:20px; background-color:white }

h1		{ color:blue; font-size:24pt; text-align:center; font-family:arial,sans-serif }
p		{ color:black; background:white; font-size:small; text-align:justify; font-family:arial,sans-serif }
p.foot	{ color:gray; background:white; font-size:9pt; text-align:center; font-family:arial,sans-serif; font-weight:bold}
p.outline	{ color:gray; background:#CCCCFF; font-size:small; text-align:center; font-family:arial,sans-serif; border: 1px black solid }
p.indent    { padding-left:50px; padding-right:50px }
p.summary { font-size:x-small;}
div.title	{ color:#ffffff; font-weight:bold; }
div.toc     { font-size:small; width:100%; text-align:center; font-weight:bold; background-color:#ccffff; height:25px; padding:4px; border-bottom: 1px black solid;}
div.paragraph { font-size:x-small; padding:20px; }
div.summary	{ background:aliceblue; border: 1px black solid }
div.foot	{ font-size:x-small; text-align:center; background-color:aliceblue; border: 1px black solid; padding:7px }
li		{ font-size:x-small; font-family:arial,sans-serif }
div.l { margin-left:20px; font-size:x-small; }

span.title { font-weight:bold; color:#ffffff }
span.hl { color:blue; font-size:small; font-weight:bold }

a.outline:link, a.outline:visited, a.outline:active { font-size:x-small; color:black; text-decoration: none }
a.outline:hover { font-size:x-small; color:black; font-weight:bold; text-decoration: none }

a.menu:link, a.menu:visited, a.menu:active { font-size:12px; color:black; text-decoration: none }
a.menu:hover { font-size:12px; color:blue; text-decoration: none }

a.foot:link, a.foot:visited, a.foot:active { color:black; text-decoration: none }
a.foot:hover { color:black; font-weight:bold; text-decoration: none }

a.i:link, a.i:active, a.i:visited, a:hover { color:blue; text-decoration: underline }

a:link, a:visited, a:active { color:blue; font-size:8pt; text-decoration: none }
a:hover	{ color:black; font-size:8-pt; text-decoration: none }

ul.b { list-style-image:url(icon/aquarium_blue.gif);
	margin-left:60px;
	font-size:small;
	font-weight:bold;
	line-height:1.5; }

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 
    font: bold small sans-serif; 
    border: solid 1px;
	background-color:#ffffcc;
}


input.btn{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;
   padding:5px;
   background-color:#fed;
   cursor:hand;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}

input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}
   

/* Menu Navagation */

li.d { border-top:#993399 1px solid; }
div.category { color:black; text-align:center; font-size:12px; font-weight:bold; background-color:#ffcc99; border:black 1px solid; border-style:outset; }
div.heading { color:black; text-align:center; font-size:12px; font-weight:bold; background-color:#ccffcc; padding-left:5px; border-bottom:1px solid black; border-style:outset;  }
div.manuf { color:black; font-size:12px; font-weight:bold; background-color:#ffffcc; border-bottom:1px solid #cccccc; border-style:outset;  }

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 123px; /* Width of Menu Items */
text-align:left;
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 240px; /*sub menu width*/
top: 0;
visibility: hidden;
}

.suckerdiv ul li ul.up{
position: absolute;
width: 240px; /*sub menu width*/
top: -100px;
visibility: hidden;
}

.suckerdiv ul li ul.upup{
position: absolute;
width: 240px; /*sub menu width*/
top: -200px;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: blue;
font-family:arial;
font-weight:bold;
text-decoration: none;
background-color:aliceblue;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: blue;
font-family:arial;
font-weight:bold;
background-color:aliceblue;
}

.suckerdiv ul li a:hover{
background-color:white;
}

.suckerdiv .subfolderstyle{
background:aliceblue url(icon/aquarium_supply_arrow.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */