/*******************************
Musicnotes.com Styles
Copyright 2008, Musicnotes, Inc.
********************************/
body { margin: 0px; background: #FFF; color: #000; }
a { color: #30669A; }
a:visited { color: #7B92A8 }

img { border: none; }

/* Body Background Pattern */
div.BodyWrap { background:#002A42 url(../images/top_bottom/v2/bg_blue.png) top left repeat-x; margin: 0px;  }
div.BodyWrap2 { background: url(../images/top_bottom/v2/bg_shadow-trans.png) top center repeat-y; margin: 0px; }
table.BodyTable { border: 0px solid #333; border-width: 0px 2px; }

/* Header Background Image (on a Table) */
table.HeaderBG { margin: 0px; padding: 0px; margin-bottom: 0px; background:#999; }
#mnhead { position: relative; height: 125px; width: 774px; background: #FFF url(../images/top_bottom/v2/bg_header.png) top left repeat-x; }

#mnhead .signlinks { font-family: Arial, Sans-serif!important; font-size: 12px; text-align: right; color: #333; padding: 7px 24px 0 0; font-weight: bold;}
#mnhead .signlinks a { color: #333; text-decoration: none; padding: 0 5px; font-weight: normal; }
#mnhead .signlinks a:hover { text-decoration: underline; color: #000; }
#mnhead .signlinks a.viewcart { padding-left: 24px; background: url(../images/top_bottom/v2/cart.png) center left no-repeat; }
#mnhead a.mnlogo { display:block; position: absolute; top: 43px; left: 13px; width: 250px; height: 70px; background: url(../images/top_bottom/v2/mnlogo.jpg) no-repeat; }
#mnhead .mnsearch { position: absolute; top: 42px; right: 23px; height: 70px; }
#mnhead .mnsearch .sleft { float: left; position: relative; height: 70px; width: 214px; background: url(../images/top_bottom/v2/search_left.jpg) no-repeat; }
#mnhead .mnsearch .sleft h2 { position: absolute; top: 25px; left: 67px; font-size: 16px; color: #FFF; font-weight: normal; font-family: Arial, Sans-Serif; margin: 0px; padding: 0px; }
#mnhead .mnsearch .smid { width: 170px; float: left; position: relative; height: 70px; background: url(../images/top_bottom/v2/search_bg.jpg) top left repeat-x;  }
#mnhead .mnsearch .smid #SearchQ { position: absolute; top: 23px; left: 1px;  }
#mnhead .mnsearch .sright { float: left; width: 35px; height: 70px; }
#mnhead #autocomplete .yui-ac-content, #mnhead #autocomplete .yui-ac-shadow { position: absolute; top: 27px; font-family: Arial, Sans-Serif; width: 18em; }
#mnhead #autocomplete {  position:relative; width:15em;/* margin-bottom:1em;*/ }


/* Messed up one px on right for search */
#mnhead, #mnnav, #store_header_dark, #store_header_light, #breadcrumbbox { }

/** The Musicnots MENU *******************/

#mnnav { width: 774px; }
#mnnav, #mnnav ul { /* all lists */
	padding: 0px!important;
	margin: 0px!important;
	list-style: none;
	line-height: 1;
	font: 12px normal Arial,Sans-serif!important;
	z-index: 99!important;
}

#mnnav a { display: block; width: 10em; }

#mnnav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#mnnav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mnnav li ul ul { /* third-and-above-level lists */
	margin: -2.5em 0 0 14em!important;
}

#mnnav li:hover ul ul, #mnnav li.sfhover ul ul {
	left: -999em;
}

#mnnav li:hover ul, #mnnav li li:hover ul, #mnnav li.sfhover ul, #mnnav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* paul top off */
#mnnav ul.top li.off ul { display:none; }

/* ek list edits */
#mnnav ul.top li.top, #mnnav ul.top li.off { padding: 0px!important; width: 85px!important; text-align: center; color: #000; border-left: 1px solid #666; line-height: 2.6em; background: #999 url(../images/top_bottom/v2/menu_bg.png) top left repeat-x;}
#mnnav ul.top li.active, #mnnav ul.top li.activeoff { background: #BEBEBE url(../images/top_bottom/v2/menu_bg_activelight.png) top left repeat-x; }/* Change _activelight to _active and color back to 929D00 to get back to green */
#mnnav ul.top li.top:hover, #mnnav ul.top li.sfhover { background: #555 url(../images/top_bottom/v2/menu_bg_hover.png) top left repeat-x; }
#mnnav ul.top li.top a { width: 85px!important; color: #000; font-weight: bold; text-decoration: none; /* background: url(../images/top_bottom/v2/arrow_menu.png) 38px 23px no-repeat; */ }
#mnnav ul.top li.top:hover a, #mnnav ul.top li.sfhover a { color: #FFF; }
#mnnav ul.top li.first { border-left: none!important; width: 85px!important; }

#mnnav ul.top li.off:hover { color: #000; background: #999 url(../images/top_bottom/v2/menu_bg.png) top left repeat-x; }
#mnnav ul.top li.off:hover a { color: #000; }
#mnnav ul.top li.activeoff:hover { color: #FFF; background: #929D00 url(../images/top_bottom/v2/menu_bg_hover.png) top left repeat-x; }/* Change _hover to _active to get back to green */

/* Drop down */
#mnnav ul.top li.top ul { width: 14em!important; background: #222 url(../images/top_bottom/v2/menu_drop_bg.png) top left repeat-x; padding: 0px 0px 20px 0px!important; }
#mnnav ul.top li.top ul li { background-image: none; padding: 0px; margin: 0px; width: 14em!important; text-align: left; border-top: 1px solid transparent; }
#mnnav ul.top li.top ul li.more, #mnnav ul.top li.top ul li.more:hover { background: url(../images/top_bottom/v2/menu_more_arrow.png) center right no-repeat!important; }
#mnnav ul.top li.top ul li.more:hover { background-color: #000!important; border-top: 1px solid #929D00!important; }
#mnnav ul.top li.top ul li:hover, #mnnav ul.top li.top ul li.sfhover, #mnnav ul.top li.top ul li.more:hover { background-color: #000!important; }

#mnnav ul.top li.top ul li a { color: #FFF!important; width: 14em!important; padding: 7px 20px 7px 10px; font-weight: normal!important; background-image: none; }

/* Fly out */

#mnnav ul li ul li ul { background: #000!important; border-top: 1px solid #929D00; }
#mnnav ul.top li.top ul li ul li { border-top: none; }
#mnnav ul.top li.top ul li ul li:hover, #mnnav ul.top li.top ul li ul li.sfhover { background-color: #696969!important; border-top: none!important; }
#mnnav ul li ul li ul li a { font-size: 11px!important; background-image: none!important;}
#mnnav ul.top li.top ul li ul li a { width: 13em!important; }

/** End Menu ******/

td.sitenote { text-align: center; height: 28px; background: #F7F7F7; }
td.sitenote .headerfont { font: 12px normal Arial, Sans-serif; color: #162B3C; }

div.clear { clear: both; border: 0px!important; }


/* For the two title areas above the main content */
table.SubTitles { border-bottom: 2px solid #000; padding: 8px 10px; }
span.SubTitles { font-size: 12px; color: #1B242A; padding: 0 5px; font-family: Tahoma, Arial, Sans-serif; }
span.floatleft { float:left; }
span.floatright { float:right; }


/* Footer things */
#mnfooter { width:100%; background: #FFF url(../images/top_bottom/v2/footer_shadow.png) top left repeat-x; font: 11px normal Verdana, Arial, Sans-serif; }
#mnfooter .thefoot { width: 778px; background: url(../images/top_bottom/v2/footer_bg_black.png) no-repeat; margin: 0px auto; }
	#mnfooter .thelinks { color: #FFF; text-align: center; line-height: 90px;  }
	#mnfooter .thelinks a { color: #FFF; text-decoration: none; }
	#mnfooter .thelinks a:hover { text-decoration: underline; }
	#mnfooter .therest { font-size: 12px; margin: 0 0 50px 0; }
	#mnfooter .therest a:hover { text-decoration: none; }
#mnfooter span.YourCountry { width: 30%; float: right; margin: 0 15px 0 0; text-align: right; }
	#mnfooter span.YourCountry strong { display: block; padding: 0 0 5px 0; }
#mnfooter span.Affiliate { text-align: left; width: 30%; float: left; margin: 0 0 0 15px; }
#mnfooter span.Copyright { font-size: 11px; color: #888; }

div.server { font: 11px normal Arial, Sans-serif; color: #6B93B9; text-align: center; }

#mnfooter div.joinus { margin: 0 0 10px 0; }
#mnfooter div.joinus img { border: 0; }


/* Hats */
.coupon_hat { width: 100%; height: 30px; margin: 0px; padding: 0px; background: url(../images/features/promo/sale/coupon_hat_bg.png) top left repeat-x; }
a.coupon_hat { display: block; width: 100%; height: 30px; margin: 0px; padding: 0px; cursor: pointer; }
.coupon_hat .left { height: 30px; width: 57px; background: url(../images/features/promo/sale/coupon_hat_left.png) no-repeat; float: left; }
.coupon_hat .text { height: 30px; width: 661px; background: url(../images/features/promo/sale/coupon_hat_text.png) no-repeat; float: left; }
.coupon_hat .all { height: 30px; width: 718px;  }

/* unitip css */
#unitip { position: absolute; z-index: 1000; top: -1000px; color: #fff;	font: normal normal 12px Arial, Helvetica, sans-serif; display: none; }
#unitippoint, #unitipmid, #unitipcap { position: relative; top: 0px; left: 0px;	width: 145px; display: block; }
#unitippoint { background: url(../images/tooltip/TipPoint.png) no-repeat; height: 19px; overflow: hidden; }
#unitipmid { background: url(../images/tooltip/TipMid.png) repeat; width: 115px; height: auto; padding: 5px 15px; }
#unitipcap { background: url(../images/tooltip/TipCap.png) no-repeat; height: 7px; overflow: hidden; }