/* -- For DNN 4 & Above for http://www.skincovered.com --*/
/* -- Designed by Nina Meiers - http://www.xd.com.au  --*/
/* -- Please leave this header intact but feel free to add your own modifications --*/

.TabList { float:left; horizontal-align:center; }
.TabList ul { margin:0; list-style:none; display: inline; }
.TabList li { float:left; margin:0; display: inline; padding:0;}
.TabList li a { font-family:Tahoma,San-Serif; font-size:14px; voice-family: "\"}\""; voice-family:inherit; line-height:normal;  }

select.TabList {border-left: #003366 1px solid; border-right: #003366 1px solid; border-top:  #003366 1px solid; border-bottom: #003366 1px solid; background-color: #fff; color:#000; font-weight:normal; font-size:120%; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#glossymenu {list-style-type: none; margin: 2px 0; padding: 0; width: 200px; border: 1px solid #a40000; border-right:0px; border-bottom-width: 0; }
#glossymenu ul li{position: relative;}

#glossymenu li a{ width: 190px; 
    text-align:left;
    background: white url(GlossyV/glossyback.gif) repeat-x bottom left; 
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
    color: #fff; 
    display: block;  
    padding: 8px 0px 8px 10px; 
    text-decoration: none; }
* html #glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 200px; }
#glossymenu li a:visited, .glossymenu li a:active{ color:#fff; }
#glossymenu li a:hover{ background-image: url(GlossyV/glossyback2.gif);}

#glossymenu ul li ul { /* second-level lists */
	z-index:999;
	/*width:11em;*/
	width:200px;
  display:block;
	position:absolute;
	padding:0px;
	top:0;
	/*left:200px;*/
	left: -999em;
	margin:0;
	background:#e1e1e1;
	border:1px solid #cccccc;
}

#glossymenu li ul li{
/*position:absolute;
top:0;
left:200px;
*/

width:100%;
margin-right:0;
text-align:left; 



}


#glossymenu li ul li a{line-height:1.1em; padding:5px 0 5px 10px; margin:0; font-weight:normal;}
#glossymenu li ul li a:hover{padding:5px 0 5px 10px; color:#666; background:url(images/.jpg) #fff; }
#glossymenu li ul li:hover{background:#fff;}
#glossymenu ul li:hover ul{left:200px;top:0px;}





#glossymenu li li a:hover {}


#glossymenu li a.SelectedTab {
    font-size:1.12em;
    color:#8dc63f;
}
#glossymenu .DisabledTab {color:#8dc63f;}
/* no need to change these hover classes 
unless you need more than 4 levels */
#glossymenu li:hover ul ul,
#glossymenu li:hover ul ul ul,
#glossymenu li:hover ul ul ul ul,
#glossymenu li.iehover ul ul,
#glossymenu li.iehover ul ul ul,
#glossymenu li.iehover ul ul ul ul{
  left: -999em;
}

#glossymenu li:hover ul, 
#glossymenu li.iehover ul {
	
	top:0px;
	left:200px;
	
}
#glossymenu li li:hover ul,
#glossymenu li li li:hover ul,
#glossymenu li li.iehover ul,  
#glossymenu li li li.iehover ul {
	top: -40px;
	left:10.0em;

}