/*--------------------------------------------------------- S4/C Style Sheet ----------------------------------------------------------- For page(s): drama Last modified: 02/01/07 Modified by: Rhys Morris, S4C Additional notes: ***** ---------------------------------------------------------*/ /* -------------------------------------------- ELEMENTS */ *{font-size:100%;} body{margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.80em;text-align:center;line-height:1.4em;color:#4d4d4d;background:#fff;} html{margin:0 0 20px 0;padding:0;} /* h1 rules */ h1{position:relative;height:35px;overflow:hidden;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #989898;} h1 span{display:block;position:absolute;height:35px;width:528px;top:2px;left:0;background:transparent url("") no-repeat top left;} h1#e_h-drama span{background:url(../../img/e_h-drama.gif); } h1#c_h-drama span{background:url(../../img/c_h-drama.gif);} /* drama */ #drama-archive h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#786e19;margin:1em 9px 1em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;} #drama-archive p{margin:0;margin:0 9px 0 9px;padding:0 0 0.7em 0;color:#494949;} #drama-one{float:right;text-align:left; margin:0.4em 1em 0 0.3em;} #drama h2{text-shadow: 0 0 0 #000;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;color:#000;margin:10px 0 5px 0;padding:7px 8px 5px 8px ;font-weight:normal; width:150px; background-color:#F5F5F5;float:left;clear:both;/* -moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background-color:#F5F5F5;clear:both;display:block; width:9em; */} #drama p{text-shadow: 0 0 0 #000;margin:0 0 0.4em 0;padding:3px 5px 3px 8px ;font-weight:normal; color:#000; width:180px;background-color:#F5F5F5;float:left;clear:both; } #drama p.watch {text-shadow: 0 0 0 #000;padding:0 0 0.1em 1.5em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch-white.gif") no-repeat top left; color:#fff;float:left;clear:both;} /*-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background-color:#F5F5F5;clear:both;display:block; width:9em;*/ #teulu_promo{text-align:center; margin:5px 5px 5px 5px;} #drama a{border-bottom:1px solid #888;text-decoration:none;color:#000;font-weight:normal;/* -moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background-color:#F5F5F5;*/} #drama a:hover{color:#000;border-bottom:1px solid #000;text-decoration:none;font-weight:normal;/*-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background-color:#F5F5F5;*/} #drama img{width:256px;float:left;} #drama ul{margin:10px 0 2em 0;padding:0;list-style-type:none;} div.drama-column h3{border-bottom:1px solid #9CA4A4;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;padding:0 9px 0.2em 0;color:#587056;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.drama-column ul{margin:0.4em 0 0 0;padding:0;list-style-type:none;} div.drama-column ul li{padding:0.1em 0 0.3em 10px;margin:0;color:#4d4d4d;background:transparent url("../../img/bulletonwhite.gif") no-repeat top left;} div.drama-column ul li a{color:#786e19;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.drama-column ul li a:hover{color:#494949;border-bottom:1px solid #898989;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.drama-column h3.h-level{padding-top:1.2em;} /*coloured columns */ #drama-column-01{width:174px;float:left;margin:0 3px 1em 0px;} #drama-column-02{width:174px;float:left;margin:0 0px 1em 9px;} #drama-column-03{width:174px;float:right;margin:0 0px 1em 0px;} /*#drama-column-01{background:#4e5826 url("http://www.s4c.co.uk/amg/web/175x110/sombreros.jpg") no-repeat top left;padding-top:110px;}*/ /*#drama-column-01{background:#4e5826 url("http://www.s4c.co.uk/amg/web/175x110/rownd-a-rownd.jpg") no-repeat top left;padding-top:110px;}*/ #drama-column-01{background:#4e5826 url("http://www.s4c.co.uk/amg/web/245x138/rownd-a-rownd.jpg") no-repeat top left;padding-top:110px;} /*#drama-column-02{background:#4e5826 url("../../img/porthpenwaig-sml.jpg") no-repeat top left;padding-top:110px;}*/ /*#drama-column-03{background:#4e5826 url("../../img/caerdydd.jpg") no-repeat top left;padding-top:110px;}*/ /*#drama-column-02{background:#4e5826 url("http://www.s4c.co.uk/amg/web/175x110/zanzibar.jpg") no-repeat top left;padding-top:110px;}*/ /*#drama-column-02{background:#4e5826 url("http://www.s4c.co.uk/amg/web/175x110/patagonia.jpg") no-repeat top left;padding-top:110px;}*/ #drama-column-02{background:#4e5826 url("http://www.s4c.co.uk/amg/web/245x138/patagonia.jpg") no-repeat top left;padding-top:110px;} /*#drama-column-03{background:#4e5826 url("../../img/porthpenwaig-sml.jpg") no-repeat top left;padding-top:110px;}*/ /*#drama-column-03{background:#4e5826 url("../../img/alys-small.jpg") no-repeat top left;padding-top:110px;}*/ /*#drama-column-03{background:#4e5826 url("../../img/pobolycwm_sioned.jpg") no-repeat top left;padding-top:110px;}*/ #drama-column-03{background:#4e5826 url("http://www.s4c.co.uk/amg/web/245x138/pyc.jpg") no-repeat top left;padding-top:110px;} #drama-column-01 div, #drama-column-02 div, #drama-column-03 div, #drama-column-04 div, #drama-column-05 div,#drama-column-06 div{padding:0 10px 10px 10px;color:#fff;min-height:120px;} #drama-column-01 div h2, #drama-column-02 div h2, #drama-column-03 div h2, #drama-column-04 div h2, #drama-column-05 div h2, #drama-column-06 div h2 {color:#228eb4; padding:0.5em 0px 0px 0px; } #drama-column-01 div h2 a, #drama-column-02 div h2 a, #drama-column-03 div h2 a, #drama-column-04 div h2 a, #drama-column-05 div h2 a, #drama-column-06 div h2 a{color:#fff; padding:0em 0px 0.2em 0px;text-decoration:none; border-bottom: 1px solid #677045;} #drama-column-01 div h2 a:hover, #drama-column-02 div h2 a:hover, #drama-column-03 div h2 a:hover, #drama-column-04 div h2 a:hover, #drama-column-05 div h2 a:hover, #drama-column-06 div h2 a:hover{color:#151906; padding:0em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #7a7a7d;} #drama-column-01 div a, #drama-column-02 div a, #drama-column-03 div a, #drama-column-04 div a, #drama-column-05 div a, #drama-column-06 div a{color:#fff; text-decoration:none; border-bottom: 1px solid #677045;} #drama-column-01 div a:hover, #drama-column-02 div a:hover, #drama-column-03 div a:hover, #drama-column-04 div a:hover, #drama-column-05 div a:hover, #drama-column-06 div a:hover{color:#151906; text-decoration:none; border-bottom: 1px solid #7a7a7d;} /* Side Nav */ #sideNav div{margin:8px 0 10px 0;} #sideNav h4{padding:0.8em 0.8em 0 0.8em;margin:0;color:#fff;} #sideNav .sideNav-promo img{margin:0.8em 0 0 0.8em;} #sideNav .sideNav-promo p{color:#fff;margin-bottom:1em;} /* Misc. */ .cb{clear:both; margin:0;padding:0;} .nb{border:0px;} .error{color:red;font-weight:bold;} .hide{width:1px;position:absolute;left:-9999px;} .cbHide{clear:both;margin:0;padding:0;line-height:0;} .block{display:block;} .fl{float:left;} .fr{float:right;} ol.alpha{list-style-type:lower-alpha;} abbr, acronym{border:0;} .np{padding-left:0;margin-left:11px;} /* --------------------------------------------- LAYOUT */ /* Main content areas */ #content{clear:both;padding-top:1em;border-top:1px solid #989898;} #content-nb{clear:both;padding-top:1em;} /* Two column */ #content-2col-col1{width:190px;float:left;padding-top:43px;background:transparent url("../../img/nav-top.gif") no-repeat top left;} #content-2col-col2{width:548px;float:right;} /*Sub content sections of inner pages (contact and feeds) */ div.subContent-2col-col1{width:264px;float:left;} div.subContent-2col-col2{width:264px;float:right;} /* drama */ /*#drama{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/pobolycwm_bk.jpg") no-repeat top left;} #drama{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/gwaith-cartref-header.jpg") no-repeat top left;}*/ /*#drama{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/sombreros.jpg") no-repeat top left;}*/ /*#drama{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/patagonia.jpg") no-repeat top left;}*/ /*#drama{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/teulu-2012.jpg") no-repeat top left;}*/ #drama{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/840x250/teulu-2012.jpg") no-repeat top left;} #drama div{clear:both;padding:10px 10px 0 10px;} #tipynostad{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tipynostad_bk.jpg") no-repeat top left;} #tipynostad div{clear:both;padding:10px 10px 0 10px;} #hope{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/hope_bk.jpg") no-repeat top left;} #hope div{clear:both;padding:10px 10px 0 10px;} #mandel{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/mandel_bk.jpg") no-repeat top left;} #mandel div{clear:both;padding:10px 10px 0 10px;} /*#teulu-2012{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/teulu-2012.jpg") no-repeat top left;}*/ #teulu-2012{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/840x250/teulu-2012.jpg") no-repeat top left;} /*#teulu{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/teulu_large.jpg") no-repeat top left;}*/ #teulu div{clear:both; padding:10px 10px 0 10px;} #arwyr{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/arwyr_bk.jpg") no-repeat top left;} #arwyr div{clear:both;padding:10px 10px 0 10px;} #omlet{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/omlet_bk.jpg") no-repeat top left;} #omlet div{clear:both;padding:10px 10px 0 10px;} #yrhwyd{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/yrhwyd_bk.jpg") no-repeat top left;} #yrhwyd div{clear:both;padding:10px 10px 0 10px;} #tipynostad_28{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tipynostad_janet_bk.jpg") no-repeat top left;} #tipynostad_28 div{clear:both;padding:10px 10px 0 10px;} #tipynostad_33{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tipynostad_huw_bk.jpg") no-repeat top left;clear:both;} #tipynostad_33 div{padding:10px 10px 0 10px;} #gwaith{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/gwaith-cartref-header.jpg") no-repeat top left;} #gwaith div{clear:both; padding:10px 10px 0 10px;} #garitryfan{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/garitryfan.jpg") no-repeat top left;clear:both;} #garitryfan div{padding:10px 10px 0 10px;} #ystafellddirgel{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/ystafellddirgel.jpg") no-repeat top left;clear:both;} #ystafellddirgel div{padding:10px 10px 0 10px;} #porthpenwaig{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/porthpenwaig.jpg") no-repeat top left;clear:both;} #porthpenwaig div{padding:10px 10px 0 10px;} #burton-y-gyfrinach{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/burton-y-gyfrinach.jpg") no-repeat top left;clear:both;} #martha{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/martha_bk.jpg") no-repeat top left;clear:both;} #martha div{padding:10px 10px 0 10px;} #schedule{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/schedule_bk.jpg") no-repeat top left;} #schedule div{clear:both;padding:10px 10px 0 10px;} #promo-holder{padding:0; margin:0px 0px 10px 0px;height:207px;background:#fff url("../../img/promo-holder.jpg") no-repeat center right;} div.drama-directory{clear:both;} div.drama-directory h3{border-bottom:1px solid #9CA4A4;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.3em;padding:0 9px 0.2em 0;color:#587056;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.drama-column{width:159px;float:left;margin:1em 10px 10px 10px;clear:right;} /* ------------------------------------------ NAVIGATION */ a img{border:none;} /* Sidenav */ #sideNav{width:188px;float:left;} /* Generic side links styles */ #sideNav ul, #sideNav p{list-style-type:none;margin:0.7em;padding:0.2em 0 0.6em 0;line-height:1.6em;} #sideNav ul li{padding:0.3em 0.5em 0.2em 0.5em;} #sideNav ul li a{color:#FFFFFF;text-decoration:none;border-bottom:1px solid #A9A39E;padding:0 0 0.2em 0;} #sideNav ul a:link{} #sideNav ul a:visited{} #sideNav ul a:hover{} #sideNav ul a:active{} #sideNav ul a:focus{} /* Individual side links styles */ .sideNav-greener-dk{background:#7a7a7d;} #sideNav .sideNav-greener-dk ul {padding-top:0.1em;} #sideNav .sideNav-greener-dk ul li {color:#FFF;} #sideNav .sideNav-greener-dk ul li a{color:#fff;} #sideNav .sideNav-greener-dk ul a:hover{color:#a6a6a6;border-bottom-color:#A9A39E;} .sideNav-greener-lt{background:#36312d;} .sideNav-greener-lt h3{color:#fff;border-bottom:0px solid #403b37;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding:0 1em 0 1.2em;} #sideNav .sideNav-greener-lt ul li{padding:0.3em 0 0.5em 0.3em;} #sideNav .sideNav-greener-lt ul li a{color:#fff;border-bottom:1px solid #534F4C;text-decoration:none;padding:0em 0 0.3em 0em;} #sideNav .sideNav-greener-lt ul li a:hover{color:#555555;} #sideNav .sideNav-greener-lt h3{margin:0.5em;padding:0.2em 0 0.4em 0.4em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;text-align:left;line-height:1.4em;color:#a3a2a2; font-weight:normal; border-bottom:1px solid #3f3c3b;} #sideNav .sideNav-feeds{background:#36312D;} #sideNav .sideNav-feeds h3{color:#fff;border-bottom:0px solid #403b37;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding:0 0 0 1.2em;} #sideNav .sideNav-feeds ul li{padding:0 0 0.5em 0.3em;} #sideNav .sideNav-feeds ul li a{color:#fff;border-bottom:1px solid #403b37;text-decoration:none;padding:0em 0 0.2em 2em;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:link{padding:0.1em 0 0.5em 2em;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:visited{background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:hover{color:#555555;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li.none {color:#FFF;padding:0.3em 0.5em 0.2em 0.5em;background:none;line-height:1.4em;} #sideNav .sideNav-feeds ul li.none a{color:#FFF;padding:0.5em 0 0 0;background:none;} #sideNav .sideNav-feeds ul li.none a:hover{color:#555555;padding:0.5em 0 0 0;background:none;} /* drama */ #drama ul li a{text-decoration:none;color:#fff;} div.drama-column ul li a{text-decoration:none;color:#555555;} /* new learners (also used in about pages) styles */ /* new learners (also used in about pages) styles */ #learners h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#4E5827;margin:1em 9px 0.2em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;} #learners h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 9px;color:#4E5827;margin:0;font-weight:normal;} #learners p{margin:0.5em 9px 1.7em 9px; } #learners a.contentlink{ color:#4d4d4d;border-bottom:1px solid #cccccc;padding:0 0 0.1em 0em; text-decoration:none;} #learners a:hover.contentlink { color:#228eb4;border-bottom:1px solid #cccccc;padding:0 0 0.1em 0em; text-decoration:none;} #learners h4{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 9px;color:#4E5827;margin:0 0 0.2em 0;font-weight:normal; cursor:hand; cursor:pointer;} #schedulelist h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:1em 9px 0 0px;color:#4E5827;margin:0;font-weight:normal;} #schedulelist ul{padding:0.2em 9px 0 9px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none;} #schedulelist ul li{padding:0em 9px 0 0px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none; margin:0em 0em 0.3em 0em;} #schedulelist ul li.tight{padding:0em 9px 0 0px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none; margin:0em 0em 0.2em 0em;} #schedulelist ul li a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0em 0em 0.8em 0em;} #schedulelist ul li a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #schedulelist ul li.watch a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} #schedulelist ul li.watch a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0;background:transparent url("../../img/watch.gif") no-repeat top left;} /*#onlineNav{width:260px;float:right; margin:0px 0px 5px 10px;text-align:right;} #onlineNav p{text-shadow: 0 0 0 #000;margin:0;padding:0.7em 0.4em 0.5em 0.3em;} #onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0em 0.7em 0;line-height:1.4em;} #onlineNav ul li{padding:0em 0em 0em 0.3em;} #onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;} #onlineNav ul li.watch a{color:#4E5827;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.3em 1.5em; background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav ul li.watch a:link{color:#4E5827 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.3em 1.5em; background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.3em 1.5em; background:transparent url("../../img/watch.gif") no-repeat top left;}*/ #onlineNav{padding:1px;border:1px solid #dadada; background:#fff;margin: 0.8em 0 1.5em 10px;} #onlineNav p{text-shadow: 0 0 0 #000;margin:0;padding:0.2em 0em 0.5em 0.6em;} #onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0 0em 0;line-height:1.4em;} #onlineNav ul li{padding:0em 0em 0em 0.5em;} #onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;} #onlineNav_inner{padding:0.1em 0.1em 0.1em 0; background-color:#E8E8E8;} #onlineNav_inner ul{margin:0.5em 0 0.3em 0;padding:0;} #onlineNav_inner ul li{padding:0em 0em 0.2em 0.5em;} #onlineNav_inner ul li a{color:#000018;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} #onlineNav_inner ul li a:hover{color:#4d4d4d;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} #onlineNav_inner ul li.watch a{color:#000018;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav_inner ul li.watch a:link{color:#000018 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav_inner ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav{padding:1px;border:1px solid #dadada; background:#fff;margin: 0.8em 0 1.5em 10px;} .onlineNav p{margin:0;padding:0.2em 0em 0.5em 0.6em;} .onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0 0em 0;line-height:1.4em;} .onlineNav ul li{padding:0em 0em 0em 0.5em;} .onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;} .onlineNav_inner{padding:0.1em 0.1em 0.1em 0; background-color:#E8E8E8;} .onlineNav_inner ul{margin:0.5em 0 0.3em 0;padding:0;} .onlineNav_inner ul li{padding:0em 0em 0.2em 0.5em;} .onlineNav_inner ul li a{color:#000018;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} .onlineNav_inner ul li a:hover{color:#4d4d4d;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} .onlineNav_inner ul li.watch a{color:#000018;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.watch a:link{color:#000018 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} #promo-holder {padding:0;} #promo {float:left; width:365px; height:207px; overflow:hidden; display:none;} #promo-link a {display:block; float:left; padding-top:96px; width:52px; height:111px; border-left: 2px solid #fff; border-right:1px solid #fff; background:url(../../img/trailer-out.gif) top #d8d9dc;} #promo-link a.promo-in {background:url(../../img/trailer-in.gif) top;} .white {color: #ffffff;} ul.ystafellddirgel_nav{color:#4D4D4D; border:1px solid #efefef; width:160px; float:right; padding:10px 0 0 10px; margin:0 0 10px 5px; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;} ul.ystafellddirgel_nav li #active{font-weight:bold;} ul.ystafellddirgel_nav li{list-style-type:none; padding:0 0 5px 0} ul.ystafellddirgel_nav li a{color:#000; text-decoration:none; border-bottom:1px solid #CCC;} ul.ystafellddirgel_nav li a:hover{color:#000; text-decoration:none; border-bottom:1px solid #000;} img.right{float:right; padding:2px; border:1px solid #CCC;} #javaoff {margin:10px 0 0 10px; padding:5px; background-color:#333333; color:#FFFFFF; display:inline;} .right_nav_gwaithcartref{font-family:Verdana,Arial,Helvetica,sans-serif; color:#4D4D4D; border:1px solid #efefef; width:160px; float:right; padding:0; margin:0 0 5px 5px; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;} .right_nav_gwaithcartref ul{padding:0 0 0 10px;} .right_nav_gwaithcartref ul li #active{font-weight:bold;} .right_nav_gwaithcartref ul li{list-style-type:none; padding:0 0 5px 0} .right_nav_gwaithcartref ul li a{color:#000; text-decoration:none; border-bottom:1px solid #CCC;} .right_nav_gwaithcartref ul li a:hover{color:#000; text-decoration:none; border-bottom:1px solid #000;} .clear { clear:both; } .form { color:#4D4D4D; } label { color: #4D4D4D; font-weight: bold; display: block; width: 185px; float: left; } .input-text{ width: 320px; border:2px solid #E8E8E8; color:#4D4D4D; margin:2px; } .submit { margin-left:185px; } .content_small { font-size:10px; font-style:italic;} #lbgallery { text-align:center;} #lbgallery ul {list-style:none; margin:0; padding-left:10px;padding-right:10px; text-align:center;} #lbgallery ul li {float:left; padding-right:8px; padding-bottom:15px;} /* popup */ ul#gallery img, img.grid { border:10px solid #333; border:10px solid rgba(255,255,255,0.1); margin:0; } div#popup { display:none; } /*js*/ dl.js { display:none; } div#popup dl.js { display:block; } div#popup { cursor:pointer; } div#content.js h3 { color:#c6883d; cursor:pointer; } div#content.js img.grid { cursor:pointer; } div#popup { background:#000 url(../../../img/close.jpg) no-repeat 540px 10px; border:10px solid #333; border:10px solid rgba(255,255,255,0.1); width:466px; position:absolute; right:50%; margin-right:-283px; z-index:100; } div#popup img { margin:10px; float:left;} div#popup p { margin:0 10px; float:left; width:360px; } div#popup dl { width:420px; float:left; display:block; } div#popup dt { margin:0 10px; color:#fff; } div#popup dd { margin:0 10px; font-size:0.9em;} div#popup dd a {color:#FF0; text-decoration:none;font-family: "S4CSans-Regular", Georgia, "Times New Roman", Times, serif;font-size:0.9em;} div#popup dd a:hover{color:#FF0; border-bottom:1px solid #FF0;} div#popup img.close { width:18px; height:18px; position:absolute; top:0; right:0; cursor:pointer; z-index:200; } .gallery-content { font-size:11px; margin: 0.5em 9px 0.5em;} /*video-popup*/ #video-popup { position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:url(http://www.s4c.co.uk/hafan/img/black35.png); display:none; } #video-popup-holder { padding:20px; position:absolute; z-index:10001; left:50%; background:#ffffff; background:rgba(255,255,255,.85); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); -moz-box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); behavior: url(PIE.htc); display:none; } #video-popup-close { position:absolute; z-index:10002; top:-7px; right:-7px; } /* ------------------------------------ END STYLE SHEET */