/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    position: relative;
    font-size: 10px;
}

ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
}

ul.AspNet-Menu li
{
    list-style: none;
    float: left;
    background-color: white;
}
ul.AspNet-Menu ul li {
	background-color: #b8b8b0;
}
ul.AspNet-Menu ul ul li {
	background-color: #a0a097;
}
ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}
*:first-child+html ul.AspNet-Menu ul /* IE 7 */
{
    position: absolute;
    visibility: hidden;    
}
ul.AspNet-Menu ul {
	position: absolute;
    visibility: hidden;
    top: 22px;

}
ul.AspNet-Menu ul ul {
	top:0px;
	height:207px;
}

ul.AspNet-Menu li:hover ul ul ul
{
	visibility: hidden;
}
ul.AspNet-Menu li {
	width:100%
}
ul.AspNet-Menu#DesignToolsMenu li
{
    width: 132px;
}
ul.AspNet-Menu#ProductMenu li {
	 width: 155px;
}
ul.AspNet-Menu#ProductMenu li span {
	width: 153px;
}
ul.AspNet-Menu#InstallationsMenu li {
	width:85px;
}
ul.AspNet-Menu ul li {
	width: 100%;
    height: 23px;
}
ul.AspNet-Menu#DesignToolsMenu ul li {
	height: 20px;
}
ul.AspNet-Menu#DesignToolsMenu ul ul li {
	height:18px;
}
ul.AspNet-Menu#ProductMenu ul li {
	width: 100%;
    height: 20.5px;
}
ul.AspNet-Menu ul ul li {
	width: 100%;
	height: 18.5px;
}
ul.AspNet-Menu /* Tier 1 */
{
    width: 100%; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
}
ul.AspNet-Menu ul ul { /* Firefox */
	position: absolute;
	width: 160px;
	
}
ul#DesignToolsMenu ul ul {
	position: absolute;
    left: 132px;
    
}
ul#DesignToolsMenu ul {
	height:207px;
	background-color:#b8b8b0;
}
ul#DesignToolsMenu ul li {
	height: 20px;
	width:132px;
}
ul#DesignToolsMenu ul ul li {
	height: 18px;
}
* html ul#DesignToolsMenu ul ul {
	position: absolute;
    left: 130px;

}
* html ul#DesignToolsMenu ul li {
	height: 23px;
}
* html ul#DesignToolsMenu ul ul li {
	height: 19px;
}
ul#InstallationsMenu ul ul {
	position: absolute;
    left: 87px;
}
.AspNet-Menu li /* all list items */
{
    width: 14px;
	font-family: Corbel, Arial;
	font-size: 14px;
	font-weight: bold;
	color:  #5f5f5f;
}
.AspNet-Menu ul li {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
}
.AspNet-Menu ul li:hover { /*background color for second level*/
	background-color: #b8b8b0;
}
.AspNet-Menu ul ul li:hover {/*background color for third level*/
	background-color: #a0a097;
}
.AspNet-Menu li.AspNet-Menu-Leaf a, /* leaves */
.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}
 .AspNet-Menu ul li:hover,
 .AspNet-Menu ul li:hover a:hover,
 .AspNet-Menu ul li:hover span:hover {
	color: white;

	
}
/* Styles for the DesignTools and Products Menus */
 .AspNet-Menu li:hover li:hover a,
 .AspNet-Menu li:hover li:hover span,
 .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
 .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
 .AspNet-Menu li:hover li:hover li:hover a,
 .AspNet-Menu li:hover li:hover li:hover span,
 .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
 .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

{
    color: white;
   /* background: transparent url(activeArrowRight.gif) right center no-repeat;*/
}

div .AspNet-Menu li:hover li a, /* the tier above this one is hovered */
div .AspNet-Menu li:hover li span,
div .AspNet-Menu li.AspNet-Menu-Hover li a,
div .AspNet-Menu li.AspNet-Menu-Hover li span,
div .AspNet-Menu li:hover li:hover li a,
div .AspNet-Menu li:hover li:hover li span,
div .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
div .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span,
{
    color: black;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div ul a, 
div ul a:hover,
div ul ul span{
	color: black;
}
ul#InstallationsMenu ul li {
	width: 100%;
	height: 18px;
}
ul#InstallationsMenu ul ul li {
	width: 100%;
    height: 18px;
}
ul#DesignToolsMenu ul {
	width: 132px;
	height: 207px;
}
ul#DesignToolsMenu ul ul {
	width: 140px;
}
ul#ProductMenu ul {
	width: 155px;
}
ul#ProductMenu ul {
	background-color:#b8b8b0;
	height:207px;
}
ul#InstallationsMenu ul{
	/*make sure all of the second-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	background-color:#b8b8b0;
	height:207px;
	/*conceptually, I want the div that sits underneath this ul to have a height of 100%,
	so it blends in with the ul. that didn't seem to work, so I'm giving the ul the same
	width as the div instead.*/
	width:87px !important;
}
ul#InstallationsMenu li.AspNet-Menu-WithChildren ul  ul{
	/*make sure all of the second-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	background-color:#a0a097;
	height:207px;
	/*conceptually, I want the div that sits underneath this ul to have a height of 100%,
	so it blends in with the ul. that didn't seem to work, so I'm giving the ul the same
	width as the div instead.*/
	width:110px !important;
}
ul#InstallationsMenu li.AspNet-Menu-WithChildren ul ul div{
	/*make sure all of the second-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	background-color:#a0a097;
	height:207px;
	/*conceptually, I want the div that sits underneath this ul to have a height of 100%,
	so it blends in with the ul. that didn't seem to work, so I'm giving the ul the same
	width as the div instead.*/
	width:110px !important;
}

ul#DesignToolsMenu li.AspNet-Menu-WithChildren ul ul{
	/*make sure all of the second-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	background-color:#a0a097;
	height:220px;
	/*conceptually, I want the div that sits underneath this ul to have a height of 100%,
	so it blends in with the ul. that didn't seem to work, so I'm giving the ul the same
	width as the div instead.*/
	width:132px !important;
}

.AspNet-Menu span
{
   /*set the bottom padding to 0 to get the top level items as close to the flash
   movie as possible. set the top padding to 5 to maintain a seamless transition
   between the top level item and the sub items.*/
    padding: 5px 0px 0px 3px;
    cursor: pointer;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}

.AspNet-Menu a
{
   /*set the bottom padding to 0 to get the top level items as close to the flash
   movie as possible. set the top padding to 5 to maintain a seamless transition
   between the top level item and the sub items.*/
    padding: 5px 0px 0px 3px;
    cursor:pointer;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
.AspNet-Menu li.AspNet-Menu-WithChildren span:hover
{
	/*Set the color of the top level Menu items when they are hovered over.*/
    color: #999999;
   /* background: transparent url(activeArrowRight.gif) right center no-repeat;*/
}







/* Styles for the sub navigation menus (About Us) in the lfi.master page. */
ul#AboutUsMenu li {
	color:  #5f5f5f;
	height: 12px;
	padding-top:0px;
	background-color:transparent;
	vertical-align:text-top;
}
ul#AboutUsMenu li span:hover {
	color: #999999;
}
a.SubDynamicHoverStyle {
	color: black;
}
ul#AboutUsMenu ul {
	border-style:solid;
	border-color:#737469;
	border-width:1px;
	left:10px;
	top:10px;
	width:94px;
	height:150px;
	background-color:white;
}
ul#AboutUsMenu {
	top:0px;
}
ul#AboutUsMenu li {
	font-family: Georgia, "Times New Roman", Times, Serif ;
	font-size: 9px;
	font-weight: bold;
	color: #5f5f5f;
	text-decoration: none;
}
ul#AboutUsMenu span.AspNet-Menu-NonLink{
	/*This was to help maintain a seamless transition from 
	the top level element to the flyouts*/
	/*TODO: This throws off any non-link elements inside the
	flyouts a little bit*/
	height:100%;
}
ul#AboutUsMenu ul li {
	padding-left:1px;
	padding-right:3px;
	padding-bottom:1px;
	text-align: left;
	width: 90px;
	height: 18px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 9px;
	font-weight: bold;
	color: #808080 !important;
	text-decoration: none;
	background-color:white;
}
ul#AboutUsMenu ul li span {
	background-color: white;
}
ul#AboutUsMenu ul ul li span {
	background-color:#737469;
}
ul#AboutUsMenu ul li a {
	color: #808080 !important;

}
ul#AboutUsMenu ul li span {
	color: #808080 !important;
}
ul#AboutUsMenu ul li span:hover{
	color: black !important;
}
ul#AboutUsMenu ul li a:hover {
	color: black !important;
}
ul#AboutUsMenu ul div {
	height:100%;
}
ul#AboutUsMenu ul ul {
	top:-1px;
	left: 90px;
	height:150px;
	width:100px;
	background-color:#737469;
}
* html ul#AboutUsMenu ul ul {
	top:0px;
	left: 95px;
	height:160px;
	width:100px;
	background-color:#737469;
}
ul#AboutUsMenu ul li a {
	padding: 0px 0px 0px 0px;
}
ul#AboutUsMenu ul li span {
	padding: 0px 0px 0px 0px;
}
ul#AboutUsMenu ul ul li {
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:2px;
	color:white !important;
	background-color:#737469;
	height: 18px;
	width: 95px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
}
ul#AboutUsMenu ul ul li a {
	color:white !important;
}
ul#AboutUsMenu ul ul li span {
	color: white !important;
}
ul#AboutUsMenu ul ul li span:hover {
	color: #daeca1 !important;
	cursor: pointer;
}
ul#AboutUsMenu ul ul li a:hover {
	color: #daeca1 !important;
	cursor: pointer;
}
ul#AboutUsMenu li.AspNet-Menu-WithChildren ul ul div{
	/*make sure all of the second-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	/*background-color:white;*/
	height:207px;
	/*conceptually, I want the div that sits underneath this ul to have a height of 100%,
	so it blends in with the ul. that didn't seem to work, so I'm giving the ul the same
	width as the div instead.*/
	width:90px;
}
.AspNet-Menu#AboutUsMenu span {
	padding: 0px 0px 0px 0px;
}



ul#ContactUsMenu li {
	color:  #5f5f5f;
	height: 12px;
	padding-top:0px;
	background-color:transparent;
	vertical-align:text-top;
}
ul#ContactUsMenu li span:hover {
	color: #999999;
}
ul#ContactUsMenu ul {
	border-style:solid;
	border-color:#737469;
	border-width:1px;
	left:10px;
	top:10px;
	width:97px;
	height:80px;
}
ul#ContactUsMenu {
	top:0px;
}
ul#ContactUsMenu li {
	font-family: Georgia, "Times New Roman", Times, Serif ;
	font-size: 9px;
	font-weight: bold;
	color: #5f5f5f;
	text-decoration: none;
}
ul#ContactUsMenu ul li {
	padding-left:1px;
	padding-right:3px;
	padding-bottom:1px;
	text-align: left;
	width: 93px;
	height: 18px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 9px;
	font-weight: bold;
	color: #808080 !important;
	text-decoration: none;
	background-color:white;
}
ul#ContactUsMenu ul li a {
	color: #808080 !important;

}
ul#ContactUsMenu ul li span {
	color: #808080 !important;
}
ul#ContactUsMenu ul li span:hover{
	color: black !important;

}
ul#ContactUsMenu ul li a:hover {
	color: black !important;
}
ul#ContactUsMenu ul ul {
	top:-1px;
	left: 90px;
	height:150px;
	width:100px;
	background-color:#737469;
}
* html ul#ContactUsMenu ul ul {
	top:0px;
	left: 95px;
	height:165px;
	width:100px;
	background-color:#737469
}
ul#ContactUsMenu ul li a {
	padding: 0px 0px 0px 0px;
}
ul#ContactUsMenu ul li span {
	padding: 0px 0px 0px 0px;
}
ul#ContactUsMenu ul ul li {
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:2px;
	color:white !important;
	background-color:#737469;
	height: 22px;
	width: 95px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
}
ul#ContactUsMenu ul ul li a {
	color:white !important;
}
ul#ContactUsMenu ul ul li a:hover {
	color: #daeca1 !important;
	cursor: pointer;
}
ul#ContactUsMenu li.AspNet-Menu-WithChildren ul ul div{
	/*make sure all of the second-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	background-color:transparent;
	height:207px;
	/*conceptually, I want the div that sits underneath this ul to have a height of 100%,
	so it blends in with the ul. that didn't seem to work, so I'm giving the ul the same
	width as the div instead.*/
	width:90px;
}
ul.AspNet-Menu#ContactUsMenu ul {
	background-color: white;
}
.AspNet-Menu#ContactUsMenu span {
	padding: 0px 0px 0px 0px;
}