/* Business_categories.css */

/* Old layout CSS *(/
#firms	{border-color:#848CBD;
		background-color:#7C9083; 
		background-image: url('images/bg_greenFade_2x800.gif');
		background-repeat:repeat-x;}
		
#firms td	{background-color;white; border: 1px ridge #CACAFF; background-image: url('images/grad5_box.jpg')}

/* New layout 2010-10-31 */
/* This MSIE fix allows hover to be done on ALL containers, not just links */
Body {behavior: url(/csshover.htc);z-index:1;} /* WinIE behavior call */

.categoryname   {color: #000080 ; margin:10px 0 0 5px; font:24pt "Comic Sans MS", sans-serif; font-weight: bold;letter-spacing: 2px;background-color: Transparent;
	text-shadow: 2px -2px 2.5px rgba(0, 0, 0, 0.25); }
div.firmbox  {position:relative;
          background-color:#FFF5EE; 
          border-top: 1px ridge black; 
          border-right: 3px ridge silver;
          border-bottom: 3px ridge silver;
          border-left:1px ridge black;
          background-image: url('images/grad5_box.jpg');
          width:485px;
          text-align: left;
          margin-bottom:5px;
          padding:4px;
          z-index:10;}

div.firmbox:hover 	{background-image: url('images/bg_category_list_horiz.jpg');
					/*background-attachment:fixed;
					background-position:center; */
               		background-repeat:repeat-y; 
               		background-color:#ADD8E6 /*lightblue*/;}


div.firmbox:hover    .list{display:block;}

/* this is the categories list that should appear on mouse-over of the main firm box */
div.list-header  {color:#000086 /*darkblue*/;font-size:11pt;font-family:Arial,helvetica,sans-serif;font-weight:bold;
				text-align:center;}

div.list  {background:#ADD8E6 /*lightblue*/ url('images/bg_category_list.jpg') repeat-x fixed center; position:absolute;           
               margin-left:5px;
               padding-left:8px;
               padding-bottom:5px;                          
               border-top:1px ridge black;
               width:225px;
               top:-1px; 
               left:490px;
               display:none;
                z-index:15
}
          
div.list a          {text-align:left;
                    text-decoration:none;
                    font-size:13px;
                    font-family:Arial,helvetica,sans-serif;
                    border:1px solid silver;
                    background-color:#FFFFE0 /*lightyellow*/;
                    color:blue;
                    padding:0;
                    padding-left:3px;
                    margin:0 2px 3px 2px;
                    width:90%;
                    display:block;}
          
div.list a:hover    {                        
                         background-color:blue;
                         color:white;
                         Border:1px solid white;
                         }