/* $Id: mainmenu.css,v 1.13 2009-04-06 21:00:36 tycheng Exp $ */

#header {
	border-bottom : 1px solid #d6d6d6;
}

#header-logo {}
#header-logo-promo-partner {}

#main-menu {
	display : block;
	clear : both;
	background: url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/bg-menu.gif) repeat-x;
	height : 34px;
	width : 969px;
	border-left : 1px solid #dbdbdb;
	border-top : 1px solid #dcdcdc;
}

#main-menu li {
	float : left;
	height : 34px;
	width : auto;
	_padding-top:1px;
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) repeat-x 0px -265px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) repeat-x 0px -265px;
	border-left : 1px solid #DBDBDB;
}
#main-menu li:hover {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) repeat-x 0px -419px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) repeat-x 0px -419px;
}

#main-menu li.last { }
#main-menu li.bonus { width:2px; }
#main-menu li.right { float : right; }
#main-menu li.right .cntcts { padding-right:15px; }
#main-menu li.right .call-number {
	border-left:1px solid #CCCCCC;
	color:#666666;
	display:inline-block;
	font-weight:normal;
	padding-left:15px;
}

#main-menu li a {
	display : block;
	font-family : arial;
	font-weight : bold;
	font-size : 13px;
	color : #753E82;
	text-decoration : none;
	padding: 9px 15px 8px 15px;
}
#main-menu li.active { 
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) repeat-x 0px -342px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) repeat-x 0px -342px;
}
#main-menu li.active a { 
	color : #FFFFFF;
}
#main-menu li.active a:hover {
	color : #753E82;
}
#main-menu li a:hover {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) repeat-x 0px -419px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) repeat-x 0px -419px;
}
#main-menu li.right:hover {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) repeat-x 0px -265px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) repeat-x 0px -265px;
}


#main-menu li.home { width: 53px; }
#main-menu li a#home {
	margin: 6px 0 0 16px; padding: 0;
	_margin-top: 7px;
	overflow:hidden;text-indent:-8000em; /* hides background text */
	height:30px; line-height:34px; /* needs height to make clickable in IE6 */
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) no-repeat 0px -137px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) no-repeat 0px -137px;
}
#main-menu li.active a#home {
	margin: 6px 0 0 16px; padding: 0;
	_margin-top: 7px;
	overflow:hidden;text-indent:-8000em; /* hides background text */
	height:30px; line-height:34px; /* needs height to make clickable in IE6 */
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) no-repeat 0px -177px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) no-repeat 0px -177px;
}


#main-menu li.hasModal {
	position : relative; /* prevents blowout on sub-mouseover*/ 
}
#main-menu li.hasModal a { padding-right:30px; }
#main-menu li:hover {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) repeat-x 0px -419px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) repeat-x 0px -419px;
}
#main-menu li:hover a {
	color : #753E82;
}

#main-menu li.hasModal div.dropdownindicator { 
	position:absolute; right:12px; bottom:11px;
	width:10px; height: 8px;
	overflow:hidden; text-indent:-8000em; 
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) no-repeat 0px -216px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) no-repeat 0px -216px;
}
#main-menu li.active div.dropdownindicator {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) no-repeat 0px -240px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) no-repeat 0px -240px;
}
#main-menu li.active:hover div.dropdownindicator {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.png) no-repeat 0px -216px;
	_background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_sprite_04.gif) no-repeat 0px -216px;
}

/* modal drop-downs on hover until click */

#main-menu li.right .modal-menu {
	right:0; /* builds out from right margin */
}

#main-menu .modal-menu {
	position:absolute; /* keeps menu item from resizing */
	background : white;
	border: 1px solid #CFCFCF;
}
#main-menu .modal-menu .hd { /* modal header is permanently removed */
	display: none;
}

#main-menu .modal-menu .bd {
	line-spacing: 1em;
	white-space:nowrap;
	margin: 0; padding: 0; border: 0;
	height:auto; /* was 168px; */
	width:auto;
	/* ie6 blowout fix: _width:575px; */
} 

#main-menu .modal-menu li {
	display: block; float: none;
	margin: 0; padding: 0; border: 0;
	height:auto; width:auto;
	background: none;
	list-style-position: outside; list-style-type: none;  /* nb this affects IE<8 a lot */
	overflow: visible; 
	_height: 10px;
}
#main-menu .modal-menu div.dropdownindicator { background: none;
	margin: 0; padding: 0; border: 0;
	position:absolute; width:0; height: 8px;
	text-indent: -10000px; overflow: hidden; 
}



/* the menu-column is the core element of the drop-down layout */
#main-menu .modal-menu .menu-column {
	top:0;
	display:inline-block;
	margin: 0; padding: 0; border: 0;
	border-left:1px solid #CCCCCC;
	margin-top:10px;
	vertical-align:text-top;
	overflow: hidden;
	height: auto; /* was 150px; */
	width: 141px;
	white-space: nowrap;
}
#main-menu .modal-menu .first {
	border-left:none;
}

#main-menu .modal-menu li.depth1 {
	font-family: arial; font-size: 11px; font-weight: normal; color: #666666;
	margin: 0; padding: 0; border: 0;
}

/* check mainmenu.js for more depth2 item formatting */
#main-menu .modal-menu li.depth2 {
	font-family: arial; font-size: 11px; font-weight: normal; color: #666666;
	margin: 0; padding: 0; border: 0;
}

#main-menu .modal-menu a {
	font-family: arial; font-size: 11px; font-weight: normal; color: #0077AA;
	background: none;
	text-decoration: none;
}

#main-menu .modal-menu a:hover {
	font-family: arial; font-size: 11px; font-weight: normal; color: #0077AA;
	background: none;
	text-decoration: underline;
}

#main-menu .modal-menu .depth1 a {
	font-family: arial; font-size: 11px; font-weight: normal; color: #0077AA;
	background: none;
	text-decoration: none;
	margin: 0; padding: 0; border: 0;
	margin-left: 10px;
	margin-bottom: 6px;
	_height:11px;
	*margin-bottom: 5px;
}
#main-menu .modal-menu .depth1 a:hover {
	font-family: arial; font-size: 11px; font-weight: normal; color: #0077AA;
	background: none;
	text-decoration: underline;
	margin-left: 10px;
	margin-bottom: 6px;
	_height:11px;
	*margin-bottom: 5px;
}

#main-menu .modal-menu .depth2  a {
	font-family: arial; font-size: 11px; font-weight: normal; color: #0077AA;
	background: none;
	text-decoration: none;
	margin: 0; padding: 0; border: 0;
	margin-left: 10px;
	margin-bottom: 6px;
	_height:11px;
	*margin-bottom: 5px;
}
#main-menu .modal-menu .depth2 a:hover {
	font-family: arial; font-size: 11px; font-weight: normal; color: #0077AA;
	background: none;
	text-decoration: underline;
	margin-left: 10px;
	margin-bottom: 6px;
	_height:11px;
	*margin-bottom: 5px;
}

/* check mainmenu.js for dropshadow provisioning */
#main-menu .modal-menu .dropshadow {
	height:3px; overflow:hidden; position:absolute; margin:1px; width:100%; background:#000; -moz-opacity:0.10; opacity:.10; filter:alpha(opacity=10);
}