/* Style the menu and position list items */
ul.mainMenu {
	position: relative;
	clear: both;
	z-index: 4002;
}
ul.mainMenu li { float: right; list-style-type: none; }

/* Style and position links and images in second level list items */
ul.mainMenu li a {
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	color: #666;
}
ul.mainMenu li a:hover {
	color: #7b001d;
	background: none;
}


/* Position and style second level lists and items */
ul.mainMenu ul { border: 5px solid #7b001d; display: none; left: 4px; position: absolute; right: 0; top: 25px; /* Hide until parent list item is hovered on */ }

/* ul.mainMenu ul.nh { width: 360px;left:-47px; } */
ul.mainMenu ul.nh { width: 540px;left:-47px; }
/* ul.mainMenu ul.yd { width: 720px;left:-220px; } */
ul.mainMenu ul.yd { width: 900px;left:-407px; }
/* ul.mainMenu ul.kh { width: 720px;left:-220px; } */
ul.mainMenu ul.kh { width: 900px;left:-407px; }
/* ul.mainMenu ul.ht { width: 360px;left: 137px; } */
ul.mainMenu ul.ht { width: 540px;left:-47px; }
ul.mainMenu ul.nl { width: 800px;left:-47px; }

ul.mainMenu ul li#drop-bt { width: 97%;border-top: 1px solid #ccc;padding: 10px;background-color: #fff !important; }
ul.mainMenu ul li#drop-bt a { text-transform: none !important;font-weight: normal !important;background: none !important;color: #666 !important;padding: 0 10px;border-right: 1px solid #ccc; }
ul.mainMenu ul li#drop-bt a:hover { background: none !important;color: #7b001d !important;text-decoration: underline !important; }

ul.mainMenu ul li { padding: 0; }
ul.mainMenu ul li:last-child { border: 0; }
ul.mainMenu ul li.title {
	float: none; /* Remove parent float setting */
	padding: 6px 10px;
	border: 0; /* Remove parent border setting */
	font-size: 11px;
	font-weight: bold;
}
/*
ul.mainMenu ul img { height: 125px; width: 125px;padding-left: 10px; }
*/
/*ul.mainMenu ul span { display: block; }*/
ul.mainMenu ul a { background: #fff; font-size: 12px; font-weight: bold; text-align: left; }
ul.mainMenu ul { background: #fff; }
ul.mainMenu ul ul { background: none !important; }



#navigation ul.mainMenu li .nav-hd ul { border:none; bottom:0px; left:0px; display:block; position: relative; right:0px; text-transform:none; top:0px; }
#navigation ul.mainMenu li .nav-hd ul li { /*display:block;*/ list-style:none; }
#navigation ul.mainMenu li .nav-hd a { /*display:inline;*/ text-transform:none; }



ul.mainMenu ul a:hover { background: #fff; }
/*ul.mainMenu ul a img { opacity: .7; border: 0; }
ul.mainMenu ul a:hover img { opacity: 1; }*/

/* When hovering over a list item link show the more info div */
ul.mainMenu ul a:hover span.moreinfo { display: block; }




/* Position and style the more info div 
ul.mainMenu ul span.moreinfo {
	display: none;
	width: 275px;
	position: absolute;
	bottom: -25px;
	left: 12px;
	padding: 6px 10px;
	background: #fff;
	text-align: left;
	font-weight: normal;
}*/

/* Rounded corners */
ul.mainMenu li a { -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; }
ul.mainMenu #close-menu a, ul.mainMenu div.bottom-row a { -webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; }

/*
ul.mainMenu ul { 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
*/


/* IE6 FIXES */
ul.mainMenu li,
ul.mainMenu li a { _float:left; _display: inline; }

ul.droppage { position:relative; }
#navigation ul.droppage li { /*background: none !important;*/ border:0px; margin:0px; padding:1px 0px; width:140px; }

ul.droppage td { background: #eae5d1 url(/Yardsmarts/Resources/YardSmarts/pics/shared/nav-bg.jpg) top left no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; margin:0; padding:0; vertical-align:top; }


/*
#navigation ul.droppage li { background: none !important; border:0px; margin:0px; padding:0px; width:200px; }
*/
/*#navigation ul.droppage li li { padding:0px; }*/
#navigation ul.droppage li:hover { /*background: none !important;*/ }

#navigation .nav-hd { /*clear:both; float:right;*/  /*height:160px;*/ margin:0; padding: 0 0px; text-align:left !important; width:178px; vertical-align:top; }
#navigation .nav-hd a { background: none  !important; font-weight:normal; }
#navigation .nav-hd h6 a { color: #7b001d !important; display:block; font-weight:bold; font-size:14px; line-height:16px; margin: 10px 20px;  }
#navigation .nav-hd ul { padding: 15px 20px; width:140px; }
#navigation .nav-hd li a { text-transform:none; color: #7b001d !important; font-size: 1em !important; font-weight:normal; padding: 2px 0; vertical-align:center; }
#navigation .nav-hd a:hover { color: #111 !important;background: none !important; }
/*#navigation .nav-hd ul {}*/
#navigation .nav-hd li { border:0 solid #fff; padding:0; }

.fader { float:left; width:145px; background: #fff url(/Yardsmarts/Resources/YardSmarts/pics/shared/scroller-box-bg.jpg) 32px left repeat-x; padding: 12px;margin: 1px 0 0 5px; }
.fader a { text-transform: none !important;font-weight: normal !important;background: none !important;color: #666 !important;line-height: 1.75em;font-size: 0.9em !important; }
.fader a:hover { background: none !important;color: #7b001d !important;text-decoration: underline !important; }

#close-menu { /*float: right;*/ height:18px; overflow:hidden; padding: 5px 5px 0 0; position:absolute; right:0px; text-indent: -5000px; top:0px; white-space:nowrap; width:18px; z-index:100; }
#close-menu a { background: transparent url(/Yardsmarts/Resources/YardSmarts/pics/shared/close.png) no-repeat left top !important;float: right;height:18px;width: 18px;text-indent: -5000px; }
#close-menu a:hover { background-position: 0 -18px !important; }

#navigation ul.mainMenu div.bottom-row { background-color:#fff !important; background-image:none !important; }
#navigation ul.mainMenu div.bottom-row a { background-color:#fff !important; background-image:none !important; border-right:1px solid #999; color:#999 !important; display:block; font-weight:normal; margin:5px 0; padding:2px 20px; text-transform:none; }
#navigation ul.mainMenu div.bottom-row a:hover { background-color:#fff !important; background-image:none !important; color:#7b001d !important; }