/* ********************* CSS DROP DOWN MENU *********************************** */
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container
{
	margin: 0px 0px 0px 0px;   /* 0px 0 5px 0px; */
	position: relative;
	width: 100px; /* was 104px 840px; SET MENU WIDTH*/
	height: 10px;
	z-index: 5;
	/*z-index:100;*/
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {
	padding:0; 
	margin:0px; 
	list-style-type: none;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {
	display:block;
	width:100px;   /* 103px */
	/*font-family:"Comic Sans MS"; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00244d;	/* #000000;  */
	height:18px;   /* 25px */
	line-height:18px;   /* 25px */
	text-decoration:none;
	text-align:left;
	text-indent:5px;
	border:1px solid #fff;
	border-width:1px 1px 1px 1px;
	font-weight: normal;   /* bold */
}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {
	border-width:0 1px 1px 1px;
}
#pmenu li a.enclose, #pmenu li a.enclose:visited {
	border-width:1px;
}

/* Set up the list items */
#pmenu li {
	float:left; 
	background:#6495ED;   /* #6699CC; */
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {
	position:relative;
}
/* Make the hovered list color persist */
#pmenu li:hover > a {
	background:#dfd7ca;   /* #00CCFF; */ 
	color:#000000;   /* #c00; */
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {
	display:none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {
	display:block; 
	position:absolute; 
	top:-8px;     /* -11px  */  
	left:70px; /* 80px; SET POSITION OF FLYOUT BLOCKS */
	padding:10px 30px 30px 30px;   /* was padding:10px 30px 30px 30px;   */
	background:transparent url(transparent.gif); 
	width:120px; /*width: current: 80px  Original: 120px;*/ 
}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {
	left:-30px;  /* 30px  */ 
	top:10px;  /* 10px  */ 
}

/* get rid of the table */
#pmenu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {
	position:relative; 
	background:#ADD8E6;   /* #dfd7ca; */ 
	color:#000000;   /* #c00; */
}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {
	background:#ADD8E6;   /* #dfd7ca; */
	color:#000000;   /* #c00; */
}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {
	background:#6495ED url(../images/fly.gif) no-repeat right center;   /* #6699CC; */
}
#pmenu li.drop {
	background:#6495ED url(../images/drop.gif) no-repeat right center;   /* #6699CC; */
}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:-8px;     /* -11px  */  
	left:80px; 
	padding:8px 30px 30px 30px; 
	background:transparent url(transparent.gif);
}

#pmenu li.drop ul li a {
	/*font-family:"Comic Sans MS"; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-indent:1px;
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
	visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
	visibility:visible; 
	left:-2px;   /* -30px;  */  
	top:5px;  /* 14px;  */ 
	lef\t:-31px; 
	to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
	visibility:visible; 
	top:-5px;   /* -11px;  */  
	left:75px;  /* 80px;  */ 
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

/* Rounded Corner Tests  */

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#fff; margin:0 5px;}
.b2 {height:1px; background:#6495ED; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}    /* #ddd */
.b3 {height:1px; background:#6495ED; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}    /* #ddd */
.b4 {height:2px; background:#6495ED; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}    /* #ddd */
.contentb {background: #6495ED; border-right:1px solid #888; border-left:1px solid #888;}    /* #ddd */
.contentb:hover {background: #ADD8E6; border-right:1px solid #888; border-left:1px solid #888; font-weight:bold; }    /* #fff */
.contentb div {margin-left: 0px; font-size:11px; text-align:center;}    /* 5px */
.contentb div a {margin-left: 0px; font-family:"Comic Sans MS"; font-size:11px; text-align:center; text-decoration:none; color:#000000;}    /* 5px */
.contentb div a:hover {margin-left: 0px; font-family:"Comic Sans MS"; font-size:11px; font-weight:normal; text-align:center;}    /* 5px */

/* End Rounded Corner Tests */

/* CSS from web pages on ATD site */

td img {
 	display: block;
}
H1 {
	font-size: 18pt; 
	color: oooooo; 
	font-family: Comic Sans MS;
}
table.MsoNormalTable{
	mso-style-parent:"";
	font-size:10.0pt;
	font-family:"Times New Roman";
	}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#pic {
	background-color: #FFFFFF;
	/*left: 10px;*/
	right: 10px;
	float:right;
	position: relative;
	top: 10px;
	width: 100px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 80px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 600px;
	/*left: 150px;*/
	left: 150px;
	position: absolute;
	top: -60px;
	width: 600px;
}

table.prodtable tr td a {
	text-decoration:none;
	font-family:"Comic Sans MS";
	font-size:10px;
	color:#000033;
}

table.prodtable tr td a:hover {
	text-decoration:none;
	/*font-family:"Comic Sans MS"; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	color:#0033CC;
}