/* aaa_cat_list_v.css
The styles in this sheet are used to setup the collapsible categories in the left 
navigation as well as the special categories and the full catmap template.
--------------------------------------------------------------------------*/

/*Main Category List - Priority numbers between 2 and 9999
----------------------------------------------------------*/
ul#catListV,ul#catListV li,ul#catListV ul {
width: 195px; /* Menu Width */
margin: 0px;
list-style: none;
border-collapse:collapse;
}
ul#catListV  {
border-right:1px solid #0c3b30;
}
ul#catListV li { 
float: left; 
position: relative;  
width: 100%; 
height:26px; 
}
ul#catListV li.hideCat { 
display:none;
}
ul#catListV li.iehover { 
z-index: 1000;  
}
ul#catListV ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}
ul#catListV:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* Root Menu */
ul#catListV a {
  padding: 0 6px;
  display: block;
  color: #ffffff;
  background:url('cat_list_v1.png') top left repeat-x;
  font: 12px/24px arial, verdana, sans-serif;
  border-top:1px solid #0c3b30;
  border-bottom:1px solid #7d9791;
  font-weight:bolder;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*ie hack*/
}

/* Root Menu Hover Persistence */
ul#catListV a:hover,ul#catListV li:hover a,ul#catListV li.iehover a {
background:url('cat_list_v2.png') top left repeat-x;
border-bottom:1px solid #0c3b30;
border-top:1px solid #7d9791;
border-left:1px solid #0c3b30;
}

/* 2nd Menu */
ul#catListV li:hover li a,ul#catListV li.iehover li a {
float: none;
background:url('cat_list_v1.png') top left repeat-x;
border-top:1px solid #0c3b30;
border-bottom:1px solid #7d9791;
border-left:1px solid #0c3b30;
border-right:1px solid #0c3b30;
color:#ffffff;
text-decoration:none;
}

/* 2nd Menu Hover Persistence */
ul#catListV li:hover li a:hover,ul#catListV li:hover li:hover a,ul#catListV li.iehover li a:hover,ul#catListV li.iehover li.iehover a {
background:url('cat_list_v2.png') top left repeat-x;
border-bottom:1px solid #0c3b30;
border-top:1px solid #7d9791;
border-left:1px solid #0c3b30;
}

/* 3rd Menu */
ul#catListV li:hover li:hover li a,ul#catListV li.iehover li.iehover li a {
float: none;
background:url('cat_list_v1.png') top left repeat-x;
border-top:1px solid #0c3b30;
border-bottom:1px solid #7d9791;
border-left:1px solid #0c3b30;
border-right:1px solid #0c3b30;
color:#ffffff;
text-decoration:none;
}

/* 3rd Menu Hover Persistence */
ul#catListV li:hover li:hover li a:hover,ul#catListV li:hover li:hover li:hover a,ul#catListV li.iehover li.iehover li a:hover,ul#catListV li.iehover li.iehover li.iehover a {
background:url('cat_list_v2.png') top left repeat-x;
border-bottom:1px solid #0c3b30;
border-top:1px solid #7d9791;
border-left:1px solid #0c3b30;
border-right:1px solid #0c3b30;
}

/* Hover Function - Do Not Move */
ul#catListV li:hover ul ul,ul#catListV li:hover ul ul ul,ul#catListV li.iehover ul ul,ul#catListV li.iehover ul ul ul { display: none; }
ul#catListV li:hover ul,ul#catListV ul li:hover ul,ul#catListV ul ul li:hover ul,ul#catListV li.iehover ul,ul#catListVul li.iehover ul,ul#catListV ul ul li.iehover ul { display: block; }

span.morecats {clear:none; display:inline; position:absolute; margin:0px; padding:0px; top:0px;right:5px; z-index:100000;}
span.morecats { font:16px/24px arial, verdana, sans-serif; color: #ffffff; height:auto !important; }

#catListVBot  { 
width:196px;
height:20px;
background:url('cat_list_v3.png') top right no-repeat;
}
#catListVBot a:link, #catListVBot a:visited  { 
padding: 0 6px;
display: block;
color: #ffffff;
font: 12px/20px arial, verdana, sans-serif;
font-weight:bolder;
text-decoration: none;
height: auto !important;
height: 1%; /*ie hack*/
}
#catListVTop  { 
width:195px;
height:10px;
background:url('cat_list_v1.png') top left repeat-x;
border-bottom:1px solid #7d9791;
border-right:1px solid #0c3b30;
border-top:1px solid #0c3b30;
}
#catListVHead  { 
width:196px;
height:26px;
background:url('cat_list_v4.png') top right no-repeat;
border-bottom:1px solid #7d9791;
}
#catListVHead h3  { 
font-size:14px;
line-height:26px;
color:#ffffff;
text-align:center;
}

/*Special Category List - Priority numbers greater than or equal to 10000
----------------------------------------------------------*/
.catSpecial_1  {
     width:170px;
     height:197px;
     float:left;
     display:inline;
     margin:15px 0px 0px 15px;
     background:url('tile_cat_bg.png') top left no-repeat;
}
div.catSpecial_1:hover  { 
     background:url('tile_cat_bg_hover.png') top left no-repeat;
} 
.catSpecial_1 img  { /*  aaa_ie6.css  */
     display:block;
     margin:10px auto;
     max-height:150px;
     max-width:150px;
}
.catSpecial_1 p  { 
     text-align:center;
     margin:0px 0px 10px 0px;     
}
.catSpecial_1 a:link, .catSpecial_1 a:visited  { 
     color:#333333;
     font-size:11px;
     font-weight:bold;
     text-decoration:none;
}
.catSpecial_1 a:hover  { 
     text-decoration:underline;
} 

/*catmap template to display all categories with subcategories
----------------------------------------------------------*/
.mapTree  { 
     width:745px;
     clear:both;
     position:relative;
     margin:22px 0px;         
}
.mapTreeTop  { 
     width:745px;
     height:30px;
     background:url('catmap_top.gif') bottom left no-repeat;
}
.mapTreeMid  { 
     width:743px;
     border-left:1px solid #6c6c6c;
     border-right:1px solid #6c6c6c;
     padding-top:5px;
     background:url('catmap_mid.gif') bottom left repeat-x;
}
.mapTreeMid:after  { 
     clear: both;
     display: block;
     font: 1px/0px serif;
     content: ".";
     height: 0px;
     visibility: hidden;
}
.mapTreeBot  { 
     width:745px;
     height:10px;
     background:url('catmap_bot.gif') top left no-repeat;
}
.mapTreeTitle_1, .mapTreeTitle_2, .mapTreeTitle_3  { 
     float:left;
     display:inline;
} 
.mapTreeTitle_1, .mapTreeTitle_3  { 
     width:10px;
     height:30px;
}
.mapTreeTitle_1  { 
     background:url('catmaptitle_1.gif') top left no-repeat;
     margin-left:15px;
}
.mapTreeTitle_2  { 
     background:url('catmaptitle_2.gif') top left repeat-x;
}
.mapTreeTitle_3  {
     background:url('catmaptitle_3.gif') top left no-repeat; 
}
.mapTreeTitle_2 a:link, .mapTreeTitle_2 a:visited  { 
     font-size:14px;
     line-height:30px;
	 color:#333333;
	 font-weight:bold;
     text-decoration:none;
}
.mapTreeTitle_2 a:hover  { 
     text-decoration:underline;
}
.mapTreeLink  { 
     width:242px;
     float:left;
     display:inline;
     position:relative;
     margin:2px 0px 2px 4px;     
}
.mapTreeLink a:link, .mapTreeLink a:visited  { 
     font-size:13px;
	 color:#6c6c6c;
     text-decoration:none;
}
.mapTreeLink a:hover  { 
     text-decoration:underline;
}

/* User Added styles to be added to the approriate stylesheets at a later time
---------------------------------------------------------------------------------*/