/*----------->>> LEGACY <<<-----------*/
.error {
color: #E60000;
font-weight: 900;
}
/* ---------->>> LAYOUT <<<-----------*/
*{ margin:0; padding:0;}
body { font: 0.75em Myriad Pro, Arial, Helvetica, sans-serif; text-align: center; color: #666666; margin:0; padding:0;
background: url(../images/bg.gif) 0px 63px repeat-x; z-index:0; }
html>body {background: url(../images/bg.gif) 0px 68px repeat-x;}
#container { width: 966px; background: #FFFFFF; margin: 0 auto; text-align: left; position:relative; }
#faux { background: url(../images/bg_col.gif); margin:0; overflow: auto; width: 100% }
#header { width: 966px; height: 70px; background: #FFFFFF;}
#left { width: 726px; float: left; background: #FFFFFF; }
#left_classical { width:726px; float: left; background: #FFFFFF; border: 1px solid #999; padding: 0 0 10px 0; margin:25px 0 10px 0;}
#left_jazz { width:726px; float: left; background: #FFFFFF; border: 1px solid #999; padding: 0 0 10px 0; margin:25px 0 10px 0;}
#left_blues { width:726px; float: left; background: #FFFFFF; border: 1px solid #999; padding: 0 0 10px 0; margin:25px 0 10px 0;}
#left_international { width:726px; float: left; background: #FFFFFF; border: 1px solid #999; padding: 0 0 10px 0; margin:25px 0 10px 0;}
#left_genres { width:726px; float: left; background: #FFFFFF; border: 1px solid #999; padding: 0 0 10px 0; margin:25px 0 10px 0;}
#right { float: left; width: 220px; background: #E1E1E1; text-align: center; margin-top:15px;}
#footer { clear: both; background-image: url(../images/bg_footer.gif); margin: 0 auto; font-size:80%; line-height: 0.8em }
#footer .wrapper { width: 966px; margin: 0 auto; overflow: hidden; padding:5px 0 0 0;}
hr.hidden { clear:both; visibility:hidden; margin:0px; padding:0px;}
.footer_left { float: left; width: 620px; margin-top: 5px; text-align: left;}
.footer_right { float: right; width: 300px; margin-top: 5px; text-align: right; padding-right: 10px;}
.footer_center { float: left; width: 966px; height: 2px; text-align: center; }
.threebox { clear:left; width:180px; height: 35px; margin:0; padding:0; }
.threebox_a { float:left; width:79px; margin:0; padding:0; text-align: center; font-size:90%; }
.threebox_b { float:left; width:11px; margin:0; padding:0; text-align: center; }
.threebox_c { float:left; width:80px; margin:0; padding:0; text-align: center; font-size:90%; }
.scroll {float:left; width: 720px; height: 60px; margin-top: 20px;}
html>body .scroll { margin-top: 80px; }
.twobox { width:180px; height:30px; border-top: 1px solid #CCCCCC; margin:0; padding-top:10px; text-align:center; }
.leftbox { float:left; width:50px; margin:0; padding:0; text-align:right; }
.rightbox { float:left; width:110px; margin:0; padding:0; }
.itunesbox { clear:left; width:100px; margin:3px 0 0 0; padding:0; text-align:center; }
.itunesleftbox { float:left; width:40px; margin:0; padding:0; text-align:right; }
.itunesrightbox { float:left; width:60px; margin:0; padding:0; }
/* ---------->>> DEFAULT STYLES <<<-----------*/
h2 { font: bold 1.1em Myriad Pro, Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 5px 0; }
h3 { font: bold 1.1em Myriad Pro, Arial, Helvetica, sans-serif; color: #6B238E; margin-bottom: 5px; }
h4 { font: bold 1.3em Myriad Pro, Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 10px 0; }
h5 { font: bold 1.1em Myriad Pro, Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 5px 0; }
h5 a {color: #000000;}
p { margin: 0 0 5px 0; }
a { color: #003399; text-decoration: none; }
a:hover { color: #003399; text-decoration: underline; }
.hr { background: #cccccc; height:1px; margin: 10px 0 10px 0; padding:0; }
.content { float:left; width:725px; margin:5px 0 5px 0; font-weight: normal; color:black;}
.content ul li, .content p { color: black; }
.black { font: bold 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #000000; }
.readmore { font: 0.9em Myriad Pro, Arial, Helvetica, sans-serif; margin:5px 0 5px 0; padding:0; }
.bread {font: bold 0.9em Myriad Pro, Arial, Helvetica, sans-serif; color:#003399; text-decoration: none; margin-bottom:3px; }
.bread a:link {font: bold 0.9em Myriad Pro, Arial, Helvetica, sans-serif; color:#003399; text-decoration: none; margin-bottom:3px; }
.bread a:visited {font: bold 0.9em Myriad Pro, Arial, Helvetica, sans-serif; color:#003399; text-decoration: none; margin-bottom:3px; }
.bread a:hover {font: bold 0.9em Myriad Pro, Arial, Helvetica, sans-serif; color:#003399; text-decoration: underline; margin-bottom:3px;}
/* ---------->>> HEADER <<<-----------*/
.logo { width: 382px; height: 68px; margin: 0px 0 0 0;}
#header h1 { font-weight: bold; height: 27px; font-size: 11px; padding: 15px 0 0 60px; }
#header h1 span { background: url(../images/logo.gif) left top no-repeat; min-width: 311px; width: 311px; height: 68px; position: absolute; top:5px; left:30px; }
.top_info {display: inline;}
.top_info ul li { float:left; background: url(../images/bg_wishlist.gif) no-repeat; width: 98px; height: 19px; padding: 0 3px 5px 5px; text-align: center; }
.top_info ul li a { font: bold 0.8em Myriad Pro, Verdana, Myriad Pro, Arial, Helvetica, sans-serif; color: #003399; text-decoration: none; margin:0; }
.top_info ul li a:hover { font: bold 0.8em Myriad Pro, Verdana, Myriad Pro, Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: none; margin:0; }
.header_right { position:absolute; top:0px; left:366px; width:600px; height:69px; margin-top:0px; padding-top:0;}
.search_form { float:right; width:450px; margin:5px 0 5px 0; padding: 0; color: #444; position:relative;}
/* ---------->>> RIGHT NAVIGATION <<<-----------*/
.right_box { width: 190px; font: 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; border: 1px solid #ccc; margin: 5px 0 0 0; padding: 5px 8px 5px 8px; text-align: left;}
html>body .right_box { margin: 5px 0 5px 6px; padding-top:10px; }
/* ---------->>> HEADING TITLES <<<-----------*/
.classical_title { font: bold 1.3em Myriad Pro, Arial, Helvetica, sans-serif; /*color: #9F1D35;*/ margin:5px 0 5px 0;color: #000; }
.jazz_title { font: bold 1.3em Myriad Pro, Arial, Helvetica, sans-serif; /*color: #016058;*/ margin:5px 0 5px 0;color: #000; }
.blues_title { font: bold 1.3em Myriad Pro, Arial, Helvetica, sans-serif; color: #233F8F; margin:5px 0 5px 0; }
.international_title { font: bold 1.3em Myriad Pro, Arial, Helvetica, sans-serif; color: #AA2F06; margin:5px 0 5px 0; }
.genres_title { font: bold 1.3em Myriad Pro, Arial, Helvetica, sans-serif; color: #522E90; margin:5px 0 5px 0; }
/* ---------->>> HOME FEATURED ARTISTS <<<-----------*/
.box { float: left; width: 220px; height:380px; padding: 0 30px 0 0; overflow:hidden; }
.salebox {
*width: 240px;
}
html body div.rowthird {padding:0;}
.box p { margin: 0; padding:0; }
.box_img { width: 210px; height: 160px; margin:0 0 5px 0; position:relative; }
.box_content { text-align: left; border-bottom: 3px solid #cccccc; padding-bottom: 0; }
.box_content p { font: 0.9em Myriad Pro, Arial, Helvetica, sans-serif; line-height: 16px; }
.sub_heading { font: bold 1em Georgia, Myriad Pro, Arial, Helvetica, sans-serif; color: #4C4C4C; padding-bottom: 5px; }
.small_txt { font: 0.9em Myriad Pro, Arial, Helvetica, sans-serif; }
.date { font: 1em Myriad Pro, Arial, Helvetica, sans-serif; padding: 10px 0 5px 0; }
html>body .date { padding: 10px 0 5px 0; }
.album_logo{ position:absolute; bottom:0px; right:0px;}
/*.album_logo {text-align:right; padding:5px 0 0 0;}
html>body .album_logo {padding:15px 0 0 0;}*/
/* ---------->>> QUICK LINKS <<<-----------*/
.quicklinks { list-style:none; padding:0; margin:5px 0 0 5px; background-color: #FFFFFF; }
.quicklinks li{ line-height: 170%; list-style:none; padding: 0; margin:0; }
.quicklinks li a { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_black.gif) no-repeat 1px 8px #FFFFFF; }
.quicklinks li a:visited { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_black.gif) no-repeat 1px 8px #FFFFFF; }
.quicklinks li a:hover { text-decoration: underline; padding: 4px 0px 4px 10px; color:#003399; background:url(../images/arrow_black.gif) no-repeat 1px 8px #FFFFFF; }
/* ---------->>> CLASSICAL FEATURED BOX <<<-----------*/
.featured_box { width: 211px; height: 350px; float: right; border: 1px solid #CCCCCC; padding: 5px; }
html>body .featured_box { height: 350px; padding: 0 5px 0 5px; margin-bottom:10px; }
.productRotator { float: left; width: 180px; height: 210px; margin: 0; padding-bottom: 0px; }
.numbers { width: 26px; height: 205px; float: right; background: #9F1D35; text-align: center; }
html>body .numbers { width: 26px; height: 205px; float: right; background: #9F1D35; text-align: center; }
.rotatorDetails { width: 211px; background: #9F1D35; height: 95px; *height: 105px; clear: both; }
html>body .rotatorDetails { width: 211px; background: #9F1D35; height: 105px; clear: both; }
.prod_desc { float: left; padding-right:5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; }
.price { float: left; width: 110px; margin-left: 5px; margin-top: 13px; }
.buy { float: right; width: 82px; margin-right: 5px; margin-top: 13px; }
.wish { float: right; width: 70px; margin-right: 5px; margin-top: 5px; }
.rotaterControlImageborder { margin-top: 5px; }
.FeatureProduct { margin-left: 1px; width: 255px; float: right; background:#2c4e01; text-align:center; border: 1px solid #2c4e01; height: 279px; }
.FeatureProductText { font: 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.FeatureProductText:hover { color: #FFFFFF; text-decoration: underline; }
.FeatureStrikePrice { font: 1.4em Myriad Pro, Arial, Helvetica, sans-serif; color: #EF5370; text-decoration: none; font-weight:bold; margin-right:5px; }
.FeatureStrikePrice:hover { color: #EF5370; }
.FeatureProductPrice { font: 1.4em Myriad Pro, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight:bold; }
.FeatureProductPrice:hover { color: #FFFFFF; }
/* ---------->>> FORM STARTS <<<-----------*/
form { margin:0; padding:0; }
input { margin:0; padding:0; }
.searchinput { border:1px solid #999999; background:#FFFFFF; color: #666666; width:250px; vertical-align:middle; height: 15px; margin: 0; padding: 0; }
.search_input { border:1px solid #999999; background:#FFFFFF; color: #666666; width:150px; vertical-align:middle; height: 15px; margin: 0; padding: 0; }
.search_btn { width:17px; height:17px; vertical-align:middle; margin: 0; padding: 0;}
input.inputRadio { margin: 5px 3px 0px 9px; width: 14px; height: 14px; display: inline; padding: 0; background: #FFFFFF; border: none; }
input.button { border: 0; width: 17px; height: 17px; }
textarea { width: 250px; color: #4D4D4D; background-color: #FFFFFF; }
/* ---------->>> FEATURED TITLE <<<-----------*/
.featured_title { width: 100%; float: left; margin:0; padding:0; color: black; }
.featured_title img.album_image {float: left; border: 1px solid black; }
/*.featured_image { float:left; width:150px; margin:0; padding:0; padding-right: 3px;}*/
.featured_details { float:left; width:240px; margin:0; padding:0 0 0 10px; color: black; }
.featured_price { float:right; width:160px; margin:0; padding:0; }
.track_list { list-style:none; padding:0; margin:5px 0 0 5px; background-color: #FFFFFF; }
.track_list li{ list-style:none; color: #666666; text-decoration: none; padding: 5px 0 0 20px; background:url(../images/icon_track.gif) no-repeat 1px 5px #FFFFFF; }
/* ---------->>> BROWSE SUMMARY <<<-----------*/
.browse_summary { float:left; width:725px; height:auto; margin:0; margin:5px 0 5px 0; }
html>body .browse_summary { height:auto; }
.summary_image { float:left; width:100px; margin:0; padding:0 0 0 10px; }
.summary_image a img{border:1px solid #000;}
.itunesbox a img{border:0px;}
.summary_details { float:left; width:430px; margin:0; padding:0 0 0 15px; color:#222; font-weight: normal; }
.summary_details h5 a, .summary_details h5 a:link, .summary_details h5 a:visited, .summary_details h5 a:hover {
color: black;
}
.summary_price { float:left; width:150px; margin:0; padding:0 0 0 15px; text-align:right; }
.row { width:100%; margin-top:2px; padding:2px 0; }
.strike_price { color:black; font-family: Arial; font-size: 11px; font-weight:normal; text-decoration: line-through; }
.summary_sublinks { list-style:none; padding:0; margin-top:2px; }
.summary_sublinks li{ display:inline; }
.summary_sublinks li a { color: #003399; text-decoration: none; margin-left:7px; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew.gif) no-repeat 1px 8px; }
.summary_sublinks li a:visited { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew.gif) no-repeat 1px 8px; }
.summary_sublinks li a:hover { color: #003399; text-decoration: underline; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow2 a { color: #003399; text-decoration: none; margin-left:7px; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew2.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow2 a:visited { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew2.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow2 a:hover { color: #003399; text-decoration: underline; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew2.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow3 a { color: #003399; text-decoration: none; margin-left:7px; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew3.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow3 a:visited { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew3.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow3 a:hover { color: #003399; text-decoration: underline; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew3.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow4 a { color: #003399; text-decoration: none; margin-left:7px; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew4.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow4 a:visited { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew4.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow4 a:hover { color: #003399; text-decoration: underline; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew4.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow5 a { color: #003399; text-decoration: none; margin-left:7px; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew5.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow5 a:visited { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew5.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow5 a:hover { color: #003399; text-decoration: underline; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew5.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow6 a { color: #003399; text-decoration: none; margin-left:7px; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew6.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow6 a:visited { color: #003399; text-decoration: none; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew6.gif) no-repeat 1px 8px; }
.summary_sublinks li.blackarrow6 a:hover { color: #003399; text-decoration: underline; padding: 4px 0px 4px 10px; background:url(../images/arrow_blacknew6.gif) no-repeat 1px 8px; }
/* ---------->>> CLASSICAL SUMMARY <<<-----------*/
.classical_yrprice { font: bold 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #9F1D35; }
.classical_yrprice_not_onsell { font: bold 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #000000; font-weight:bold }
.classical_summary_sublinks { width:730px; text-align:left; border-top: 4px solid #9F1D35; padding:0; margin-bottom:20px; }
/* ---------->>> JAZZ SUMMARY <<<-----------*/
.jazz_yrprice { font: bold 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #016058; }
.jazz_summary_sublinks { width:625px; text-align:left; border-top: 4px solid #016058; padding:0; }
.jazz_summary_sublinks a { color:#FFFFFF; }
.jazz_summary_sublinks a:hover { color:#FFFFFF; }
/* ---------->>> BLUES SUMMARY <<<-----------*/
.blues_yrprice { font: bold 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #233F8F; }
.blues_summary_sublinks { text-align:center; background:#233F8F; height:20px; color:#FFFFFF; padding-top:3px; }
.blues_summary_sublinks a { color:#FFFFFF; }
.blues_summary_sublinks a:hover { color:#FFFFFF; }
/* ---------->>> INTERNATIONAL SUMMARY <<<-----------*/
.international_yrprice { font: bold 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #AA2F06; }
.international_summary_sublinks { text-align:center; background:#AA2F06; height:20px; color:#FFFFFF; padding-top:3px; }
.international_summary_sublinks a { color:#FFFFFF; }
.international_summary_sublinks a:hover { color:#FFFFFF; }
/* ---------->>> MORE GENRES SUMMARY <<<-----------*/
.genres_yrprice { font: bold 1em Myriad Pro, Arial, Helvetica, sans-serif; color: #522E90; }
.genres_summary_sublinks { text-align:center; background:#522E90; height:20px; color:#FFFFFF; padding-top:3px; }
.genres_summary_sublinks a { color:#FFFFFF; }
.genres_summary_sublinks a:hover { color:#FFFFFF; }
/* ---------->>> BROWSE JUNCTION <<<-----------*/
#letters { width:700px; height:20px; background: #F9F9F9; border: 1px solid #CCCCCC; margin: 10px 0 10px 0; padding: 4px 0 0 15px; }
a.letterbrowse:link, a.letterbrowse:visited { padding:0; color:#003399; text-decoration:none; font-weight:bold; }
a.letterbrowse:hover { padding:0; color:#FFFFFF; background: #003399; text-decoration:none; font-weight:bold; }
.letterbrowse { font-size:13px; padding:0 15px; color:#003399; margin:0 15px 0 0; }
.listbox { width:725px; height:485px; margin:0; padding:0; }
.listbox_col1 { float:left; width:225px; margin:0; padding:0; }
.listbox_col2 { float:left; width:225px; margin:0; padding:0; }
.listbox_col3 { float:left; width:225px; margin:0; padding:0; }
.listbox ul { margin: 0 0 0 0; }
.listbox ul li { list-style-type: none; }
ul { margin:0; padding:0; }
ul,li { list-style-type:none; }
/* ---------->>> REFINE MENUS <<<-----------*/
iframe {
padding:0;
margin:0;
}
/*
#menu .popup_small, .summary_sublinks .popup_small_wrapper {
position:absolute;
left:0px;
width:800px;
margin:0;
padding:0 25px 20px 25px;
}
#menu .popup_small {
top: 40px;
left: 50px;
z-index:11;
border:2px solid silver;
height: 800px;
width: 800px;
}
#menu .popup_small_wrapper {
display: none;
background-color:white;
border:0;
z-index:10;
left: 50px;
top: 40px;
height: 800px;
width: 800px;
}
*/
.summary_sublinks .popup_small, .summary_sublinks .popup_small_wrapper {
position:absolute;
left:0px;
width:750px;
margin:0;
padding:0 25px 20px 25px;
}
.summary_sublinks .popup_small {
/*
float: none;
font-size: 12px;
top: 200px;
left: 0px;
width: 790px;
margin: 0;
border: 0;
*/
/* top: 200px;*/
z-index:11;
border:2px solid silver;
top: 0;
/*