/* 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;
    /*background-color: #b8b8b0;*/
   /* font-size: 10px;*/
}

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

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

ul.AspNet-Menu li
{
    list-style: none;
    float: left;
}
ul.AspNet-Menu ul li {
	/*background-color: #b8b8b0;*/
}
ul.AspNet-Menu ul ul li {
	/*background-color: #a0a097;*/
}
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}
ul.AspNet-Menu li a
{
    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: 23px;

}
ul.AspNet-Menu ul ul {
	top: 0px;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
	position: absolute;
	top: 0px;
    visibility: hidden;
}


ul.AspNet-Menu li:hover ul ul ul
{
	visibility: hidden;
}

ul.AspNet-Menu li
{
    height: 21px;

}
* html ul.AspNet-Menu#DesignToolsMenu li
{
	 height: 18px;
	 width: 75px;
}
ul.AspNet-Menu#ProductMenu li {
	 width: 50px;
}
ul.AspNet-Menu#ProductMenu li span {
	width: 50px;
}
* html ul.AspNet-Menu#InstallationsMenu li span {
	width: 70px;
}
ul.AspNet-Menu ul li {
	width: 100%;
    height: 19px;
}
* html ul.AspNet-Menu#DesignToolsMenu ul li {
	height: 15px;
}
ul.AspNet-Menu ul ul li {
	height:17px;
}

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#InstallationsMenu ul ul {
	position: absolute;
    left: 80px;
}
.AspNet-Menu li /* all list items */
{
	font-family: 'Helvetica Light', Arial;
	font-size: 13px;
	font-weight: bold;
	color:  black;
	cursor: pointer;
}
.AspNet-Menu ul li {
	font-family: Arial;
	
	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 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 2px 0px 3px;
    /*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 2px 0px 3px;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}


.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}
.AspNet-Menu li.AspNet-Menu-Leaf a
{
    background-image: none !important;
}
 .AspNet-Menu ul li:hover a:hover {
	color:#ffcc66;
	
}
 .AspNet-Menu ul li:hover {
	
	color:#ffcc66;	
}

/* Styles for the DesignTools and Products Menus */


}

 .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;*/
}


 .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a

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


 .AspNet-Menu li:hover li:hover li:hover span

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


 .AspNet-Menu li:hover li:hover li:hover a

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


 .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span

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


 .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a

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


 .AspNet-Menu li:hover li:hover span

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


 .AspNet-Menu li:hover li:hover a

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


div .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div .AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div .AspNet-Menu li:hover li:hover li span
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div .AspNet-Menu li:hover li:hover li a
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div .AspNet-Menu li.AspNet-Menu-Hover li span
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div .AspNet-Menu li.AspNet-Menu-Hover li a
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div .AspNet-Menu li:hover li span
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div .AspNet-Menu li:hover li a
{
    color: white;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}
div ul a:hover{
	color: white;
}

div ul a{
	color: white;
}

div ul ul span{
	color: white;
}
/* Styles for the Installations menu */
ul#InstallationsMenu ul li {
	display: block;
	font-size:8pt;
}

ul#InstallationsMenu ul ul li {
	width: 100%;
    height: 17px;

}
ul#DesignToolsMenuMain ul {
	/*These items should be narrower than the images they fly over*/
	width: 405px;
	top:47px;
	background-color:black;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;

}
.ie7 .menu ul#DesignToolsMenuMain ul{
	left:-121px;
}
.ie8 .menu ul#DesignToolsMenuMain ul{
	left:-121px;
}

.ie6 .menu ul#DesignToolsMenuMain ul {
	left:-121px;
}
.gecko .menu ul#DesignToolsMenuMain ul {
	left:-121px;
}
.safari .menu ul#DesignToolsMenuMain ul {
	left:-121px;
}
ul#DesignToolsMenuMain ul li {
	width: 140px !important;
	padding-left: 120px;
	font-weight:400 !important;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt !important;

}
ul#DesignToolsMenuMain ul ul {
	background: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;

	left: 250px;
	top: 0px !important;
	width: 140px;
}




.ie7 .menu ul#DesignToolsMenuMain ul ul {
	left:250px;
}
.ie8 .menu ul#DesignToolsMenuMain ul ul {
	left:250px;
}

.ie6 .menu ul#DesignToolsMenuMain ul ul {
	left:250px;
}
.gecko .menu ul#DesignToolsMenuMain ul ul {
	left:250px;
}
ul#DesignToolsMenuMain ul li span a {
	padding: 0px 0px 0px 0px;
}
ul#DesignToolsMenuMain ul ul li {
	color:white !important;
	position: relative;
	width: 140px !important;
	font-weight: 400 !important;
	padding-right:100px;
	padding-left:0px !important;
	font-size:8pt;
	font-family: Arial, Helvetica, sans-serif;

} 
ul#DesignToolsMenuMain ul ul li a {
	color: white !important;
	position: relative !important;
	font-weight: 400 !important;
	
}
ul#DesignToolsMenuMain ul li a:hover {
	color:#ffcc66;
}
ul#DesignToolsMenuMain ul li span:hover {
	color:#ffcc66;
}
ul#DesignToolsMenuMain ul ul li a:hover {
	color:#ffcc66 !important;
}
ul#DesignToolsMenuMain ul ul li span:hover {
	color:#ffcc66 !important;
}



ul#ProductMenu ul {
	/*set to a few pixels less than the width of the table cell
	to prevent the flyout from covering the white spacer*/
	width: 405px;
	left:-21px;
	top:47px;
	background-color:black;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}
ul#ProductMenu ul li {
	padding-left:20px;
	color:white !important;
	width:291px !important;
	font-weight: 400 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;

}
ul#ProductMenu ul li span:hover {
	color:#ffcc66;
}
ul#ProductMenu ul li a:hover {
	color:#ffcc66;
}
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%;
}

li.AspNet-Menu-WithChildren ul{
	/*make sure all of the first-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	/*background-color:#b8b8b0;*/
	height:290px;
}
li.AspNet-Menu-WithChildren ul ul{
	/*make sure all of the first-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	/*background-color:#a0a097;*/
	height:290px;

}
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:290px;
	/*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.*/
	left:-227px;
	top:47px;
	width:405px !important;
	background-color:black;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}
.ie7 .menu ul#InstallationsMenu ul{
	left:-241px;
}
.ie8 .menu ul#InstallationsMenu ul{
	left:-241px;
}

.gecko .menu ul#InstallationsMenu ul {
	left:-241px;
}
.safari .menu ul#InstallationsMenu ul {
	left:-241px;
}
ul#InstallationsMenu ul li a {
	text-align:left;
	padding-left:245px;
	color: white !important;
}
ul#InstallationsMenu ul li a:hover {
	color:#ffcc66 !important;
}
ul#InstallationsMenu ul li span:hover {
	color:#ffcc66 !important;
}
* html 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:213px;
	/*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:81px !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:211px;
	/*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:211px;
	/*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;
}
* html ul#DesgnToolsMenu 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:230px;
	/*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:130px !important;
}
* html ul#ProductMenu ul {
	/*make sure all of the second-level flyouts reach all the way
	down to the whitespace in the middle of the image*/
	height:213px;
	/*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;
}
li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul{
	background-color: transparent;
}



/* Styles for the Main Contact Us Menu*/
ul#ContactUsMenu li {
	color:  #5f5f5f;
	height: 12px;
	padding-top:0px;
	background-color:transparent;
	vertical-align:text-top;
}
ul#ContactUsMenu ul {
	left:-3px;
	top:20px;
	width:600px;
	height:10px;
}
.gecko ul#ContactUsMenu ul li span.Email {
	padding-left: 60px;
	width:200px;
	cursor:pointer;
}
.ie7 ul#ContactUsMenu ul li span.Email {
	padding-left: 60px;
	width: 200px;
	cursor:pointer;
}
.ie8 ul#ContactUsMenu ul li span.Email {
	padding-left: 60px;
	width: 200px;
	cursor:pointer;
}

.safari ul#ContactUsMenu ul li span.Email {
	padding-left: 60px;
	width: 200px;
	cursor:pointer;
}
.ie6 ul#ContactUsMenu ul li span.Email {
	width: 100px;
	cursor:pointer;
}
.gecko ul#ContactUsMenu ul li span.Info {
	padding-left: 30px;
	width:120px;
	cursor:pointer;
}
.ie7 ul#ContactUsMenu ul li span.Info {
	padding-left: 30px;
	width: 120px;
	cursor:pointer;
}
.ie8 ul#ContactUsMenu ul li span.Info {
	padding-left: 30px;
	width: 120px;
	cursor:pointer;
}

.safari ul#ContactUsMenu ul li span.Info {
	padding-left: 30px;
	width: 100px;
	cursor:pointer;
}
.ie6 ul#ContactUsMenu ul li span.Info {
	width: 120px;
	cursor:pointer;
}

ul#ContactUsMenu {
	top:0px;
}
ul#ContactUsMenu li {
	font-family: Arial ;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
ul#ContactUsMenu 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#ContactUsMenu ul li {
	padding-left:1px;
	padding-right:3px;
	padding-bottom:1px;
	text-align: left;
	width: 95px;
	height: 18px;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666 !important;
	text-decoration: none;
}
ul#ContactUsMenu ul li a {
	color: #666666 !important;

}
ul#ContactUsMenu ul li span {
	color: #666666 !important;
}
ul#ContactUsMenu ul div {
	height:100%;
}
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 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 {
}
.AspNet-Menu#ContactUsMenu span {
	padding: 0px 0px 0px 0px;
}





/* Styles for the Main About Us Menu */
ul#AboutUsMenu li {
	height: 12px;
	padding-top:0px;
	background-color:transparent;
	vertical-align:text-top;
	width:60px;
}
ul#AboutUsMenu ul {
	left:-2px;
	top:20px;
	width:800px;
	height:20px;
}
ul#AboutUsMenu {
	top:0px;
}
ul#AboutUsMenu li {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: black;
	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: 70px;
	height: 18px;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666 !important;
	text-decoration: none;
	
}
ul#AboutUsMenu ul li a {
	color: #666666 !important;

}
ul#AboutUsMenu ul li span {
	color: #666666 !important;
}
ul#AboutUsMenu ul div {
	height:100%;
}
ul#AboutUsMenu ul ul {
	top:-1px;
	left: 90px;
	height:150px;
	width:100px;
}
* html ul#AboutUsMenu ul ul {
	top:0px;
	left: 95px;
	height:165px;
	width:100px;
}
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;
	height: 22px;
	width: 95px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
}
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: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#AboutUsMenu ul {
	
}
.AspNet-Menu#AboutUsMenu span {
	padding: 0px 0px 0px 0px;
}



/* Styles for the Main Designer Dialog Menu */
ul#DesignerDialogMenu li {
	color:  #5f5f5f;
	height: 12px;
	padding-top:0px;
	background-color:transparent;
	vertical-align:text-top;
}
ul#DesignerDialogMenu ul {
	left:-1px;
	top:20px;
	width:600px;
	height:10px;
}
ul#DesignerDialogMenu {
	top:0px;
}
ul#DesignerDialogMenu li {
	font-family: Arial ;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
ul#DesignerDialogMenu 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#DesignerDialogMenu ul li {
	padding-left:1px;
	padding-right:3px;
	padding-bottom:1px;
	text-align: left;
	width: 93px;
	height: 18px;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666 !important;
	text-decoration: none;
}
ul#DesignerDialogMenu ul li a {
	color: #666666 !important;

}
ul#DesignerDialogMenu ul li span {
	color: #666666 !important;
}
ul#DesignerDialogMenu ul div {
	height:100%;
}
ul#DesignerDialogMenu ul ul {
	top:-1px;
	left: 90px;
	height:150px;
	width:100px;
	background-color:#737469;
}
* html ul#DesignerDialogMenu ul ul {
	top:0px;
	left: 95px;
	height:165px;
	width:100px;
	background-color:#737469
}
ul#DesignerDialogMenu ul li a {
	padding: 0px 0px 0px 0px;
}
ul#DesignerDialogMenu ul li span {
	padding: 0px 0px 0px 0px;
}
ul#DesignerDialogMenu 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: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
}
ul#DesignerDialogMenu 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#DesignerDialogMenu ul {

}
.AspNet-Menu#DesignerDialogMenu span {
	padding: 0px 0px 0px 0px;
}

.gecko ul#DesignerDialogMenu ul li span.Briefs {
	width:200px;
	cursor:pointer;
}
.ie7 ul#DesignerDialogMenu ul li span.Briefs {
	width: 200px;
	cursor:pointer;
}
.ie8 ul#DesignerDialogMenu ul li span.Briefs {
	width: 200px;
	cursor:pointer;
}
.safari ul#DesignerDialogMenu ul li span.Briefs {
	width: 200px;
	cursor:pointer;
}
.ie6 ul#DesignerDialogMenu ul li span.Briefs {
	width: 200px;
	cursor:pointer;
}

.gecko ul#DesignerDialogMenu ul li span.Xtreme {
	padding-left:15px;
	width:200px;
	cursor:pointer;
}
.ie7 ul#DesignerDialogMenu ul li span.Xtreme {
	padding-left:15px;
	width: 200px;
	cursor:pointer;
}
.ie8 ul#DesignerDialogMenu ul li span.Xtreme {
	padding-left:15px;
	width: 200px;
	cursor:pointer;
}
.safari ul#DesignerDialogMenu ul li span.Xtreme {
	padding-left:15px;
	width: 200px;
	cursor:pointer;
}
.ie6 ul#DesignerDialogMenu ul li span.Xtreme {
	padding-left:15px;
	width: 200px;
	cursor:pointer;
}

.gecko ul#DesignerDialogMenu ul li span.Social {
	padding-left:30px;
	width:200px;
	cursor:pointer;
}
.ie7 ul#DesignerDialogMenu ul li span.Social {
	padding-left:30px;
	width: 200px;
	cursor:pointer;
}
.ie8 ul#DesignerDialogMenu ul li span.Social {
	padding-left:30px;
	width: 200px;
	cursor:pointer;
}
.safari ul#DesignerDialogMenu ul li span.Social {
	padding-left:30px;
	width: 200px;
	cursor:pointer;
}
.ie6 ul#DesignerDialogMenu ul li span.Social {
	padding-left:30px;
	width: 200px;
	cursor:pointer;
}


/* Styles for the Main Government Contracts menu. */
ul#GCMap li {
	color:  #5f5f5f;
	height: 12px;
	padding-top:0px;
	background-color:transparent;
	vertical-align:text-top;
}
ul#GCMap li span:hover {
	cursor:pointer;
}
ul#GCMap ul {
	left:0px;
	top:20px;
	width:800px;
	height:10px;
}
ul#GCMap {
	top:0px;
}
ul#GCMap li {
	font-family: Arial ;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
ul#GCMap 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#GCMap ul li {
	padding-right:3px;
	text-align: left;
	width: 20px;
	vertical-align: middle;
	height: 22px;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666 !important;
	text-decoration: none;
}

.gecko ul#GCMap ul li span.GSA {
	padding-left: 15px;
	width:100px;
	cursor:pointer;
}
.ie7 ul#GCMap ul li span.GSA {
	padding-left: 15px;
	width: 100px;
	cursor:pointer;
}
.ie8 ul#GCMap ul li span.GSA {
	padding-left: 15px;
	width: 100px;
	cursor:pointer;
}
.safari ul#GCMap ul li span.GSA {
	padding-left: 15px;
	width: 100px;
	cursor:pointer;
}
.ie6 ul#GCMap ul li span.GSA {
	width: 100px;
	cursor:pointer;
}

.gecko ul#GCMap ul li span.Florida {
	padding-left: 10px;
	width:100px;
	cursor:pointer;
}
.ie7 ul#GCMap ul li span.Florida {
	padding-left: 10px;
	width: 100px;
	cursor:pointer;
}
.ie8 ul#GCMap ul li span.Florida {
	padding-left: 10px;
	width: 100px;
	cursor:pointer;
}
.safari ul#GCMap ul li span.Florida {
	padding-left: 10px;
	width: 100px;
	cursor:pointer;
}
.ie6 ul#GCMap ul li span.Florida {
	width: 100px;
	cursor:pointer;
}
.gecko ul#GCMap ul li span.Georgia {
	padding-left: 22px;
	width:100px;
	cursor:pointer;
}
.ie7 ul#GCMap ul li span.Georgia {
	padding-left: 22px;
	width: 100px;
	cursor:pointer;
}
.ie8 ul#GCMap ul li span.Georgia {
	padding-left: 22px;
	width: 100px;
	cursor:pointer;
}

.safari ul#GCMap ul li span.Georgia {
	padding-left: 22px;
	width: 100px;
	cursor:pointer;
}
.ie6 ul#GCMap ul li span.Georgia {
	width: 100px;
	cursor:pointer;
}
.gecko ul#GCMap ul li span.Ohio {
	padding-left: 10px;
	width:200px;
	cursor:pointer;
}
.ie7 ul#GCMap ul li span.Ohio {
	padding-left: 10px;
	width: 200px;
	cursor:pointer;
}
.ie8 ul#GCMap ul li span.Ohio {
	padding-left: 10px;
	width: 200px;
	cursor:pointer;
}

.safari ul#GCMap ul li span.Ohio {
	padding-left: 10px;
	width: 200px;
	cursor:pointer;
}
.ie6 ul#GCMap ul li span.Ohio {
	padding-left:10px;
	width: 180px;
	cursor:pointer;
}
.gecko ul#GCMap ul li span.NewYork {
	padding-left: 22px;
	width:200px;
	cursor:pointer;
}
.ie7 ul#GCMap ul li span.NewYork {
	padding-left: 22px;
	width: 200px;
	cursor:pointer;
}
.ie8 ul#GCMap ul li span.NewYork {
	padding-left: 22px;
	width: 200px;
	cursor:pointer;
}

.safari ul#GCMap ul li span.NewYork {
	padding-left: 22px;
	width: 200px;
	cursor:pointer;
}
.ie6 ul#GCMap ul li span.NewYork {
	padding-left:22px;
	width: 180px;
	cursor:pointer;
}

.gecko ul#GCMap ul li span.TXMAS {
	padding-left: 95px;
	width:50px;
	cursor:pointer;
}
.ie7 ul#GCMap ul li span.TXMAS {
	padding-left: 95px;
	width: 50px;
	cursor:pointer;
}
.ie8 ul#GCMap ul li span.TXMAS {
	padding-left: 95px;
	width: 50px;
	cursor:pointer;
}

.safari ul#GCMap ul li span.TXMAS {
	padding-left: 95px;
	width: 50px;
	cursor:pointer;
}
.ie6 ul#GCMap ul li span.TXMAS {
	width: 50px;
	cursor:pointer;
}

ul#GCMap ul li a {
	color: #666666 !important;

}
ul#GCMap ul li span {
	color: #666666 !important;
}
ul#GCMap ul div {
	height:100%;
}
ul#GCMap ul ul {
	top:-1px;
	left: 90px;
	height:150px;
	width:100px;
	background-color:#737469;
}
* html ul#GCMap ul ul {
	top:0px;
	left: 95px;
	height:165px;
	width:100px;
	background-color:#737469
}
ul#GCMap ul li a {
	padding: 0px 0px 0px 0px;
}
ul#GCMap ul li span {
	padding: 0px 0px 0px 0px;
}
ul#GCMap 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: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
}
ul#GCMap ul ul li a {
	color:white !important;
}
ul#GCMap ul ul li a:hover {
	color: #daeca1 !important;
	cursor: pointer;
}
ul#GCMap 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#GCMap ul {

}
.AspNet-Menu#GCMap span {
	padding: 0px 0px 0px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

ul#DesignToolsMenuMain ul ul {
	background: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;

	left: 850px;
	top: 0px !important;
	width: 140px;
}
ul#DesignToolsMenuMain ul ul li {
	color:white !important;
	position: relative;
	width: 140px !important;
	font-weight: 400 !important;
	margin-left: 370px;
	font-size:8pt;
	font-family: Arial, Helvetica, sans-serif;

} 

}