body, body div, body p, body th, body td, body li, body dd, body dt {font-family: Verdana, Arial,  sans-serif; font-size: 10px; font-style: normal; color: #333333; text-decoration: none;}




a:link            {
	color: #333333;
	font-family: Verdana, Arial,  sans-serif;
	font-size:10px;
	text-decoration: none;
}

a:active         { color: #333333; font-size:10px; font-family: Verdana, Arial,  sans-serif; text-decoration: none;}
a:visited        { color: #333333; font-size:10px; font-family: Verdana, Arial,  sans-serif; text-decoration: none;}
a:hover         { color: #000000; text-decoration: none; font-size:10px; font-family: Verdana, Arial,  sans-serif; text-decoration: underline;}

H1         {color: #000000; text-decoration: none; font-size:12px; font-family: Verdana,  Arial, Helvetica,  sans-serif; font-weight:bold; margin-bottom:0}
H2         {color: #666666; font-size:10px; font-weight:normal; margin-bottom:0;}


.glossymenu{
margin: 0px 0;
padding: 0;
width: 180px; /*width of menu*/
}

.glossymenu a.menuitem{
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 7px;
padding-right:14px;
text-decoration: none;
text-decoration: none;
color: #333333;
font-weight:normal;
background-color: #ffffff;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
background-color: #ffffff;
color: #333333;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 4px;
right: 4px;
border: none;
}

.glossymenu a.menuitem:hover{
background-color: #E8E8E8;
text-decoration:underline;
border-left: 1px solid #000000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
padding-top:2px;
border-bottom: 1px solid #CCCCCC;
background-color: #ffffff;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0px;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #ffffff;
}

.glossymenu div.submenu ul li a{
display: block;
padding: 4px 0;
padding-left: 7px;
text-decoration: none;
color: #000000;
background-color: #E8E8E8;
border-left: 1px solid #986998;
}

.glossymenu div.submenu ul li a:hover{
background-color: #E5BDE5;
}



#category1 ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% verdana, arial, sans-serif;
}

#category1 li a{
display: block;
padding: 4px 0;
padding-left: 7px;
width: 180px; /*180px minus all left/right paddings and margins*/
text-decoration: none;
color: #333333;
font-weight:normal;
background-color: #ffffff;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

#category1 li a:hover {
background-color: #E8E8E8;
text-decoration:underline;
border-left: 1px solid #000000;
}

#category2 ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% verdana, arial, sans-serif;
}

#category2 li a{
display: block;
padding: 4px 0;
padding-left: 9px;
width: 180px; /*180px minus all left/right paddings and margins*/
text-decoration: none;
color: #333333;
background-color: #ffffff;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

#category2 li a:hover {
background-color: #E8E8E8;
text-decoration:underline;
}

#late ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% verdana, arial, sans-serif;
}

#late li a{
display: block;
padding: 4px 0;
padding-left: 7px;
width: 180px; /*180px minus all left/right paddings and margins*/
text-decoration: none;
color: #CC3333;
font-weight:bold;
background-color: #ffffff;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

#late li a:hover {
color: #ffffff;
background-color: #CC3333;
text-decoration:none;
border-left: 1px solid #CC3333;
}


A.white	{color: #ffffff; text-decoration:none;}
A.white:hover {color:#ffffff; text-decoration:underline;}

A.checkout	{color: #CC0033; text-decoration:none; line-height: 12px;}
A.checkout:hover {color:#000000; text-decoration:underline;}

A.listall	{color: #666666; text-decoration:none}
A.listall:visited	{color: #666666; text-decoration:none}
A.listall:hover {color:#999999; text-decoration:none;}

option {background-color: #ffffff; font-size: 10px; color:#333333;}
option.one {background-color: #ffffff; color:#333333;}
option.two {background-color: #EBEBEB; color:#333333;}
