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

img { border: none; }

/* Reg Mark */
.Reg, .KkplAltReg { display: inline!important; font-size: x-small; vertical-align: super; padding: 0px!important;}
/* 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; }

.BodyWrap{ /* background:#FFF!important; background-image:url(../images/top_bottom/parch250d.png)!important; background-repeat: repeat!important; */ }

/* 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 .smid .sipad { display: block; position: absolute; bottom: 3px; left: 2px; height: 13px; line-height: 18px; }
#mnhead .mnsearch .smid .sipad input { margin: 3px 0 0 0!important; }
#mnhead .mnsearch .smid small { display:block; position: absolute; bottom: 2px; left: 2px; }
#mnhead .mnsearch .smid small a { text-decoration:none; } #mnhead .mnsearch .smid small a:hover { color: #000; }
#mnhead .mnsearch .sright { float: left; width: 35px; height: 70px; }
#mnhead #autocomplete .yui-ac-content, #mnhead #autocomplete .yui-ac-shadow { position: absolute; top: 0px; 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; }

#mnfooter div.reg4news img { margin: 2px 0 5px; }

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

/* Recommendations 4-Wide, Large Images */
.rec4wide { width: 774px; margin: 15px 0px; }
.rec4wide .arec { width: 170px; float: left; margin: 0px 11px; }
.rec4wide.basket .arec { margin: 0px 10px!important; }
.rec4wide .arec a { display: block; }
.rec4wide .arec a.imgwrap { border: 1px solid #666; height: 224px; width: 170px; margin: 0 0 10px 0; background: #FFF;}
.rec4wide .arec a.imgwrap:hover { border-color: #B2B2B2; }
.rec4wide .arec a.imgwrap img { margin: 7px; }
.rec4wide .arec .recleft { width: 135px; float: left; margin: 0 0 0 5px; }
.rec4wide .arec a.rectitle { font: normal 12px Arial, Sans-serif; color: #003366; text-decoration: none; }
.rec4wide .arec a.rectitle:hover { text-decoration: underline; }
.rec4wide .arec .recartist { font: normal 11px Arial, Sans-serif; color: #333; }
.rec4wide .arec .recscoring { font: normal 10px Arial, Sans-serif; color: #333; }
.rec4wide .arec a.recarrow { height: 23px; width: 24px; background: url(../images/buttons/arrows_right_blue.png) top left no-repeat; float: right; margin: 10px 5px 0 0; }
.rec4wide .arec a.recarrow:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }


/* BUTTONS!! *************/
.button, .button:visited, button.button, input.button { display: inline-block; background: url(../images/buttons/button_main_gray.png) repeat-x; padding:10px 25px; margin: 15px 0; text-align:center; border:1px solid #222; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); font-weight:bold; font-size: 14px; text-transform:uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#FFF!important; text-decoration: none; opacity:.85; cursor: default; cursor: pointer; }
input.button { margin: 0px 0 15px 0; }
.button:hover { border-color: #222!important; color: #FFF!important; background-position: 0 -6px!important;}
/* green */ .buttongreen { background: url(../images/buttons/button_main_green.png) repeat-x !important; border: 1px solid #5F6600!important; }
.buttongreen:hover { border-color:#5F6600!important; }
/* blue */ .buttonblue { background: url(../images/buttons/button_main_blue.png) repeat-x!important; border: 1px solid #002A42!important; }
.buttonblue:hover { border-color: #002A42!important; }
.button:active { background-position:  0 -200px!important; padding:11px 25px 9px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
/* red */ .buttonred { background: url(../images/buttons/button_main_red.png) repeat-x !important; border: 1px solid #710000!important; }
.buttonred:hover { border-color:#710000!important;;}
/* yellow */ .buttonyellow { background: url(../images/buttons/button_main_yellow.png) repeat-x !important; border: 1px solid #DDB000!important;	}
.buttonyellow:hover { border-color:#DDB000!important; }
/* With Icons */
.button .buttonlock { display: block; float: left; width: 16px; height: 16px; background: url(../images/icons/lock_16_white.png) no-repeat; margin: 3px 10px 0 -15px; }
.button .buttoncontinue { display: block; float: right; width: 16px; height: 16px; background: url(../images/icons/continue_16_white.png) no-repeat; margin: 3px -15px 0 10px; }

/* Small Button Overwrite */
.buttonsmall, .buttonsmall:visited, button.buttonsmall, input.buttonsmall { padding: 5px 10px; font-size: 12px; text-transform: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.buttonsmall:active { padding:6px 10px 4px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
.buttonsmall:hover {  }
.buttonsmall .buttonlock { margin: 1px 6px 0 -5px }
.buttonsmall .buttoncontinue { background: url(../images/icons/continue_16_whitesmall.png) no-repeat; margin: 2px -5px 0 6px; }