/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; height: 100%; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th { }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
li { list-style: none; }
/* ------------- SKELETON ---------------- */
body { background: #fff; color: #000; font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; text-align: center;}
div#wrapper { width: 930px; text-align: left; margin: 10px auto 0; background: #efefef; }
div#header {}
div#header div#main_nav { background: #fff; }
div#print_header { display: none; }
div#headerimage {}
div#sidebar { width: 270px; float: left; }
div#main_home { width: 930px; border-bottom: 1px solid #D6D6D6; padding-top: 10px; }
div#main_home div#content_header { border-bottom: 1px solid #D6D6D6; padding: 0 15px 13px 14px; }
div#main_home div#content { border-top: 1px solid #fff; padding: 0 15px 0 14px; }
div#main { width: 930px; border-bottom: 1px solid #D6D6D6; background: url('/images/frontend/bg.main_2.gif') repeat-y; padding-top: 10px; }
div#main div#content_sidebar { padding: 0 15px 13px 14px; width: 238px; float: left; margin-right: 12px;}
div#main div#content { margin: 0 0 20px 5px; padding: 0; float: left; width: 620px; }
div#footer { background: #E3E3E3; padding: 11px 15px 11px 14px; border-top: 1px solid #fff; }
/* ------------- HEADER ---------------- */
div#header div#main_nav { }
div#header div#main_nav img { float: left; }
div#header div#main_header { background: #B0B0B0 url('/images/frontend/header/bg.header.jpg') no-repeat; width: 930px; height: 129px; }
div#header div#shadow_header { background: url('/images/frontend/header/shadow.header.jpg') no-repeat; width: 930px; height: 8px; }
div#header div#subnav { background: url('/images/frontend/header/bg.subnav.jpg') no-repeat; width: 930px; height: 32px; }
div#header div#subnav a { display: block; text-decoration: none; height: 32px; min-width: 80px; float: left; }
div#header div#subnav a.home { width: 83px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat 0 0; }
div#header div#subnav a.home:hover { width: 83px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat 0 -32px; }
div#header div#subnav a.home_sel { width: 83px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat 0 -64px; }
div#header div#subnav a.news { width: 82px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -83px 0; }
div#header div#subnav a.news:hover { width: 82px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -83px -32px; }
div#header div#subnav a.news_sel { width: 82px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -83px -64px; }
div#header div#subnav a.awards { width: 98px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -165px 0; }
div#header div#subnav a.awards:hover { width: 98px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -165px -32px; }
div#header div#subnav a.awards_sel { width: 98px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -165px -64px; }
div#header div#subnav a.contact { width: 100px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -263px 0; }
div#header div#subnav a.contact:hover { width: 100px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -263px -32px; }
div#header div#subnav a.contact_sel { width: 100px; background: url('/images/frontend/header/buttons.subnav.jpg') no-repeat -263px -64px; }
/* ------------- SEARCH ---------------- */
div#header div#search { padding-top: 10px; margin-left: 407px; width: 515px; height: 114px; }
div#header div#search label.search { font-size: 16px; color: #fff; font-weight: normal; display: block; width: 68px; float: left; }
div#header div#search input#searchfield { background: url('/images/frontend/forms/bg.search.round.gif') no-repeat scroll top left; width: 143px; height: 22px; border: 0; padding: 3px 5px 0 5px; margin-bottom: 2px; margin-top: 2px; float: left; }
div#header div#search #submit_search { margin: 3px 0 0 10px; float: left; }
div#header div#search #reset_search { margin: 3px 0 0 10px; float: left; }
div#header div#search label.adv_search { font-size: 16px; color: #fff; font-weight: normal; display: block; width: 500px; margin-top: 8px; }
div#header div#search label.search_composer { font-size: 12px; color: #333; font-weight: normal; display: block; width: 68px; float: left; margin-top: 4px; }
div#header div#search input#search_composer { background: url('/images/frontend/forms/bg.search.round.gif') no-repeat scroll top left; width: 143px; height: 22px; border: 0; padding: 3px 5px 0 5px; margin-bottom: 0; margin-top: 2px; float: left; }
div#header div#search label.search_genre { font-size: 12px; color: #333; font-weight: normal; display: block; width: 48px; float: left; margin-top: 4px; margin-left: 10px; }
div#header div#search input#search_genre { background: url('/images/frontend/forms/bg.search.round.gif') no-repeat scroll top left; width: 143px; height: 22px; border: 0; padding: 3px 5px 0 5px; margin-bottom: 0; margin-top: 2px; float: left; }
div#header div#search label.search_artist { font-size: 12px; color: #333; font-weight: normal; display: block; width: 68px; float: left; margin-top: 4px; }
div#header div#search input#search_artist { background: url('/images/frontend/forms/bg.search.round.gif') no-repeat scroll top left; width: 143px; height: 22px; border: 0; padding: 3px 5px 0 5px; margin-top: 2px; float: left; }
div#header div#search label.search_lenght { font-size: 12px; color: #333; font-weight: normal; display: block; width: 48px; float: left; margin-top: 4px; margin-left: 10px; }
div#header div#search input#search_lenght { background: url('/images/frontend/forms/bg.search.round.gif') no-repeat scroll top left; width: 143px; height: 22px; border: 0; padding: 3px 5px 0 5px; margin-top: 2px; float: left; }
div#header div#search div#genre_chooser { font-size: 12px; background: url('../images/frontend/forms/bg.select.round.gif') no-repeat scroll top left; width: 125px; height: 23px; float: left; overflow:hidden; padding: 3px 20px 0 8px; margin-top: 1px;}
div#header div#search div#genre_chooser select { opacity: 0; width: 142px; }
div#header div#search div#genre_chooser_value { margin-top: -20px; width: 125px; overflow: hidden; }
div#header div#search div#perftime_chooser { font-size: 12px; background: url('../images/frontend/forms/bg.select.round.gif') no-repeat scroll top left; width: 125px; height: 23px; float: left; overflow:hidden; padding: 3px 20px 0 8px; margin-top: 1px; }
div#header div#search div#perftime_chooser select { opacity: 0; width: 142px; }
div#header div#search div#perftime_chooser_value { margin-top: -20px; width: 125px; overflow: hidden; }
div#header div#search #submit_adv_search {margin: 3px 0 0 10px; float: left; }
/* ------------- AUTOCOMPLETE ---------------- */
div#header div#search div#autocomplete { background: #f5f5f5; width: 420px; font-size: 12px; border: 1px solid #999; padding: 10px; z-index: 100; position: relative;}
div#header div#search div#autocomplete h3 { font-size: 10px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #bbb; color: #999; margin-bottom: 3px; }
div#header div#search div#autocomplete div.column { width: 200px; margin-right: 10px; float: left; margin-top: 10px;}
div#header div#search div#autocomplete a { color: #333; text-decoration: none; }
div#header div#search div#autocomplete a:hover { color: #000; text-decoration: underline; }
/* ------------- CONTENT ---------------- */
div#main, div#main_home { font-size: 12px; }
div#main div#content h1 { font-size: 24px; font-weight: bold; margin-bottom: 16px; }
div#main div#content h2 { font-size: 14px; font-weight: bold; }
div#main div#content h2 a { color: #000; text-decoration: none;}
div#main div#content h2 a:hover { color: #000; text-decoration: underline; }
div#main div#content h3 { text-transform: uppercase; font-weight: bold; color: #E7500B; border-bottom: 1px solid #E7500B; line-height: 20px; font-size: 12px; margin-bottom: 5px;}
div#main div#content h3 img { float: right; margin-top: 4px; }
div#main div#content h3 a#print { background: url('/images/icons/print.gif') no-repeat; padding: 0 0 0 20px; width: 30px; float: right; color: #E7500B; text-decoration: none; text-align: right; text-transform: none; font-weight: normal;}
div#main div#content h3 a#print:hover { text-decoration: underline; }
div#main div#content p { line-height: 18px; margin-bottom: 9px;}
div#main div#content p a { color: #333; text-decoration: none;}
div#main div#content p a:hover { color: #000; text-decoration: underline; }
/* ------------- SIDEBAR ---------------- */
div.sidebar { margin: 20px 0; }
div.sidebar h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px;}
div.sidebar p { line-height: 18px; margin-bottom: 9px;}
div#main div#content_sidebar div#loginbox {float: none; }
/* ------------- CATALOGUE ITEM ---------------- */
div.item_big {}
div.item_big h1 { margin-top: 16px; }
div.item_big h2 { text-transform: uppercase; font-weight: bold; color: #E7500B; font-size: 12px; }
div.item_big img.artwork { float: left; margin: 0 30px 15px 0;}
div#content div.item_big table.info { width: 390px; margin-top: 0; float: left; margin-top: -5px; margin-bottom: 10px; }
div#content div.item_big table.info th { width: 10%; color: #666; font-weight: bold; vertical-align: top; padding: 2px 5px 3px 0; }
div#content div.item_big table.info td { vertical-align: top; padding: 2px 0 3px 5px; font-weight: bold; }
/* ------------- ATTACHMENTS ---------------- */
div#attachments { margin-top: 20px; }
div#attachments h3 { text-transform: uppercase; font-weight: bold; color: #E7500B; border-bottom: 1px solid #E7500B; line-height: 20px; font-size: 12px; margin-bottom: 5px; }
div#attachments table.file_listing { width: 100%; margin-top: 5px;}
div#attachments table.file_listing td { vertical-align: middle; }
div#attachments table.file_listing td.icon { width: 22px; }
div#attachments table.file_listing a { text-decoration: none; color: #333; }
div#attachments a { color: #333; }
/* ------------- DVD/BD PROPERTIES ---------------- */
div#dvd_properties { margin-top: 20px; }
div#dvd_properties h3 { text-transform: uppercase; font-weight: bold; color: #E7500B; border-bottom: 1px solid #E7500B; line-height: 20px; font-size: 12px; margin-bottom: 5px; }
div#dvd_properties table { width: 100%; margin-top: 5px; font-size: 10px;}
div#dvd_properties table th { vertical-align: top; color: #666; width: 35%;}
div#dvd_properties table td { vertical-align: top; padding-left: 5px; }
div#dvd_properties table td.icon { width: 22px; }
div#dvd_properties table a { text-decoration: none; color: #333; }
div#dvd_properties a { color: #333; }
div#dvd_properties h4 { font-weight: bold; margin-top: 10px; }
/* ------------- FORMS ---------------- */
div#content div.formheader { background: url('../images/frontend/forms/bg.form.top.gif') no-repeat scroll top left; width: 620px; height: 5px; }
div#content div.formfooter { background: url('/images/frontend/forms/bg.form.bottom.gif') no-repeat scroll top left; width: 620px; height: 3px; margin-bottom: 20px; }
div#content div.form { width: 580px; background: url('/images/frontend/forms/bg.form.body.gif') repeat-y; padding: 10px 20px; }
div#content div.form input[type=text] { width: 268px; border: 1px solid #333; padding: 2px; font-size: 14px; }
div#content div.form input[type=password] { width: 268px; border: 1px solid #333; padding: 2px; font-size: 14px; }
div#content div.form select { width: 270px; font-size: 14px; }
div#content div.form input {width: 120px;}
div#content div.form textarea { width: 268px; border: 1px solid #333; padding: 2px; height: 100px; margin-top: 3px; font-size: 14px;}
div#content div.form select#register_salutation { width: 50px; }
div#content div.form select#profile_salutation { width: 50px; }
div#content div.form input#register_name { width: 215px; }
div#content div.form input#profile_name { width: 215px; }
div#content div.form div.msg_error { background: url('/images/icons/error.png') no-repeat 0 7px ; font-size: 11px; color: #666; padding: 8px 0 4px 20px; font-weight: bold; margin: -4px 0 5px 0; }
div#content div.form table td.formactions { padding-top: 15px;}
/* ------------- TABLES ---------------- */
div#content table { width: 100%; }
div#content table th { vertical-align: top; padding-right: 10px; padding-top: 2px;}
div#content table th.required { font-weight: bold; }
div#content table td { padding-bottom: 5px; vertical-align: top; padding-right: 10px;}
/* ------------- BOXES ---------------- */
div.box_content .date { color: #666; }
div.box_content img { float: left; margin: 5px 5px 5px 0 }
div.box_content a { color: #333; text-decoration: none; }
div.box_content a:hover { color: #000; text-decoration: underline; }
div.box_small { width: 242px; margin: 10px 0 0 0; float: left; }
div.box_small div.box_header { background: url('/images/frontend/boxes/bg.box_small.header.gif') no-repeat; width: 242px; height: 24px; }
div.box_small div.box_header h2 { font-size: 16px; font-weight: normal; color: #ccc; margin: 0 10px;}
div.box_small div.box_content { border-left: 1px solid #333; border-right: 1px solid #333; background: #E7E6E6; color: #333; padding: 5px 9px 0 9px;}
div.box_small div.box_footer { background: url('/images/frontend/boxes/bg.box_small.footer.gif') no-repeat; width: 242px; height: 9px; }
div.box_small div.box_content p { margin: 5px 0; line-height: 16px; }
div.three_column { margin: 0 -15px 0 -14px; background: url('/images/frontend/boxes/bg.three_column.gif') repeat-y; padding: 13px 0;}
div.box_third { width: 280px; margin: 0 15px; float: left; }
div.box_third div.box_header { background: url('/images/frontend/boxes/bg.box_third.header.gif') no-repeat; width: 280px; height: 28px; padding-top: 6px; }
div.box_third div.box_header h1 { font-size: 16px; font-weight: normal; color: #ccc; margin: 0 10px 0;}
div.box_third div.box_footer { background: url('/images/frontend/boxes/bg.box_third.footer.gif') no-repeat scroll top left; width: 280px; height: 10px; }
div.box_third div.box_content { border-left: 1px solid #333; border-right: 1px solid #333; background: #EAE9E9; color: #333; padding: 5px 9px 0 9px;}
div.box_third div.box_content div.divider { border: none; background: url('/images/frontend/boxes/divider.box_third.gif') no-repeat; width: 263px; height: 1px; margin: 5px 0; }
div.box_third div.box_content div.item_small div.info { padding-top: 3px; float: left; width: 190px; }
/* ------------- PAGER ---------------- */
ul.pager { width: 620px; border-bottom: 1px solid #E7500B; margin-bottom: 0; margin-top: -5px;}
ul.pager li { float: left; padding: 2px 4px; list-style: none; font-size: 11px; color: #666; }
ul.pager li a { color: #666; text-decoration: none; }
ul.pager li a:hover { color: #000; text-decoration: none; }
ul.pager li.current a { font-weight: bold; color: #E7500B; text-decoration: none; }
ul.pager li.prev { float: right; padding: 2px 1px 2px 10px; }
ul.pager li.prev a { display: block; width: 12px; height: 12px; margin-top: 2px; background: url('/images/backend/prevnext.png') no-repeat 0 0; }
ul.pager li.prev a:hover { background: url('/images/backend/prevnext.png') no-repeat 0 -12px; }
ul.pager li.prev a.inactive { background: url('/images/backend/prevnext.png') no-repeat 0 -24px; }
ul.pager li.prev a.inactive:hover { background: url('/images/backend/prevnext.png') no-repeat 0 -24px; }
ul.pager li.next { float: right; padding: 2px 4px 2px 2px; }
ul.pager li.next a { display: block; width: 12px; height: 12px; margin-top: 2px; background: url('/images/backend/prevnext.png') no-repeat -12px 0; }
ul.pager li.next a:hover { background: url('/images/backend/prevnext.png') no-repeat -12px -12px; }
ul.pager li.next a.inactive { background: url('/images/backend/prevnext.png') no-repeat -12px -24px; }
ul.pager li.next a.inactive:hover { background: url('/images/backend/prevnext.png') no-repeat -12px -24px; }
/* ------------- CATALOGUE ITEMS ---------------- */
div.item_small { font-size: 11px; line-height: 14px; }
div.item_small div.artwork { width: 64px; height: 64px; margin: 0 5px 5px 0; float: left;}
div.item_small div.info { padding-top: 3px; }
div.item { width: 620px; }
div.item div.artwork { width: 100px; height: 100px; float: left; margin: 0 20px 0 0; }
div#main div#content div.item div.info h3 { border: none; margin: 0 0 10px 0; text-transform: none; font-size: 16px; line-height: 16px;}
h1 img.sourcelogo { float: right; margin-top: 3px;}
h3 img.sourcelogo { float: right; margin-top: -2px;}
div.item h3 a { text-decoration: none; color: #333; }
div.item h3 a:hover { color: #000; text-decoration: underline; }
div.item div.info { float: left; width: 500px; }
div.item div.info table { }
div.item div.info table th { padding: 2px 5px 0 0; color: #666; }
div.item div.info table td { padding: 2px 5px 0 0; }
/* ------------- NEWS ITEMS ---------------- */
img.news_img { float: left; margin: 0 10px 10px 0; }
/* ------------- CATALOGUE ITEMS ---------------- */
img.award_img_right { float: right; margin: 0 0 10px 10px; }
img.award_img_left { float: left; margin: 0 10px 10px 0; }
a.download_link { color: #333; text-decoration: none; }
a.download_link img { float: left; margin-right: 5px; }
a.download_link:hover { color: #000; text-decoration: underline; }
div.item_divider { background: url('/images/frontend/catalogue/item_divider.gif') no-repeat; width: 620px; height: 1px; margin: 10px 0; }
/* ------------- HEADER IMAGES ---------------- */
div#headerimage { width: 640px; height: 360px; float: right; }
div#headerimage div.headerimage_caption {
z-index: 10;
font-size: 24px; color: #cec8c7; font-weight: normal;
width: 600px; height: 32px;
padding: 12px 20px 6px;
background: url('../images/bg.caption.headerimage.png') repeat-x;
position: relative; top: -50px;
}
/* ------------- LOGIN BOX ---------------- */
div#loginbox { background: url('/images/frontend/login/bg.loginbox.gif') no-repeat; color: #979797; font-size: 11px; width: 222px; height: 120px; padding: 8px 10px; float: left; margin-bottom: 8px;}
div#loginbox h2 { font-size: 14px; color: #fff; }
div#loginbox table { width: 100%; margin-bottom: 5px;}
div#loginbox a { color: #979797; text-decoration: underline; }
div#loginbox a:hover { color: #fff; text-decoration: underline; }
div#loginbox form input[type=text], div#loginbox form input[type=password] { width: 143px; height: 20px; background: url('/images/frontend/forms/bg.input.round.png'); border: 0; padding: 3px 5px 0 5px; margin-bottom: 5px; }
/* ------------- FOOTER ---------------- */
div#footer div#footer_text_top { background: url('/images/frontend/footer/bg.footer.top.gif') no-repeat; width: 902px; height: 9px; }
div#footer div#footer_text_bottom { background: url('/images/frontend/footer/bg.footer.bottom.gif') no-repeat; width: 902px; height: 9px; }
div#footer div#footer_text { background: #545354; padding: 0 10px; width: 882px; color: #999; font-size: 12px; }
div#footer div#footer_text h3 { color: #ccc; font-size: 18px; font-weight: normal; }
div#footer table { width: 882px; font-size: 11px; margin: 8px 10px 0; color: #333; }
div#footer table a { color: #333; text-decoration: none; }
div#footer table a:hover { color: #000; text-decoration: underline; }
/* ------------- PRINT ---------------- */
div.paper { text-align: left; font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; }
div.paper table td.paper { vertical-align: top; padding: 10px; }
div.paper th { color: #666; padding-right: 10px;}
div.paper h1 { font-size: 24px; font-weight: bold; margin-bottom: 16px; }
div.paper h2 { font-size: 14px; font-weight: bold; }
div.paper h2 a { color: #000; text-decoration: none;}
div.paper h2 a:hover { color: #000; text-decoration: underline; }
div.paper h3 { margin: 10px; text-transform: uppercase; font-weight: bold; color: #E7500B; border-bottom: 1px solid #E7500B; line-height: 20px; font-size: 12px; margin-bottom: 5px;}
div.paper h3 img { float: right; margin-top: 4px; }
div.paper h3 a#print { background: url('/images/icons/print.gif') no-repeat; padding: 0 0 0 20px; width: 30px; float: right; color: #E7500B; text-decoration: none; text-align: right; text-transform: none; font-weight: normal;}
div.paper h3 a#print:hover { text-decoration: underline; }
div.paper h4 { font-weight: bold; color: #000; line-height: 20px; font-size: 16px; margin-bottom: 5px;}
div.paper h4 img { float: right; margin-top: 4px; }
div.paper p { line-height: 18px; margin-bottom: 9px;}
div.paper p a { color: #333; text-decoration: none;}
div.paper p a:hover { color: #000; text-decoration: underline; }
div.paper div#dvd_properties h3 { margin: 0 0 5px 0; }
/* ------------- HELPER STYLES ---------------- */
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.h20px { height: 20px; }
td.right { text-align: right; }
.cleaner { clear: both; }
div.divider { clear:both; margin: 0; border-top: 1px solid #CAC6C6; }
.grey { color: #999; }