/******************************* Musicnotes.com Styles Copyright 2008, Musicnotes, Inc. ********************************/ /* Old umntop.css */ P { FONT-SIZE: 11px; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, Helvetica, sans-serif } TD { FONT-SIZE: 11px; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; } TH { FONT-SIZE: 12px; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif } .green { FONT-SIZE: 14px; COLOR:#FFFFFF; font-weight:bold; FONT-FAMILY: arial,verdana; } td.bluenav a, td.helpnav a, td.bluenav, td.helpnav { font-family: Arial, Tahoma; } .bluenav { font-weight: normal; FONT-SIZE: 14px; COLOR: #FFF; TEXT-DECORATION: none; } .bluenav img { margin: 0px; padding: 0px 4px; } .bluenav A { font-weight: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; TEXT-DECORATION: none; } .bluenav A:visited { TEXT-DECORATION: none; COLOR: #FFFFFF; } .bluenav A:hover { TEXT-DECORATION: underline } .helpnav { FONT-SIZE: 14px; COLOR: #FFFFFF; TEXT-DECORATION: none; } .helpnav A { FONT-SIZE: 11px; COLOR: #FFFFFF; TEXT-DECORATION: none; } .helpnav A:visited { TEXT-DECORATION: none; COLOR: #FFFFFF; } .helpnav A:hover { TEXT-DECORATION: underline } .whitenav { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .whitenav:link { TEXT-DECORATION: none } .whitenav:hover { TEXT-DECORATION: none } .blacknav { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY:tahoma, arial; TEXT-DECORATION: none } .blacknav_on { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY:tahoma, arial; TEXT-DECORATION: none } .blacknav:link { TEXT-DECORATION: none } .blacknav:hover { TEXT-DECORATION: none } .whitesmall A { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; font-variant:small-caps; TEXT-DECORATION: none; } .whitesmall A:hover { COLOR:#CCCCCC; TEXT-DECORATION: none } .whitesmallmac A { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none; } .whitesmallmac A:hover { COLOR: #CCCCCC; TEXT-DECORATION: none } .bottom { font-family:Tahoma, arial; font-size:11px; color:#FFFFFF; TEXT-DECORATION: none; } .bottom:link { font-family:arial, sans-serif; font-size:11px; TEXT-DECORATION: none; } .bottom:visited { font-family:arial,sans-serif; font-size:11px; TEXT-DECORATION: none; } .bottom:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline } .features { FONT-WEIGHT: normal; COLOR: black; TEXT-DECORATION: none } A.features { FONT-WEIGHT: bold; COLOR: #cc3300; TEXT-DECORATION: none } A.features:hover { FONT-WEIGHT: bold; COLOR: #cc3300; TEXT-DECORATION: underline } 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 */ /* MN 2.0 background::: */ div.BodyWrap { background:#002A42 url(../images/top_bottom/v2/blue_bg_test.png) top left fixed; margin: 0px; } /*div.BodyWrap2 { background: url(../images/top_bottom/v2/blue_bg_test.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;*/ } /* new search box */ #SearchB, #sli_search { width: 385px; float: right; position: relative; } #SearchB h2 { margin: 0px; padding: 0px; display: block; font: 14px Arial, Sans-serif; color: #939393; font-style: italic; z-index: 998; position: absolute; top: 55px; left: 10px; } #SearchQ2, #sli_search_1 { background: url(/images/top_bottom/v2/search2_input_bg.png) repeat-x top left; height: 33px; width: 315px; padding-left: 5px; border: 1px solid #C0C0C0; border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #SearchSubmit2-sli, .btn-search-header { width: 44px; height: 33px; background-image: url('/images/top_bottom/v2/search2_gobutton.png'); border: none; } #SearchSubmit2-sli:hover, .btn-search-header:hover { background-image: url('/images/top_bottom/v2/search2_gobutton_hover.png'); } #sli_search_1 { color: #666; font: 14px Arial, sans-serif; } ul#sli_autocomplete.rich .sli_ac_suggestions li {font-size: 12px; } ul#sli_autocomplete.rich .sli_ac_suggestions li {padding: 3px 6px!important;} ul#sli_autocomplete.rich li, ul#sli_autocomplete.rich .sli_ac_suggestions li, ul#sli_autocomplete.rich .sli_ac_suggestions li:hover div, ul#sli_autocomplete.rich li ul li.sli_ac_active div { color: #666!important;} #sli_autocomplete h3 {border-bottom: none; color: #666!important;} ul#sli_autocomplete.rich .sli_ac_products li:hover h3, ul#sli_autocomplete.rich .sli_ac_products li:hover p, ul#sli_autocomplete.rich li ul li.sli_ac_active p { color: #666!important;;} ul#sli_autocomplete.rich .sli_ac_products li:hover, ul#sli_autocomplete.rich .sli_ac_suggestions li:hover, ul#sli_autocomplete.rich li ul li.sli_ac_active { background: #edf7ff!important;} ul#sli_autocomplete.rich .sli_ac_products li:hover b, ul#sli_autocomplete.rich .sli_ac_suggestions li:hover b, ul#sli_autocomplete.rich li ul li.sli_ac_active b {color: #000!important} /* 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; display:block; } #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; display:block; } #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: left; 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: 776px; 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; } /* DDC rebranding CSS */ .ddc-btn-join { margin: 20px auto 20px auto; width: 223px; height: 50px; display: block; } .ddc-btn-join > a, .ddc-btn-join > span { width: 223px; height: 50px; white-space: nowrap; display: block; margin: auto; } .ddc-btn-join a:visited { color: #fff; } .ddc-btn-join > a:hover { opacity: .8; } .ddc-btn-join a span { padding: 17px 43px; } /*Rewards Sign Up Check Boxes*/ .emailSignup { display: block; float: left; width: 190px; margin: 10px 0 0 10px; line-height: 22px; } *html .emailSignup { line-height: 15px; margin-top: 0px; } .newsletterCheck { display: block; float: left; width: 15px; height: 15px; } #rewardsInfoTip { display: block; float: left; width: 30px; height: 30px; margin: -40px 0 0 80px; cursor:pointer; } *html #rewardsInfoTip { margin: -58px 0 0 210px; } /* trigger button */ #download_now { background-color: #000; display:block; } /* tooltip styling */ .tooltip { display:none; background:url(/images/rewards/tooltip_background.png) 0 0 no-repeat; width: 150px; height: 163px; font-size:11px; color:#fff; margin: 20px 0 0 170px; } .tooltip a { color:#ad4; font-size:11px; font-weight:bold; } .tooltipText { display: block; width: 160px; padding: 10px; line-height: 25px; font: 11px Arial, sans-serif; } .tooltip.advanced-search { background: none; height: auto; width: auto; } /*GET MUSIC PAGE*/ .unlimitedRemaining { font: bold 16px Arial, sans-serif; color: #BAC832; } .allprintsRemaining, .someprintsRemaining, .noprintsRemaining { font: bold 28px Arial, sans-serif; } .allprintsRemaining { color: #BAC832; } .someprintsRemaining { color: #F98506; } .noprintsRemaining { color: #ccc; } .errorPrints { font: bold 20px Arial, sans-serif; color: #CC0000; } .remainingText { font: 10px Arial, sans-serif; color: #666; } .mn_type { padding-bottom: 10px; } div#GetLeft.GetLeft { display: block; width: 700px; } #dlsyncmess { width: 700px; } .gridLayout { display: block; float: left; padding: 10px 20px 0 0; } #GetLeft { padding-bottom: 30px; } .GetButton, .downloadLink { margin: 5px 10px 0 0; } .downloadLink { padding-bottom: 10px; } *html .GetButton IMG { margin-top: 0; margin-bottom: 15px; } /*Multiple Prints*/ .mp-input{ margin-left: 10px; width:45px; padding: 0 5px 0 5px;} .mp-label{ font: 12px Tahoma, Arial, sans-serif; margin-left: 5px; display: inline; color: #333333;} .price-adjustment{ font: 10px tahoma, arial, sans-serif; color: #666; text-align: center; padding-top: 10px;} input.mp-update-button {margin: 0;padding: 0!important;width: 123px;height: 25px;} .mp-update-button{display: block; background: url(../images/buttons/multiple_prints/updatecart.png) 0 0 no-repeat;cursor: pointer; margin: 15px 0 15px 5px!important; border: none; padding: 0;} .retailPrice{font: bold 12px tahoma, Arial, sans-serif!important; color: #000!important;} .price-adjustment-basket{color: #666!important; font-size: 10px;} /*DROPDOWN INFORMATION MENU*/ .drop-down-menu { display: block; font: bold 14px Arial, san-serif; color: #666; margin: 20px 0 0 0; width: 725px; background-color: #f2f2f2; height: 31px; line-height: 31px; cursor: pointer; } .drop-down-title { display: block; width: 600px; float: left; line-height: 31px; margin-left: 20px; } .drop-down-menu:hover { background-color:#ccc; } *html a.toggle-link { text-decoration: underline; } .toggle-link { text-decoration: none; color: #666; } .toggle-link:visited { text-decoration: none; color: #666; } .expand-button { display: block; float: right; width: 21px; height: 20px; background: url('/images/free/new_free/expand_button.png') 0 0 no-repeat; margin: 6px 20px 0 0; text-decoration: none; } .hidden-text { font: 14px Arial, san-serif; color: #666; } .link { font: 14px Arial, san-serif; color: #A2AD00; } .link:visited { color: #A2AD00; } /*END DROPDOWN INFO MENU*/ .hiddenDiv { margin-left: 20px; } .center-grid { display: block; margin-left: 78px; } .get-music-title { width: 725px; } *html .ie-center { margin-left: 20px; } /*Promo Deals*/ .deals-image { width: 774px; } .description-text h2 { font: bold 18px Arial, sans-serif; color: #666; } .deals-box { width: 694px!important; } .deals-text { width: 500px!important; } .deal-items { margin-left: 40px; width: 694px; float: none; } #sli_autocomplete h2, #sli_autocomplete h3, #sli_autocomplete p {font-family:Arial,sans-serif!important;} #sli_autocomplete h3 {font-size:12px!important;}