/* Listing Screen CSS Document */ /* -- RESULTS NAVIGATION -- */ #results-navigation { width: 770px; } #results-nagivation-bottom { width: 770px; } .pagination { width: 410px; float: left; } .pagination p { color: #aeaeae; margin: 0; } .pagination a { font-weight: bold; } .pagination em { font-weight: bold; font-style: normal; color: #fff; } #sorting { width: 300px; float: right; text-align: right; } #sorting select { font-size: 70%; border-width: 1px; border-style: solid; background-color: #dbdbdb; padding: 1px; border-top-color: #fff; border-right-color: #666; border-bottom-color: #666; border-left-color: #fff; } #press-release-schedule { width: 256px; height: 26px; float: right; border: 1px solid #515151; padding: 5px; background: url(../../images/press_label_downloadreleaseschedule.gif) 10px center no-repeat; } #press-release-schedule p { display: none; visibility: hidden; } #press-release-schedule div { width: 84px; height: 26px; float: right; margin-left: 3px; background-position: 0 0; background-repeat: no-repeat; } #press-release-schedule a { width: 84px; height: 26px; display: block; background-position: 0 0; background-repeat: no-repeat; } #press-release-schedule a:hover { background-position: 0 -26px; } #press-release-schedule .selected, #press-release-schedule .selected a { background-position: 0 -26px; } #press-release-schedule .disabled { background-position: 0 -52px; } #press-release-schedule span { display: none; visibility: hidden; } #press-release-schedule .download-retail, #press-release-schedule .download-retail a { background-image: url(../../images/press_button_downloadretail.gif); } #press-release-schedule .download-rental, #press-release-schedule .download-rental a { background-image: url(../../images/press_button_downloadrental.gif); } .no-releases p { text-align: center; font-size: 100%; padding-top: 10px; } /* -- PRODUCT ROW -- */ .product-row { width: 770px; } /* -- PRODUCT HOME PANEL -- */ .product-home-panel { width: 188px; float: left; } .product-home-panel img { float: left; background-color: #000; } .product-home-panel a { width: 186px; height: 186px; display: block; background-color: #fff; margin-bottom: 6px; border: 1px solid #777; } .product-home-panel a:hover img { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } .product-home-panel .detail { width: 168px; padding: 10px; background: url(../../images/product_panel_top_border.gif) top left no-repeat; height: auto !important; /* for modern browsers */ height: 150px; /* for IE5.x and IE6 */ min-height: 150px; /* for modern browsers */ } .product-home-panel .detail h2 { font-size: 90%; margin: 0; } .product-home-panel .detail .cast { margin: 0 0 0.5em 0; font-weight: bold; font-size: 75%; color: #aeaeae; } .product-home-panel .detail .synopsis { margin: 0.5em 0 0.5em 0; font-size: 70%; color: #aeaeae; } .product-home-panel .detail .release { margin: 0.5em 0 0 0; font-weight: bold; font-size: 75%; } .product-home-panel .listing-overlay a { position: absolute; z-index: 10; display: block; width: 186px; height: 186px; margin: 1px 0 0 1px; } .product-home-panel .listing-overlay a:hover { position: absolute; z-index: 10; display: block; width: 186px; height: 186px; background-color: #fff; filter:alpha(opacity=20); opacity: 0.2; } .product-home-panel .listing-overlay span { display: none; visibility: hidden; } /* -- PRODUCT PANEL -- */ .product-panel { width: 188px; float: left; background: url(../../images/product_panel_top_border.gif) top left no-repeat;} .product-panel .bottom { width: 188px; background: url(../../images/product_panel_bottom_border.gif) bottom left no-repeat; } .product-panel img { float: left; background-color: #000; } .product-panel a { width: 168px; height: 236px; display: block; background-color: #fff; border: 1px solid #777; margin: 9px 9px 6px 9px; } .product-panel a:hover img { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } .product-panel .detail { width: 170px; padding: 0 9px 9px 9px; } .product-panel .detail-height { height: auto !important; /* for modern browsers */ height: 105px; /* for IE5.x and IE6 */ min-height: 105px; /* for modern browsers */ } .product-panel .detail h2 { font-size: 90%; margin: 0; } .product-panel .detail .cast { margin: 0 0 0.5em 0; font-weight: bold; font-size: 75%; color: #aeaeae; } .product-panel .detail .genre { margin: 0.5em 0 0.5em 0; font-size: 70%; color: #aeaeae; } .product-panel .detail .genre em { color: #fff; font-style: normal; } .product-panel .detail .format { margin: 0.5em 0 0 0; font-weight: bold; font-size: 75%; } .product-panel .detail .release-date { margin: 0; font-weight: bold; font-size: 85%; } /* -- PRODUCT CATALOGUE PANEL -- */ .product-catalogue-panel { width: 150px; float: left; background: url(../../images/product_catalogue_panel_top_border.gif) top left no-repeat;} .product-catalogue-panel .bottom { width: 150px; background: url(../../images/product_catalogue_panel_bottom_border.gif) bottom left no-repeat; } .product-catalogue-panel img { float: left; background-color: #000; } .product-catalogue-panel a { width: 130px; height: 185px; display: block; background-color: #fff; border: 1px solid #777; margin: 9px 9px 6px 9px; } .product-catalogue-panel a:hover img { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } .product-catalogue-panel .detail { width: 132px; padding: 0 9px 9px 9px; } .product-catalogue-panel .detail-height { height: auto !important; /* for modern browsers */ height: 50px; /* for IE5.x and IE6 */ min-height: 50px; /* for modern browsers */ } .product-catalogue-panel .detail h2 { font-size: 90%; margin: 0; } .product-catalogue-panel .detail .cast { margin: 0; font-weight: bold; font-size: 70%; color: #aeaeae; } /* -- PRODUCT CINEMA PANEL -- */ .product-cinema-panel { width: 382px; float: left; background: url(../../images/product_panel_top_border.gif) top left no-repeat; } .product-cinema-panel .bottom { width: 382px; background: url(../../images/product_panel_bottom_border.gif) bottom right no-repeat; } .product-cinema-panel img { float: left; background-color: #000; } .product-cinema-panel a { width: 362px; height: 273px; display: block; background-color: #fff; border: 1px solid #777; margin: 9px 9px 6px 9px; } .product-cinema-panel a:hover img { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } .product-cinema-panel .detail { width: 364px; padding: 0 9px 9px 9px; } .product-cinema-panel .detail-height { height: auto !important; /* for modern browsers */ height: 105px; /* for IE5.x and IE6 */ min-height: 105px; /* for modern browsers */ } .product-cinema-panel .detail-height-cinema { height: auto !important; /* for modern browsers */ height: 62px; /* for IE5.x and IE6 */ min-height: 62px; /* for modern browsers */ } .product-cinema-panel .detail h2 { font-size: 90%; margin: 0; } .product-cinema-panel .detail .cast { margin: 0 0 0.5em 0; font-weight: bold; font-size: 75%; color: #aeaeae; } .product-cinema-panel .detail .genre { margin: 0.5em 0 0.5em 0; font-size: 70%; color: #aeaeae; } .product-cinema-panel .detail .genre em { color: #fff; font-style: normal; } .product-cinema-panel .detail .format { margin: 0.5em 0 0 0; font-weight: bold; font-size: 75%; } .product-cinema-panel .detail .release-date { margin: 0; font-weight: bold; font-size: 85%; } /* -- PRODUCT Festivals PANEL -- */ .product-festival-panel { width: 760px; float: left; background: url(../../images/product_panel_top_border.gif) top left no-repeat; } .product-festival-panel .bottom { width: 760px; background: url(../../images/product_panel_bottom_border.gif) bottom right no-repeat; } .product-festival-panel img { float: left; background-color: #000; } .product-festival-panel a.banner { width: 740px; height: 236px; display: block; background-color: #fff; border: 1px solid #777; margin: 9px 9px 6px 9px; } .product-festival-panel a:hover img { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } .product-festival-panel .detail { width: 742px; padding: 0 9px 9px 9px; } .product-festival-panel .detail-height { height: auto !important; /* for modern browsers */ height: 105px; /* for IE5.x and IE6 */ min-height: 105px; /* for modern browsers */ } .product-festival-panel .detail-height-cinema { height: auto !important; /* for modern browsers */ height: 62px; /* for IE5.x and IE6 */ min-height: 62px; /* for modern browsers */ } .product-festival-panel .detail h2 { font-size: 90%; margin: 0; } .product-festival-panel .detail .cast { margin: 0 0 0.5em 0; font-weight: bold; font-size: 75%; color: #aeaeae; } /* -- PRODUCT CINEMA COMING SOON PANEL -- */ .product-cinema-comingsoon-panel { width: 770px; float: left; background: url(../../images/product_panel_top_border.gif) top left no-repeat; } .product-cinema-comingsoon-panel .bottom { width: 770px; background: url(../../images/product_panel_bottom_border.gif) bottom right no-repeat; } .product-cinema-comingsoon-panel .banner-image { width: 750px; height: 236px; margin: 9px 9px 6px 9px; border: 1px solid #777; } .product-cinema-comingsoon-panel img { float: left; background-color: #000; } .product-cinema-comingsoon-panel a { width: 750px; height: 236px; display: block; background-color: #fff; } .product-cinema-comingsoon-panel a:hover img { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } .product-cinema-comingsoon-panel .detail { width: 752px; padding: 0 9px 9px 9px; } .product-cinema-comingsoon-panel .detail .title { width: 452px; float: left; } .product-cinema-comingsoon-panel .detail .title h2 { font-size: 90%; margin: 0; } .product-cinema-comingsoon-panel .detail .release-date { width: 300px; float: right; } .product-cinema-comingsoon-panel .detail .release-date p { text-align: right; margin: 0; font-size: 90%; } /* -- GENRE FILTER -- */ #genre-filter { width: 770px; margin-left: auto; margin-right: auto; } #genre-filter div div { height: 21px; float: left; background-position: 0 0; background-repeat: no-repeat; } #genre-filter a { height: 21px; display: block; background-position: 0 0; background-repeat: no-repeat; } #genre-filter a:hover { background-position: 0 -21px; } #genre-filter .selected, #genre-filter .selected a { background-position: 0 -21px; } #genre-filter .disabled { background-position: 0 -42px; } #genre-filter span { display: none; visibility: hidden; } #genre-filter .row-1 { width: 536px; margin: 0 auto 3px auto; } #genre-filter .row-2 { width: 613px; margin: 0 auto 0 auto; } #genre-filter .filter-viewall, #genre-filter .filter-viewall a { width: 56px; background-image: url(../../images/filter_viewall.gif); } #genre-filter .filter-war, #genre-filter .filter-war a { width: 38px; background-image: url(../../images/filter_war.gif); } #genre-filter .filter-family, #genre-filter .filter-family a { width: 49px; background-image: url(../../images/filter_family.gif); } #genre-filter .filter-animation, #genre-filter .filter-animation a { width: 66px; background-image: url(../../images/filter_animation.gif); } #genre-filter .filter-drama, #genre-filter .filter-drama a { width: 49px; background-image: url(../../images/filter_drama.gif); } #genre-filter .filter-scifi, #genre-filter .filter-scifi a { width: 47px; background-image: url(../../images/filter_scifi.gif); } #genre-filter .filter-horror, #genre-filter .filter-horror a { width: 49px; background-image: url(../../images/filter_horror.gif); } #genre-filter .filter-thriller, #genre-filter .filter-thriller a { width: 51px; background-image: url(../../images/filter_thriller.gif); } #genre-filter .filter-action, #genre-filter .filter-action a { width: 49px; background-image: url(../../images/filter_action.gif); } #genre-filter .filter-comedy, #genre-filter .filter-comedy a { width: 55px; background-image: url(../../images/filter_comedy.gif); } #genre-filter .filter-romanticcomedy, #genre-filter .filter-romanticcomedy a { width: 104px; background-image: url(../../images/filter_romanticcomedy.gif); } #genre-filter .filter-documentary, #genre-filter .filter-documentary a { width: 80px; background-image: url(../../images/filter_documentary.gif); } #genre-filter .filter-truestory, #genre-filter .filter-truestory a { width: 67px; background-image: url(../../images/filter_truestory.gif); } #genre-filter .filter-martialarts, #genre-filter .filter-martialarts a { width: 76px; background-image: url(../../images/filter_martialarts.gif); } #genre-filter .filter-western, #genre-filter .filter-western a { width: 59px; background-image: url(../../images/filter_western.gif); } #genre-filter .filter-crime, #genre-filter .filter-crime a { width: 48px; background-image: url(../../images/filter_crime.gif); } #genre-filter .filter-erotica, #genre-filter .filter-erotica a { width: 53px; background-image: url(../../images/filter_erotica.gif); } #genre-filter .filter-foreignlanguage, #genre-filter .filter-foreignlanguage a { width: 105px; background-image: url(../../images/filter_foreignlanguage.gif); } /* -- ALPHA-NUMERIC FILTER -- */ #alphanumeric-filter { width: 717px; height: 21px; margin-left: auto; margin-right: auto; } #alphanumeric-filter div { width: 21px; height: 21px; float: left; background-position: 0 0; background-repeat: no-repeat; } #alphanumeric-filter a { width: 21px; height: 21px; display: block; background-position: 0 0; background-repeat: no-repeat; } #alphanumeric-filter a:hover { background-position: 0 -21px; } #alphanumeric-filter .selected, #alphanumeric-filter .selected a { background-position: 0 -21px; } #alphanumeric-filter .disabled { background-position: 0 -42px; } #alphanumeric-filter span { display: none; visibility: hidden; } #alphanumeric-filter .filter-viewall, #alphanumeric-filter .filter-viewall a { width: 56px; background-image: url(../../images/filter_viewall.gif); } #alphanumeric-filter .filter-num, #alphanumeric-filter .filter-num a { width: 34px; background-image: url(../../images/filter_num.gif); } #alphanumeric-filter .filter-a, #alphanumeric-filter .filter-a a { background-image: url(../../images/filter_a.gif); } #alphanumeric-filter .filter-b, #alphanumeric-filter .filter-b a { background-image: url(../../images/filter_b.gif); } #alphanumeric-filter .filter-c, #alphanumeric-filter .filter-c a { background-image: url(../../images/filter_c.gif); } #alphanumeric-filter .filter-d, #alphanumeric-filter .filter-d a { background-image: url(../../images/filter_d.gif); } #alphanumeric-filter .filter-e, #alphanumeric-filter .filter-e a { background-image: url(../../images/filter_e.gif); } #alphanumeric-filter .filter-f, #alphanumeric-filter .filter-f a { background-image: url(../../images/filter_f.gif); } #alphanumeric-filter .filter-g, #alphanumeric-filter .filter-g a { background-image: url(../../images/filter_g.gif); } #alphanumeric-filter .filter-h, #alphanumeric-filter .filter-h a { background-image: url(../../images/filter_h.gif); } #alphanumeric-filter .filter-i, #alphanumeric-filter .filter-i a { background-image: url(../../images/filter_i.gif); } #alphanumeric-filter .filter-j, #alphanumeric-filter .filter-j a { background-image: url(../../images/filter_j.gif); } #alphanumeric-filter .filter-k, #alphanumeric-filter .filter-k a { background-image: url(../../images/filter_k.gif); } #alphanumeric-filter .filter-l, #alphanumeric-filter .filter-l a { background-image: url(../../images/filter_l.gif); } #alphanumeric-filter .filter-m, #alphanumeric-filter .filter-m a { background-image: url(../../images/filter_m.gif); } #alphanumeric-filter .filter-n, #alphanumeric-filter .filter-n a { background-image: url(../../images/filter_n.gif); } #alphanumeric-filter .filter-o, #alphanumeric-filter .filter-o a { background-image: url(../../images/filter_o.gif); } #alphanumeric-filter .filter-p, #alphanumeric-filter .filter-p a { background-image: url(../../images/filter_p.gif); } #alphanumeric-filter .filter-q, #alphanumeric-filter .filter-q a { background-image: url(../../images/filter_q.gif); } #alphanumeric-filter .filter-r, #alphanumeric-filter .filter-r a { background-image: url(../../images/filter_r.gif); } #alphanumeric-filter .filter-s, #alphanumeric-filter .filter-s a { background-image: url(../../images/filter_s.gif); } #alphanumeric-filter .filter-t, #alphanumeric-filter .filter-t a { background-image: url(../../images/filter_t.gif); } #alphanumeric-filter .filter-u, #alphanumeric-filter .filter-u a { background-image: url(../../images/filter_u.gif); } #alphanumeric-filter .filter-v, #alphanumeric-filter .filter-v a { background-image: url(../../images/filter_v.gif); } #alphanumeric-filter .filter-w, #alphanumeric-filter .filter-w a { background-image: url(../../images/filter_w.gif); } #alphanumeric-filter .filter-x, #alphanumeric-filter .filter-x a { background-image: url(../../images/filter_x.gif); } #alphanumeric-filter .filter-y, #alphanumeric-filter .filter-y a { background-image: url(../../images/filter_y.gif); } #alphanumeric-filter .filter-z, #alphanumeric-filter .filter-z a { background-image: url(../../images/filter_z.gif); }