/* Hide */ #main-nav h2, #access { display:none; } #mythical-virgin-ids { display: none;} /* Main Virgin Header */ #virgin-header { width:100%; height:100px; font-family: Verdana, Arial, sans-serif; display:none;} #virgin-header .vh-hide { display:none; } #virgin-header .vh-bg { width:100%; height:9.1em; min-height:91px; position:absolute; top:0px; left:0px; } #virgin-header .vh-bg-main { width:100%; height:100%; min-height:91px; background:#000; opacity:0.85; } #virgin-header .vh-bg-t1, #virgin-header .vh-bg-t2, #virgin-header .vh-bg-b1, #virgin-header .vh-bg-b2 { width:100%; background:#000; position:absolute; left:0px; opacity:0.3; } #virgin-header .vh-bg-t1 { height:4px; top:-4px; font-size:1px; } #virgin-header .vh-bg-t2 { height:8px; top:-8px; font-size:1px; } #virgin-header .vh-bg-b1 { height:4px; bottom:-4px; font-size:1px; } /*#virgin-header .vh-bg-b2 { height:8px; bottom:-8px; font-size:1px; }*/ #virgin-header .vh-content { width:920px; height:9.1em; min-height:91px; margin:0 auto; position:relative; } #virgin-header h2 { width:259px; height:185px; text-indent:-9999px; position:absolute; top:5px; left:10px; z-index:1000; background:url(../ui/virgin-header/virgin_media_logo.png) no-repeat; } #virgin-header h2 a { width:100%; height:185px; display:block; } #virgin-header .vh-main-links { width:100%; position:absolute; top:-3em; left:0px; z-index:1020; } #virgin-header .vh-main-links li { height:2.8em; margin:0 5px 0 0; font-size:1.2em; font-weight:bold; float:left; position:relative; } #virgin-header .vh-main-links a { padding:3px 7px; display:block; color:#535353; text-decoration:none; background:#ececec; text-indent: -999em; } #virgin-header .vh-main-links a:hover { color:#ececec; text-decoration:none; background-color:#535353; background-position: bottom left !important; } #virgin-header .vh-main-links li.vh-right { margin:0 0 0 5px; float:right; } #virgin-header .vh-main-links li.vh-sel a { display:block; color:#fff; background:#000; opacity:0.85;} #virgin-header .vh-main-links li.vh-sel div { width:100%; height:4px; background:#000; opacity:0.75; font-size:1px; } #virgin-header .vh-main-links li.vh-sel span { width:100%; height:4px; display:block; background:#000; opacity:0.6; font-size:1px; } #virgin-header .vh-main-links li#nav-1 a { background: url(../ui/virgin-header/nav_option_1.gif) no-repeat; width: 103px; overflow: hidden; } #virgin-header .vh-main-links li#nav-2 a { background: url(../ui/virgin-header/nav_option_2.gif) no-repeat; width: 183px; overflow: hidden; } #virgin-header .vh-main-links li#nav-3 a { background: url(../ui/virgin-header/nav_option_3.gif) no-repeat; width: 73px; overflow: hidden; } #virgin-header .vh-main-links li#nav-4 a { background: url(../ui/virgin-header/nav_option_4.gif) no-repeat; width: 22px; overflow: hidden; } #virgin-header .vh-main-links li#nav-5 a { background: url(../ui/virgin-header/nav_option_5.gif) no-repeat; width: 90px; overflow: hidden; } #virgin-header .vh-search { width:73em; position:absolute; top:7px; right:0px; z-index:1030; } #virgin-header .vh-search li { padding:2px 0 0 0; float:left; font-size:1em; font-weight:bold; } #virgin-header .vh-search a { padding:2px 10px; display:block; color:#fff; outline:none; text-decoration:none; } #virgin-header .vh-search a:hover { text-decoration:underline; } #virgin-header .vh-search form { width:73em; padding:5px; position:absolute; top:2.2em; right:0px; z-index:1040; background:url(../ui/virgin-header/form_bg.gif) repeat-x top;} #virgin-header .vh-search form .vh-text { width:570px; border:none; padding:3px; font-size:1.2em; float:left; } #virgin-header .vh-search form .vh-check { padding:0; float:left; vertical-align: middle;} #virgin-header .vh-search form label { margin:4px 5px 0 2px; color:#fff; float:left; } #virgin-header .vh-search form .vh-submit { width:63px; height:26px; margin:0; padding:0; border:0; background:url(../ui/virgin-header/submit_bg_right.png) top; font-weight:bold; color:#fff; cursor:pointer; position:absolute; top:2px; right:5px; } #virgin-header .vh-search li.vh-last a { border-right:none; } #virgin-header .vh-search li.vh-sel { height:50px; margin-left:-1px; background: transparent url(../ui/virgin-header/form_tab_bg.gif) repeat-x; border-top:1px solid #3e3e3e;} #virgin-header .vh-search li.vh-sel a { } #virgin-header .vh-search .vh-form-maps .vh-text{ width:310px; } #virgin-header .vh-search .vh-form-maps .vh-where{ margin-left:5px; } #virgin-header .vh-search .vh-form-site .vh-text{ width:650px; } #virgin-header p.vh-powered { margin:0; padding:0 75px 0 0; line-height:27px; position:absolute; top:0px; right:0px; font-size:1em; color:#aaa; } #virgin-header p.vh-powered span { width:68px; height:23px; display:block; background:url(../ui/virgin-header/google_logo.png) no-repeat; text-indent:-9999px; position:absolute; top:5px; right:0px; } #uk-only { position: absolute; right: 86px; top: 7px;} #virgin-header .vh-nav { position:absolute; bottom:-5px; left:181px; z-index:1010; } #virgin-header .vh-nav li { margin:0; padding-bottom:8px; font-size:1.2em; font-weight:bold; float:left;} #virgin-header .vh-nav a { padding:2px 9px; border-right:1px solid #fff; float:left; color:#fff; text-decoration:none; } #virgin-header .vh-nav a:hover { margin:0 0 0 0; border-right:1px solid #ffe600; background:#ffe600; position:relative; color: black; } #virgin-header .vh-nav li:last-child a { border-right:none; } #virgin-header .vh-nav li.vh-sel { background:url(../ui/virgin-header/nav_selected_movies.png) no-repeat center -15px; } #virgin-header .vh-nav li.vh-sel a { margin:0 0 0 0; border-left:1px solid #ffe600; border-right:1px solid #ffe600; position:relative; color: black;} #virgin-header .vh-nav li.vh-sel-left a { border-color: #000; } #banner-space { width:100%; position:absolute; top:3px; left:0px; text-align:center; } /* Subheader */ #subheader_container { width:100%; height:100px; background:#070003 url(../ui/site/subheader/subheader_bar.jpg) repeat-x top; } #subheader { width:920px; height:100px; text-align: left; margin:0 auto; position:relative; } #subheader h2 { width:242px; height:96px; text-indent:-9999px; background: url(../ui/site/subheader/shorts_logo.png) no-repeat top; } #subheader ul { position:absolute; bottom:12px; right: 3px; height: 23px; } #subheader li { float:left; height: 19px; text-transform: uppercase; font-size:1.6em; } #subheader li.last span { border: none; } #subheader li a { color:#ffe600; text-decoration:none; font-family: "avant garde" sans-serif; padding-bottom: 12px; border-bottom: 4px solid #000; } #subheader li a span { display: block; height: 19px; border-right: 1px solid #6a6668; } #subheader li a:hover { color: white; border-bottom: 4px solid white; } #subheader a { color:#fff; text-decoration:none; outline: none; } #subheader form { position:absolute; top:10px; right:10px; } #subheader form a { color: #ffe600; } #subheader form a:hover { text-decoration: underline; } #subheader input { padding:2px; font-family: arial, helvetica, sans-serif; } #subheader input.text { margin:0; margin-left:20px; border:1px solid #fff; } #subheader input.submit { margin:0; border:none; color:#000; font-size:1em; background:#ffe600 url(../ui/site/buttons/arrow_buttons.png) no-repeat right 0px; text-decoration:none; padding-right: 10px; font-weight: bold; cursor:pointer;} #subheader input.submit:hover { color:#000; background-position:right -50px; } div#subheader a#link-home {position: relative; float: left; width: 63px; text-indent: -999em; background: url(../ui/site/subheader/subheader_home.gif) 0 0 no-repeat;} div#subheader a#link-about {position: relative; float: left; width: 66px; text-indent: -999em; background: url(../ui/site/subheader/subheader_about.gif) 0 0 no-repeat;} div#subheader a#link-blog {position: relative; float: left; width: 59px; text-indent: -999em; background: url(../ui/site/subheader/subheader_blog.gif) 0 0 no-repeat;} div#subheader a#link-films {position: relative; float: left; width: 59px; text-indent: -999em; background: url(../ui/site/subheader/subheader_films.gif) 0 0 no-repeat;} div#subheader a#link-judges {position: relative; float: left; width: 76px; text-indent: -999em; background: url(../ui/site/subheader/subheader_judges.gif) 0 0 no-repeat;} div#subheader a#link-winners {position: relative; float: left; width: 90px; text-indent: -999em; background: url(../ui/site/subheader/subheader_winners.gif) 0 0 no-repeat;} div#subheader a#link-shortlist {position: relative; float: left; width: 90px; text-indent: -999em; background: url(../ui/site/subheader/subheader_shortlist.gif) 0 0 no-repeat;} div#subheader a#link-prizes {position: relative; float: left; width: 100px; text-indent: -999em; background: url(../ui/site/subheader/subheader_fan_prizes.gif) 0 0 no-repeat;} div#subheader a#link-essentials {position: relative; float: left; width: 98px; text-indent: -999em; background: url(../ui/site/subheader/subheader_essentials.gif) 0 0 no-repeat;} div#subheader li.selected a#link-home, div#subheader a#link-home:hover {background: url(../ui/site/subheader/subheader_home.gif) -63px 0 no-repeat;} div#subheader li.selected a#link-about, div#subheader a#link-about:hover {background: url(../ui/site/subheader/subheader_about.gif) -66px 0 no-repeat;} div#subheader li.selected a#link-blog, div#subheader a#link-blog:hover {background: url(../ui/site/subheader/subheader_blog.gif) -59px 0 no-repeat;} div#subheader li.selected a#link-films, div#subheader a#link-films:hover {background: url(../ui/site/subheader/subheader_films.gif) -59px 0 no-repeat;} div#subheader li.selected a#link-judges, div#subheader a#link-judges:hover {background: url(../ui/site/subheader/subheader_judges.gif) -76px 0 no-repeat;} div#subheader li.selected a#link-winners, div#subheader a#link-winners:hover {background: url(../ui/site/subheader/subheader_winners.gif) -90px 0 no-repeat;} div#subheader li.selected a#link-shortlist, div#subheader a#link-shortlist:hover {background: url(../ui/site/subheader/subheader_shortlist.gif) -91px 0 no-repeat;} div#subheader li.selected a#link-prizes, div#subheader a#link-prizes:hover {background: url(../ui/site/subheader/subheader_fan_prizes.gif) -100px 0 no-repeat;} div#subheader li.selected a#link-essentials, div#subheader a#link-essentials:hover {background: url(../ui/site/subheader/subheader_essentials.gif) -98px 0 no-repeat;}