@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.content {
	background-color: #FFFFFF;
	padding: .5em;
}
.navitem a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.tdMain a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
}
.navitem a:hover {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}
.tdMain a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#footer {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding-top: 0.5em;
}
#footer a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	color: #FFCC00;
	font-weight: normal;
	text-decoration: none;
}
TD.pageHeading, DIV.pageHeading {
	font-size: 14px;
	font-weight: bold;
	color: #1583C3;
	padding-bottom: .5em;
}
a {
	color: #0099FF;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
#colour div {
	color: #666666;
	font-size: 10px;
}
#nav .nav #form1 a {
	color: #0069B3;
	font-size: 11px;
}
#nav .nav #form1 #search input {
	color: #FFFFFF;
	background-color: #9A9A9A;
	border: 1px solid #333333;
	width: 130px;
	margin-left: 3px;
	margin-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 5px;
}
#nav .nav #form1 {
	text-align: center;
}
#nav .nav .style1 {
	padding-left: 15px;
	line-height: 16px;
}

/* Vincent Code Begin: Pop out Menu for loading a tree menu - Relate to /includes/boxes/usercategory.php. */
/* Sample vertical fly-out menu */

/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family:Arial,Verdana;
font-size: 11px;
width:146px; 
margin:0; 
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a column and their position relative so that the fly-out list will appear in the right parallel place for each list item */
.menu ul li {
float:left; 
position:relative; /* to make ul itmes dispaly in a vertical column. */
}

.menu ul li#sub_title {
  display:block;
  text-align:left; 
  text-indent:10px;
  font-weight:bold;
  text-decoration:none; 
  width:146px; 
  height:18px;
  line-height:18px;
  color:#ffffff; 
  background-color:#666666;
}
		
/* style the links to be 220px wide by 38px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited{
display:block; 
text-align:left; 
text-indent:15px;
text-decoration:none; 
width:146px; 
height:18px;
line-height:18px;
color:#000000; 
/*border:1px solid #fff;*/
background-color:#ffffff;
/**background-image:url(BrickMart_images/category_bg.gif);
background-position:top center;
background-repeat:repeat-x;
line-height:18px; **/
}
/* make the second level fly-out ul invisible */
.menu ul li ul {
	display: none;
	background-color:#cccccc;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
	color:#000000;
	text-indent:15px;
	background:#ffcc00;
}
/* make the second level ul visible and position it parallel the main menu list item */
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0px; 
	left:146px; 
	width:146px;
	border:#000000 1px solid;
	background:#999999;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block;
margin-left:2px;
margin-right:2px;
margin-top:1px;
margin-bottom:1px;
background-color:#ffffff;
border:#000000 1px solid;
width:140px; 
/*background-image:url(BrickMart_images/category_bg.gif);
background-position:top center;
background-repeat:repeat-x;*/
text-indent: 3px;
color:#000000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover{
background:#1583c3;
text-indent: 3px;
color:#fff;
}

/* make the third level fly-out ul invisible */
.menu ul li:hover ul ul{
	display: none;
}
/* make the third level menu ul visible and position it parallel the main menu list item */
.menu ul li li:hover ul {
	display:block; 
	position:absolute; 
	top:0px; 
	left:146px; 
	width:146px;
}

/* make the fourth level fly-out ul invisible */
.menu ul li:hover ul ul ul{
	display: none;
}
/* make the fourth level menu ul visible and position it parallel the main menu list item */
.menu ul li li li:hover ul {
	display:block; 
	position:absolute; 
	top:0px; 
	left:146px; 
	width:146px;
}


<!--[if lte IE 6]>
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */

/* Get rid of any default table style */
table {
	border-collapse:collapse;
	margin:0; 
	padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide&#44; .menu ul li a:visited.hide {
	display:none;
	background-color:#ffffff;
	background-image:url(BrickMart_images/category_bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	text-indent: 15px;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#000000;
text-indent: 15px;
background:#ffcc00;
}
/* make the sub menu ul visible and position it parallel the main menu list item */
.menu ul li a:hover ul {
display:block; 
position:absolute;
background-color:#ccccccc;
top:0px; 
left:146px; 
width:146px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background-color:#1583c3;
/*background-image:url(BrickMart_images/category_bg.gif);
background-position:top center;
background-repeat:repeat-x;*/
text-indent: 3px;
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
background:#1583c3;
text-indent: 3px;
color:#fff;
}
<![endif]-->

/* Vincent Code Begin: Pop out Menu for loading a tree menu - Relate to /includes/boxes/usercategory.php. */