/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2: font.css and reset.css */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;} /*clear fix taken and adapted from positioniseverything.net */ /* alternative version - try it out, if it doesn't work, revert back to the previous version */ .cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .cf {height:1%;} .fl {float:left;} .fr {float:right;} .pr {position: relative;} .js-block, .js-inline {display:none;} .lbl-hidden {position:absolute;top:-1000px; left:-1000px; z-index:-1} .lbl-invisible {visibility:hidden;} /*leaves in flow for spacing */ a { text-decoration:none; color:#fff; cursor: hand; cursor: pointer;} .p a { color:#ffcc00;} .disabled{ filter:alpha(opacity=45);opacity: 0.45;-moz-opacity:0.45;} .hr {height:1px; margin:10px} .bullet li{list-style:disc} select {background:#fabe2a; border:0; padding:2px; margin:0 0 0 16px; width:285px; font-size:120%; font-weight:bolder;} /* begin: layout */ body ,html{font-family:Helvetica,Arial,sans-serif;} #top,#bottom,#left,#right {position:fixed;background:#333; z-index:20} #top,#bottom {left:0;width:100%;height:6px;} #top { top:0; } #bottom {bottom:0; } #left,#right {top:0;height:100%;width:6px;} #left {left:0;} #right {right:0;} /* Generic background and red/grey colour scheme */ body, html { background: url(/static/img/backgrounds/main.png) repeat-x #dbd8d0; color:#fff;} #top,#bottom,#left,#right {background:#333;} #nav2 {background:#dc291e;} .nav3 ul li a img {border-color:#9d2c1e;} h2.generic{font-size:150%; font-weight: bold; padding-bottom: 10px; } .container {width:936px; margin:0 auto; } .footer { margin:55px 0 140px 0; font-size:110%; } .footer .top {height:4px; width:936px; background: url(../img/footer/top.png) no-repeat; overflow:hidden ; margin-bottom:-1px; } .footer .mid { border-left:1px solid #e7e6e0; border-right:1px solid #e7e6e0; padding:5px 0; height:20px; background:url(../img/footer/bg.png) repeat-x; width:934px;} .footer .mid span {float:left; padding-left:18px; color:#30292a;} .footer .mid ul {float:right; padding-right:10px} .footer .mid ul li {float:left; padding-right:10px} .footer .mid ul li a{color:#30292a;} .footer .bot { height:4px ; width:936px; background: url(../img/footer/bot.png) no-repeat; overflow:hidden; margin-left:0;} .footer .footer_tc {width:90%; margin:0 auto; text-align:center; padding:10px 0; color:#30292A; font-size:80%;} /* Modified in IE6.css */ .footer .footer_tc a { color: #30292A; } .footer .footer_tc a:hover { color: #30292A; text-decoration: underline;} .footer .footer_tc img {margin:2px -80px 0 130px; float:left; clear:left;} .footer .footer_tc span.pa {position: absolute; left: -100px; top: 10px;} * html .footer .footer_tc span.pa {display: block; width: 91px; height: 45px; z-index: 9999; left: 0px;} * html .footer .footer_tc span.pa img {position: relative; left: -100px;} /* end: layout */ /* Begin: nav 1 */ .nav1 { padding:13px 0pt 0 30px ; overflow:hidden} .nav1 ul { padding:20px 38px 0 0; float:right;overflow:hidden; width:auto; } .nav1 h1{ float:left } .nav1 h1 a {display:block; width:80px; height:60px; background:url(../img/logos/mcdonalds.gif) no-repeat; position:relative; } .nav1 h1 a span { position:absolute; left: -9999px; } .nav1 ul li{float:left; margin-left:20px;} .nav1 ul li a {position:relative; display:block; height:37px} .nav1 ul li a span {position:absolute; text-align:center; font-size:168%; line-height:43px; height:30px; display:block; overflow:hidden } .nav1 ul li a span.selected {background-color:#ca362d; margin:1px 1px; height:28px;} .nav1 ul li:hover a span.setHover {background-color:#4f493a; margin:1px 1px; height:28px;} .nav1 ul li.doIeHover a span.setHover {background-color:#4f493a; margin:1px 1px; height:28px;} .nav1 ul li a span.txt {visibility:hidden;} .nav1 ul li a span.glass { background-repeat:no-repeat } .nav1 ul li a.food, .nav1 ul li a.food span { width:68px;} .nav1 ul li a.food span.selected, .nav1 ul li a.food span.setHover{width:66px;} .nav1 ul li a.food span.glass {background-image:url(../img/nav1/food.png); } .nav1 ul li a.restaurants, .nav1 ul li a.restaurants span {width:126px;} .nav1 ul li a.restaurants span.selected, .nav1 ul li a.restaurants span.setHover {width:124px; } .nav1 ul li a.restaurants span.glass {background-image:url(../img/nav1/restaurants.png);} .nav1 ul li a.ourworld, .nav1 ul li a.ourworld span { width:111px; } .nav1 ul li a.ourworld span.selected, .nav1 ul li a.ourworld span.setHover {width:109px;} .nav1 ul li a.ourworld span.glass {background-image:url(../img/nav1/our-world.png);} .nav1 ul li a.sports, .nav1 ul li a.sports span { width:74px; } .nav1 ul li a.sports span.selected, .nav1 ul li a.sports span.setHover {width:72px;} .nav1 ul li a.sports span.glass {background-image:url(../img/nav1/sport.png); } .nav1 ul li a.about-us, .nav1 ul li a.about-us span { width:100px; } .nav1 ul li a.about-us span.selected, .nav1 ul li a.about-us span.setHover {width:98px;} .nav1 ul li a.about-us span.glass {background-image:url(../img/nav1/about-us.png); } .nav1 ul li a.careers, .nav1 ul li a.careers span { width:90px;} .nav1 ul li a.careers span.selected, .nav1 ul li a.careers span.setHover {width:88px; } .nav1 ul li a.careers span.glass {background-image:url(../img/nav1/careers.png); } /* End: nav 1 */ /* Begin: nav 2 (FLY OUT NAV )*/ #nav2-space { height:0; margin:0 0 32px; } #nav2 { border-top:1px solid #3b352e; border-bottom:1px solid #c6c4b5; left:0; margin-top:18px; padding-left:10px; overflow:hidden; } .js #nav2 { width:100%; border-top:1px solid #3b352e; border-bottom:1px solid #c6c4b5; left:0; position:absolute; margin-top:0; padding-left:0; z-index:200; top:88px; /* height:252px; */ overflow:hidden; } #nav2 .nav2-inner {width:936px; overflow:hidden; margin:0 auto; position:relative; } #nav2 .nav2-inner .header-buttons a.hide{float:right; margin:11px 22px 0 0; } #nav2 .nav2-inner .header-buttons a.hide img{display:block; margin-top:5px; } #nav2 .nav2-inner .nav2-category {position:relative; overflow:visible; margin-top:9px} #nav2 .nav2-inner .nav2-category h2 { position:absolute; top:-35px; font-weight:normal; font-size:150%} #nav2 .nav2-inner .nav2-category ul { width:960px; margin:0; padding:0;} #nav2 .nav2-inner .nav2-category ul li {float:left; margin:0; padding:0; margin:0 0 10px 10px; left:-10px; position:relative;} #nav2 .nav2-inner .nav2-category ul li img { display:block } #nav2 .nav2-inner .nav2-category ul li a {display:block; width:120px; height:84px; border:solid 1px #93190A;} #nav2 .nav2-inner .nav2-category ul li .text { height:10px; position:absolute; bottom:9px; left:0; text-align: center; width:100%; display:block; font-size:82% } #nav2 .nav2-inner .nav2-category ul li .glass { position:absolute; bottom:1px; background:#dc291e; left:1px; height:28px; width:120px; display:block } #nav2 .nav2-inner .nav2-category ul li:hover .glass{background:#bb2f1e;} #nav2 .nav2-inner .nav2-category ul li.liHover .glass{ background:#bb2f1e; } #nav2 .nav2-category {display:none;} .food #nav2 .food, .restaurants #nav2 .restaurants, .ourworld #nav2 .ourworld, .sports #nav2 .sports, .about-us #nav2 .about-us, .careers #nav2 .careers {display:block;} /* End: nav 2 */ /* Begin: nav 3 ( DOCKED NAV ) */ .nav3 { border-top:1px solid #9d2c1e; background: #dc291e; width:927px; margin:0 auto;} .js .nav3 { position:fixed; bottom:0; z-index:500; overflow:hidden; width:100%; height:115px; border-top:1px solid #9d2c1e; background: #dc291e;} .preLoader { position:fixed; bottom:0; z-index:501; overflow:hidden; width:100%; height:115px; background: #dc291e;} #docNavLoad { display: none; height:115px; z-index:501; left:0;} #docNavLoad div#loader{width:40px; margin:40px auto 0;} /* Header elements */ .nav3 .header-buttons {height:29px;} .js .nav3 .header-buttons {height:29px; width:100%} .nav3 .header-buttons h2 { float:left; color:#999;} .nav3 .header-buttons h2 { padding:4px 0 0 66px; color:#fff; font-size:130%;} .nav3 .header-buttons a#hide {float:right; margin:5px 75px 0 0; display:none;} .nav3 .header-buttons a#show .showTab{width:30px; height:23px; margin-top:6px} .nav3 .header-buttons a#show {float:right; margin:0 75px 0 0; display:none;} /* List Container */ .nav3 #nav3-links { width:917px; background: #dc291e; padding-left:10px;} .js .nav3 #nav3-links { position:relative; overflow:hidden; width:100%; height:86px; padding-left:0; background: #dc291e;} /* List elements */ .nav3 ul {height:86px; background:#93190A; text-align:left; } .js .nav3 ul { position:relative; left:50%; height:86px; width:100%; padding:1px 0 0 1px; background:#93190A; overflow:hidden; } .nav3 ul li { position:relative; height:86px; width:121px; margin-right:10px; float:left; display:inline; } .js .nav3 ul li { position:relative; height:86px; width:121px; float:left; margin-right:0; display:inline; } .nav3 ul li a { color:#9d2c1e; display:block; } .nav3 ul li a.active { color:#9d2c1e; display:block; } .nav3 ul li a.visited { color:#9d2c1e; display:block; } .nav3 ul li a.hover { color:#9d2c1e; display:block; } /* Item Label */ .nav3 ul li div.unSelected div {background:#c8261c;} .nav3 ul li:hover div.unSelected div {background:#c8261c;} .nav3 ul li a div.unSelected div {position:absolute; bottom:2px; left:0; height:28px; background:#dc291e; width:120px } .nav3 ul li.selected a div.selected div {position:absolute; bottom:2px; left:0; height:28px; background:#a62611; width:120px} /* Tab text */ .nav3 ul li a div.unSelected div span {height:10px; position:absolute; bottom:21px; left:0; text-align: center; width:100%; font-size:85%; color:#fff } .nav3 ul li.selected a div.selected div span {height:10px; position:absolute; bottom:21px; left:0; text-align: center; width:100%; font-size:85%; color:#fff } /* Fix for Psuedo class in IE6 See docNav.js */ .nav3 ul li.liHover div.unSelected div { background:#c8261c; } /* Scroll Tabs Lg */ .nav3 div.left {top:29px;position:absolute; left:0; width:75px; height:86px; display:none; background: #fff url(/static/img/nav3/left_dn_lg.gif) left no-repeat} .nav3 div.right {top:29px;position:absolute; right:0; width:75px; height:86px; display:none; background: #fff url(/static/img/nav3/right_dn_lg.gif) left no-repeat} /* End: nav 3 */ /* begin: panels */ .p {width:924px; border-width:6px; position:relative; border-style:solid } .p .new {position:absolute; top:-6px; left:-6px; background:url(../img/icons/new.png); width:77px; height:78px} .p .bg {display:block; } .p span.bg {position:absolute; height:418px} .p span.panda { background: url(../img/panels/panda.png) no-repeat; width:343px;} .p h2 { color:#fff; padding:12px 0 9px 12px; font-size:150%; font-weight: bold; } .cols2 .p-1 { float:left ; width:288px; margin-right:18px} .cols2 a.promo { float: left; margin-right: 18px; } .cols2 .p-2 { float:left; width:606px} .cols2 .p-2-narrow {width: 446px !important;} .cols2 .mar-bot {margin-bottom: 20px;} .cols2 .gta-comp {float: left; width: 318px; overflow: hidden;} .food-promo-poll-module { float: left; width:300px; margin-right: 18px; } .food-promo-poll-module a.promo { float: none; margin-right: 0; } .food-promo-poll-module .p-1 { float: none; margin-top: 15px; margin-right: 0; } .cols3 {margin-top:18px; overflow:hidden; } .cols3 .p {width:288px; float:left; margin-right:18px; height:418px } /* Amended in IE6.CSS */ .cols3 .p h2 {font-size:150%; font-weight:normal; margin:8px 0; padding:0;} .cols3 .p h2 span {position:absolute; left:-10000px;} .cols3 .p h2 img {margin:1px 0 0;} .cols3 .p h2.homehead { font-size:150%;margin:10px 0 -2px 0; padding:0} .cols3 .p .txt { width:224px; position:absolute; left:0; top:13px; min-height:156px; height:auto !important; height:156px; padding-left:14px;} .cols3 .p .txt p {font-size:130%; width:222px;} .cols3 .p .btn {position:absolute; bottom:10px; } .cols3 .p .btn img {display:block;} .cols3 .p .shadow-r, .cols3 .p .shadow-b {background:#000; position:absolute; filter:alpha(opacity=35);opacity: 0.35;-moz-opacity:0.35; overflow:hidden} .cols3 .p .shadow-r { height:156px; left:238px; top:16px; width:3px; } .cols3 .p .shadow-b { height:3px; left:3px; top:169px; width:235px; } /*.cols3 .promo03 .txt {width: 194px !important;} * html .cols3 .promo03 .txt p {width: 194px !important; } .cols3 .promo03 .shadow-r { height:156px; left:208px !important; top:16px; width:3px; } .cols3 .promo03 .shadow-b { height:3px; left:3px; top:169px; width:205px !important; } */ .cols3 .promo03 {margin-right:0 !important;} /*panel border colour definitions */ /* GTA comp banner .cols3 .promo01, .cols3 .promo01 .txt {border-color:#30292a; background:#30292a; color:#fff;} */ .cols3 .promo01, .cols3 .promo01 .txt {border-color:#333; background:#333; color:#fff;} .cols3 .promo02, .cols3 .promo02 .txt {border-color:#399849; background:#399849; color:#fff;} .cols3 .promo03, .cols3 .promo03 .txt {border-color:#333; background:#333; color:#fff;} .p-darkGrey {border-color:#333; background:#333; color:#fff;} .p-darkGrey .txt {border-color:#333;} .p-darkGrey .hr {background:#545454;} .p-darkGrey ol {margin:0 0 0 20px; font-size:130%;} .p-darkGrey ol li {list-style:decimal;} .p-heropanel { } .p-heropanel img {float:right} .p-heropanel .txt {float:left; width: 370px; padding:10px } .p-heropanel .txt h2 {padding-left: 0;} .p-heropanel .txt h2 {padding-left: 0;} .p-heropanel .txt p { font-size:130%; } .p-heropanel .txt p a {color: #7ad1ed;} .p-heropanel .txt ul { font-size:120%; padding: 10px 0; } .p-heropanel .txt ul li { list-style: disc; margin-left: 15px; } /* end: panels */ .nutrition_form_wrap .blueLink{color:#7ad1ed} /* begin: buttons */ .btn {display:block; font-size:120%; font-weight:bold} .btn .l { width:4px; height:31px; float:left;overflow:hidden;display:block; } .btn .m { float:left; min-height:24px; height:auto !important; height:24px; padding-top:7px; text-align:center; display:block; } .btn .r { width:4px; height:31px; float:left; overflow:hidden; display:block} .btn-1{ width:160px; } .btn-1 .m { width:152px } .btn-2{ width:60px;} .btn-2 .m { width:49px } .btn-3 { width:200px } .btn-3 .m { width:192px } /* different coloured buttons here */ .btn-gold .l {background:url(../img/buttons/gold-l.png) no-repeat} .btn-gold .m { background:#fabe2a; color:#333; min-height:23px; height:auto !important; height:23px; padding-top:4px;} .btn-gold .r { background:url(../img/buttons/gold-r.png) no-repeat;} .btn-leftarrow { width: auto; } .btn-leftarrow .l {background:url(../img/buttons/gold-l-arrowleft.png) no-repeat; width:18px; height:30px; } .btn-leftarrow .m { background:#fabe2a; color:#333; min-height:25px; height:auto !important; height:25px; padding-top:5px; width: auto; padding-left: 10px; padding-right: 5px; } .btn-leftarrow .r { background:url(../img/buttons/gold-r-arrowleft.png) no-repeat; width: 6px; min-height:30px; height:auto !important; height:30px; } .poll-btn-pos {float:right;} .poll-btn-pos input[type="submit"], .poll-btn-pos input[type="button"]{display:block; font-size:115%; border:0; width:61px; height:30px; font-weight:bold; background:url(/static/img/buttons/B_Vote.png) top left no-repeat; cursor: pointer; cursor: hand; } /* end: buttons */ /* FAQs */ dl.faq { font-size:130%; } dl.faq dt{ padding: 4px 0 2px 0; } dl.faq dt a, dl.faq dd a { color:#FFCC00; } dl.faq dt img { position:relative; top: -6px; padding: 0 5px 0 0; } dl.faq dd{ font-size:90%; padding: 5px 0 15px 0; } dl.faq dd ul { margin-top: 15px; } dl.faq dd ul li { list-style: disc; margin-left: 20px; font-size: 90%; } .js dl.faq dt a.hide{ display:none} .js dl.faq dd {display:none} .p dl.faq { padding: 18px; } .p-2 dl.faq { padding: 0 18px 18px 18px; } /* -------------- T E M P L A T E S -----------------*> /* Begin: Home page */ .home-nav {position:absolute; left:10px; top:270px;} .home-nav ul li {float:left} /* End: Home page */ /* Begin: Deli */ .p-hero {background:#fff} .p-hero .intro {float:left; width:313px; } .p-hero h2 { color:#fff; padding:9px 0 9px 15px; font-size:150%;} .p-hero .intro .info {padding:7px 13px 10px 13px; background:url(../img/backgrounds/gradient-divider1.gif) repeat-y right #fff;color:#666;} .p-hero .intro .info .framed { border-width:3px; border-style:solid } .p-hero .intro .info p { font-size:130%; } .p-hero .intro .info ul {} .p-hero .intro .info ul li { font-size:120%} .p-hero .nutrition {float:left; width:305px} .p-hero .nutrition .info {padding:15px 13px 10px 20px;background:url(../img/backgrounds/gradient-divider2.gif) repeat-y right #fff; color:#666} .p-hero .nutrition .info form .input { font-size:130%; } .p-hero .nutrition .info form .input th{ width:115px} .p-hero .nutrition .info form .input td{ width:80px} .p-hero .nutrition .info form .input td input{} .p-hero .nutrition .info form .input td label{padding-left:4px} .p-hero .nutrition .info form .submit { margin:5px 3px; float:right; width:85px} .p-hero .nutrition .info .output thead{ font-weight:bolder} .p-hero .nutrition .info .output tbody th{ width:115px; padding:1px 0 1px 0} .p-hero .nutrition .info .output tbody td{ width:80px; padding:1px 0 1px 0} .p-hero .nutrition .info .output tbody .indented th{ padding-left:10px} .p-hero .video { float:left; width:306px} .p-hero .video h2 {} .p-hero .video .info {padding:7px 13px 10px 13px; background:#fff;color:#666;} .p-hero .video .framed {} .p-hero .video p { font-size:130%;} .p-hero .video .i { float:right; margin-top:40px} /* Styles for the heros outside of the food section. H2 and text and nformation are on the left, with a picture on the right. There is NO BACKGROUND image on these heroes. */ .p-hero-nobg img {float:right} .p-hero-nobg .txt {float:left; width:410px; padding:10px } .p-hero-nobg .txt h2 {padding-left: 0; font-size: 250%; padding-bottom: 10px; } .p-hero-nobg .txt p { font-size:130%; margin-bottom: 8px;} .p-hero-nobg .txt p a {color: #7ad1ed;} .p-hero-nobg .txt p img {float:none; margin-top: 20px; } .p-hero-nobg .txt ul { font-size:120%; padding: 10px 0; } .p-hero-nobg .txt ul li { list-style: disc; margin-left: 15px; } .p-hero-careers .txt { width:450px; } .cols2 { margin-top:18px } .cols2 .p-1 .head { display:block; } .cols2 .p-1 .body { padding:20px 11px 10px 12px; border-top:1px #FABE2A solid; } .cols2 .p-1 .body ul{} .cols2 .p-1 .body ul li{ padding-bottom:15px; height:40px;} .cols2 .p-1 .body ul li h3{ color:#71bf44; font-size:135%; padding-bottom:1px} .cols2 .p-1 .body ul li .item { float:left; width:140px; } .cols2 .p-1 .body ul li .bar { float:left; height:20px; width:85px; overflow:hidden; background:#FABE2A; } .cols2 .p-1 .body ul li .bar div { height:20px; overflow:hidden; background:#FCDB8D; height:100%; } .cols2 .p-1 .body ul li .percentage{ float:left; padding:3px 0 0 5px; color:#fff; } .js .cols2 .p-1 .body ul li .bar { display:block; } .js .cols2 .p-1 .body ul li .percentage{ display:block; } .cols2 .p-1 .body ul li .btn{ float:left; margin: -20px 0 0 65px } .cols2 .p-2 { } .cols2 .p-2 .head {position:relative; } .cols2 .p-2 .head h2 { margin-left: 5px; } .cols2 .p-2 .head .btn-1 {position:absolute; top:11px; right:18px} .cols2 .p-2 .slider { position:relative; height:100%; margin:10px 18px 10px 18px; border-bottom:1px solid #fabe2a;} .cols2 .p-2 .slider a.l{ width:38px; height:131px; background:url(../img/buttons/gold-arrow-l.gif) 0 0 no-repeat; display:block; position:absolute; left:0; top:0} .cols2 .p-2 .slider a.l:hover { background-position: -38px 0; cursor: pointer; } .cols2 .p-2 .slider a.r{ width:38px; height:131px; background:url(../img/buttons/gold-arrow-r.gif) 0 0 no-repeat; display:block; position:absolute ; right:0; top:0 } .cols2 .p-2 .slider a.r:hover { background-position: -38px 0; cursor: pointer; } .cols2 .p-2 .slider .viewport {width:410px; padding:0 60px 0 60px; overflow:hidden; } .js .cols2 .p-2 .slider .viewport {height:135px;} .cols2 .p-2 .slider .info li{ display:block; width:500px; padding-bottom:20px;} .cols2 .p-2 .slider .info li img { display:block; float:left; border:4px solid #fabe2a } .cols2 .p-2 .slider .info li div { float:left; width:250px; padding-left:13px} .cols2 .p-2 .slider .info li div p { font-size:120%} .cols2 .p-2 .slider .info li div ul { font-size: 120%; } .cols2 .p-2 .slider .info li div ul li { display:block; width:250px; padding-left: 8px; padding-bottom:10px; float: none !important; /*background: url(/static/img/icons/bullet-white.png) top left no-repeat;*/} .cols2 .p-2 .slider .pi { width:200px; padding:20px 0 20px 100px; margin:0 auto} .cols2 .p-2 .slider .pi li { float:left;width:14px; height:14px; background:url(../img/icons/pi-off.gif) no-repeat; margin-right:10px} .cols2 .p-2 .slider .pi li.on { background:url(../img/icons/pi-on.gif) no-repeat; }/*make both png*/ .cols2 .p-2 dl.faq dd{ font-size:90%} .js .cols2 .p-2 dl.faq dd{ display:none} #accord_faq_wrap { margin: 0 18px 18px 18px; } #accord_faq_wrap a.toggler { background: url(../img/buttons/question_faq.png) 0 0 no-repeat; padding: 2px 0 2px 50px; font-size: 130%; margin-bottom: 5px; display: block; color: #FFCC00; } #accord_faq_wrap a.toggler:hover { background-position: 0 -49px; } #accord_faq_wrap a.on { background-position: 0 -100px; } #accord_faq_wrap a.on:hover { background-position: 0 -149px; } #accord_faq_wrap div.accord_ele { display: block; padding: 0; } #accord_faq_wrap div.accord_ele p { padding: 5px 10px 15px 10px; font-size: 130%; } /* End: Deli */ /* Begin: careers crew */ x.p-hero-careers .txt {float:left; width:360px; padding:10px } x.p-hero-careers img {float:right} x.p-hero-careers .txt h1 {font-size:230%; padding-bottom:30px} x.p-hero-careers .txt p {font-size:130%} .left10 {margin-left:-13px} .cols2b {margin-top:18px}/*alternative 2 col layout with wider 1st col */ .cols2b .p-1 {width:518px; float:left; margin-right:16px; min-height:630px; height:auto !important; height:630px; } .cols2b .p-1 p{padding:10px; font-size:120%} .cols2b .p-1 ul{padding:10px; font-size:120%; min-height:23px; height:auto !important; height:23px; } .cols2b .p-1 .btn {padding:10px} .cols2b .p-tall {min-height:630px; height:auto !important; height:630px;} .cols2b .p-2 { width:376px; float:left; } .cols2b .p-2 ul.bullet {padding:10px 10px 10px 30px} .cols2b .p-2 ul.badges {padding-left:10px; width:360px; margin-top:20px} .cols2b .p-2 ul.badges li{float:left; margin:0 14px 14px 0} .cols2b .p-2 ul.badges li.extrapadding { padding-left: 60px; } .cols2b .p-2 p{padding:10px; font-size:120%} .cols2b .p-2 ul.badges img { border:1px solid #666} .cols2b .p-2 ul.badges img.noborder { border:0; } /* End:Careers crew */ /* careers work experience */ .cols2b .quotebox {background:url(/static/img/careers/quotebox.gif) top left no-repeat ;margin-top:-20px;padding:50px 20px 0 40px } .cols2b .quoteheading {margin-left:100px;} .cols2b .quoteheading p {display:block; font-size:110%; font-weight:bold; margin:-5px 0 0 15px;} .cols2b .quotebox p {display:block; font-size:110%;color:#000;} .cols2b .quoteheading h2.generic {height:25px;font-size:130%} .cols2b .p-3 {width:518px; float:left; margin-right:18px;} /* Begin: Second alternative 2 column layout where the width of both columns are the same -- all panels are 460px; */ .cols2c { } .cols2c .module-left { width:426px; margin-top:20px; float:left; position:relative; margin-right: 18px; } /* A style for a panel box in the left column */ .cols2c .module-right { width:426px; margin-top:20px; float:left; position:relative; } /* A style for a panel box in the left column */ .cols2c .column50pc { width:458px; } .cols2c .column50pc .sports-com-shield-gallery { float: none; } /* Begin: Sports */ /* Refactor when content arrives */ .galleryItems { } .js .galleryItems { height:240px; width:100%; position:relative; z-index:10; overflow:hidden; } .galleryItems ul{ display: block; } .galleryItems ul li{ position:relative; height:240px; width:100%; display: block; margin-bottom: 20px; } .js .galleryItems ul li{ margin-bottom: 0; } .galleryItems h2.blocks{color:#fff; margin:0; padding:0;} .galleryItem-1{background: #333 url( /static/img/sports/galleryItems/galleryItem1.jpg ) top left no-repeat;} .galleryItem-2{background: #333 url( /static/img/sports/galleryItems/galleryItem2.jpg ) top left no-repeat;} .galleryItem-3{background: #333 url( /static/img/sports/galleryItems/galleryItem3.jpg ) top left no-repeat;} .galleryItem-4{background: #333 url( /static/img/sports/galleryItems/galleryItem4.jpg ) top left no-repeat;} .galleryItem-5{background: #333 url( /static/img/sports/galleryItems/galleryItem5.jpg ) top left no-repeat;} .galleryItem-6{background: #333 url( /static/img/sports/galleryItems/galleryItem6.jpg ) top left no-repeat;} .galleryItem-7{background: #333 url( /static/img/sports/galleryItems/galleryItem7.jpg ) top left no-repeat;} .galleryItem-8{background: #333 url( /static/img/sports/galleryItems/galleryItem8.jpg ) top left no-repeat;} .galleryItem-9{background: #333 url( /static/img/sports/galleryItems/galleryItem9.jpg ) top left no-repeat;} .galleryItem-10{background: #333 url( /static/img/sports/galleryItems/galleryItem10.jpg ) top left no-repeat;} .galleryCopyPanel-1, .galleryCopyPanel-2, .galleryCopyPanel-3, .galleryCopyPanel-4, .galleryCopyPanel-5, .galleryCopyPanel-6, .galleryCopyPanel-7, .galleryCopyPanel-8, .galleryCopyPanel-9, .galleryCopyPanel-10 {background:#333; color:#fff; margin:6px 0 0 6px; padding:10px; height:178px; width:220px; position:absolute; z-index:20; display:block; font-size:110%; filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.85; top:1px; left: 1px;} .galleryCopyPanel-1 ul, .galleryCopyPanel-2 ul, .galleryCopyPanel-3 ul, .galleryCopyPanel-4 ul, .galleryCopyPanel-5 ul, .galleryCopyPanel-6 ul, .galleryCopyPanel-7 ul, .galleryCopyPanel-8 ul, .galleryCopyPanel-9 ul, .galleryCopyPanel-10 ul { margin-top: 7px; } .galleryCopyPanel-1 li, .galleryCopyPanel-2 li, .galleryCopyPanel-3 li, .galleryCopyPanel-4 li, .galleryCopyPanel-5 li, .galleryCopyPanel-6 li, .galleryCopyPanel-7 li, .galleryCopyPanel-8 li, .galleryCopyPanel-9 li, .galleryCopyPanel-10 li { list-style: disc; margin-left: 18px; } .gallery-community-module .galleryOnloadNav, .gallery-festivals-module .galleryOnloadNav{top:6px; left:311px; height:24px; width:115px; background:#333; position:absolute; z-index:20; display:block; } .galleryOnloadNav{display:none;} .js .galleryOnloadNav{top:188px; height:23px; width:220px; background:#333; padding:10px; position:absolute; z-index:20; display:block; left: 7px;} .galleryProgressNav{display:none;} .js .galleryProgressNav{top:188px; height:23px; width:220px; background:#333; padding:6px; position:relative; z-index:20; display:none; left: 7px;} .galleryPosId { background:#5f5c55; height:23px; float:left; text-align:center; } #galleryPrev { margin-left: 5px; } #galleryPosition { margin: 0 3px; } .galNumbers { padding: 3px 10px; } /* begin show hide styles */ .genericMainBlockPadded a.readmore {color:#FABE2A; background:#333; display:block;float:right; font-size:90%; margin:-25px 0 0; text-decoration:none} .genericMainBlockPadded a:hover.readmore{text-decoration:underline;} .genericMainBlockPadded a.hidemore {color:#FABE2A; background:#333; display:block;float:right; font-size:90%; margin:-15px 0 -10px;text-decoration:none} .genericMainBlockPadded a:hover.hidemore{text-decoration:underline;} /* end show hide styles */ /* .sports-com-shield-gallery div{width:180px; background:#333; margin:6px; padding:10px;} */ #galleryItems h2.blocks{color:#fff; margin:0; padding:0;} .sports-com-shield-coaching{height:240px; width:458px; margin-top:20px; float:left; background:url( /static/img/sports/com-shield-coaching-bg.jpg ) top left no-repeat;} .sports-com-shield-coaching div{width:180px; background:#333; margin:6px; padding:10px;} .sports-com-shield-coaching h2.blocks{width:160px; color:#fff; margin:0; padding:0;} .quotebox {height:150px; background:url(/static/img/sports/mums/sports-mums-comment.gif) bottom left no-repeat;} .quoteheading {margin-left:100px;} .quotetext {margin:35px 30px 0 50px} .quoteheading h2.generic {height:25px; font-size:130%} /* Main page reusable */ .leftMainContent{width:536px; margin:0 20px 0 0;} .leftMainContent_rev{width:404px; margin:0 20px 0 0;} .piccadillyCol {width:459px;} .genericMainBlock p {color:#fff} .genericMainBlockPadded li {position:relative; margin-left:10px;} .genericMainBlockPadded li span {position:absolute; left:-10px;} .genericMainBlock a {color:#fabe2a} .rightMainContent{width:380px;} .rightMainContent li{margin-bottom:6px;} .rightMainContent_rev{width:510px;} .genericMainBlock{ margin:20px 0; background:#333; border:6px #333 solid } .genericMainBlock p { font-size:130%; } .genericMainBlockPadded{margin:20px 0; padding:16px; background:#333; border:6px #333 solid } .genericMainBlockPadded p {color:#fff; font-size:120%; margin: 0 0 20px 0;} .genericMainBlockPadded h2 { font-size: 150%; font-weight: bold; } .genericMainBlockPadded h2.hero { font-size: 200%; font-weight: bold; } .genericMainBlockPadded .blue{color:#7ad1ed; font-size:110%; margin: 0 0 20px 0;} .genericMainBlockPadded a {text-decoration:underline} .genericMainBlockPadded a:hover {text-decoration:none} .genericMainBlockPadded .white{color:#fff; font-size:110%; margin: 0 0 20px 0;} .genericMainBlockPadded hr{border-bottom:1px #5f5c55 solid} .eduCopy h2.generic {padding-bottom: 0;} .genericContentBlock {margin:20px 0; padding:16px; background:#333;} .genericContentBlock #accord_faq_wrap { margin: 0 18px 18px; } .genericContentBlock h2.generic { } .genericContentBlock p { font-size:130%; } .genericContentBlock p.small { font-size:90%; } .genericContentBlock p a { color: #ffcc00;} .genericContentBlock ul { font-size:110%; } .genericContentBlock ul li { font-size:110%; list-style: disc; margin-left: 18px; } .genericContentBlock #accord_faq_wrap { margin: 10px 0 18px; } .earthhour .leftMainContent { width: 615px; } .earthhour .leftMainContent .genericContentBlock { min-height:154px; height:auto !important; height:154px; } .earthhour .leftMainContent .genericContentBlock p { width: 540px; } .earthhour .fl img { margin:20px 0; background-color:#000000; padding: 2px 0 1px 0;} #contentSwitcherData{position:relative; overflow:hidden;} #contentSwitcherItems{margin:20px 0 0; padding:0;} #contentSwitcherItems li {list-style:none; margin:0 0 5px; padding:0;} .module-picflag { margin-top:20px; height:323px; padding-top:15px; border-style:solid; border-width:6px; position:relative; width:100%; } .module-picflag div { background:#333 none repeat scroll 0 0; padding:10px; width:240px; } .module-picflag h3 { padding-left:0; color:#fff; font-size:150%; padding:9px 0 9px 15px; } .module-picflag p { font-size:120%; } /* About us > Franchise */ .p-hero-aboutus-franchise img {float:right} .p-hero-aboutus-franchise .txt {float:left; width:380px; padding:10px } .p-hero-aboutus-franchise .txt h2 {padding-left: 0; font-size: 250%; } .p-hero-aboutus-franchise .txt p { font-size:130%; } .p-hero-aboutus-franchise li{color:#fabe2a; font-size:110%; text-decoration:none } .p-hero-aboutus-franchise li.selected{ text-decoration:underline } .franchise-bfa img { margin: 0 -6px -9px 0 } /* About us Education */ .p-hero-aboutus-education img {float:right} .p-hero-aboutus-education .txt {float:left; width:380px; padding:10px } .p-hero-aboutus-education .txt h2 {padding-left: 0; font-size: 250%; } .p-hero-aboutus-education .txt p { font-size:130%; } .vduWrap{ position:relative; height:260px;} .vduWrap .vdu{ position:absolute; z-index:100;padding:10px 0 15px 13px } .education p{font-size:130%;} .education a{color:#fabe2a;} .education hr{margin:20px 0 20px 0} .eduIcon{width:100px; padding:5px 0} .eduCopy{width:392px} /* Sports > heros */ .p-hero-nobg .txt img.olympics-logo { display: block; float: right; margin:10px 0 0; } /* Modules Community, Coaches and Festivals */ .default-module {width:446px; margin-top:20px;} .default-module h2.generic{font-size:150%;} .sports-community-module, .sports-festivals-module, .sports-mums-module { width:446px; margin-top:20px; padding:6px; background:#333} .default-module div {background:#333 none repeat scroll 0 0; display:block; min-height:202px; padding: 20px 14px; width:430px} .sports-community-module div, .sports-festivals-module div {background:#333 none repeat scroll 0 0; display:block; min-height:200px; padding: 20px 14px; width:222px;} .bg-fade { /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; } .default-module p, .sports-community-module p, .sports-coaches-module p, .sports-festivals-module p { font-size:110%; } .default-module a, .sports-community-module a, .sports-coaches-module a, .sports-festivals-module a { margin-top: 15px; } .sir-geoff-hurst-module { background: #fff url(/static/img/sports/festivals/sports-festivals-sir-geoff-hurst.jpg) top left no-repeat; } .big-day-module { background: #fff url(/static/img/sports/community/thanks.jpg) top left no-repeat; } .harrison-module { background: #fff url(/static/img/sports/festivals/sports-festivals-harrison.jpg) top left no-repeat; min-height:195px;} .harrison-module div { min-height:194px; padding: 18px 14px;} .sports-mums-module-content{ height:163px; background:url(/static/img/sports/mums/sports-mums-comment.gif) bottom left no-repeat; margin-top: 10px; } .sports-mums-module-content div{margin-left:100px} .sports-mums-module-content div h2#setH{height:25px} .sports-mums-module-content div.comment{margin:35px 30px 0 50px} .sports-mums-module-content div p.comment {color:#000; font-size:110%} .sports-mums-module-content-squad {margin:15px} .sports-mums-module-content-squad p{font-size:110%} .sport-mums-list{ width:446px; background:#333; margin:20px 0 0 20px; padding:6px; font-size:110%} .sport-mums-list div{padding:15px 10px} .sport-mums-list li{list-style:disc; margin-left:20px} .sport-mums-apply{ height:445px; width:446px; background:#333 url( /static/img/sports/mums/sports-mums-apply.jpg ); margin:20px 0 0 20px; padding:6px;} .sport-mums-apply .sports-mums-block{width:180px; height:270px;padding:15px 10px; background:#333; font-size:110%} .sport-mums-apply .move-up {margin-top:-20px;} .sport-mums-apply p {margin:10px 0 0;} .sports-mums-block a {text-decoration:underline;} .sports-mums-block a:hover, .sports-mums-block a:focus, .sports-mums-block a:active {text-decoration:none;} .gallery-community-module, .gallery-festivals-module { position:relative; height:515px; margin:20px 0 0 20px; } .gallery-education-module { position:relative; margin:20px 0; } .gallery-community-module .galleryItems, .gallery-festivals-module .galleryItems{height:514px; width:458px; position:absolute; z-index:10; overflow:hidden;} .gallery-education-module .galleryItems{height:352px; width:458px; position:absolute; z-index:10; overflow:hidden;} .gallery-community-module .galleryItems ul, .gallery-festivals-module .galleryItems ul, .gallery-education-module .galleryItems ul{margin:0; padding:0;} .gallery-community-module .galleryItems ul li, .gallery-festivals-module .galleryItems ul li{height:514px; width:458px;} .gallery-education-module .galleryItems ul li{height:352px; width:380px; margin:0; padding:0;} .gallery-community-module .galleryItems h2.blocks, .gallery-festivals-module .galleryItems h2.blocks, .gallery-festivals-module .galleryItems h2.blocks{color:#fff; margin:0; padding:0; font-size:130%;} /* Community */ .gallery-community-module .galleryItems .galleryItem-1{background: #333 url( /static/img/sports/community/gallery/gallery-community-1.jpg ) top left no-repeat;} .gallery-community-module .galleryItems .galleryItem-2{background: #333 url( /static/img/sports/community/gallery/gallery-community-2.jpg ) top left no-repeat;} .gallery-community-module .galleryItems .galleryItem-3{background: #333 url( /static/img/sports/community/gallery/gallery-community-3.jpg ) top left no-repeat;} .gallery-community-module .galleryItems .galleryItem-4{background: #333 url( /static/img/sports/community/gallery/gallery-community-4.jpg ) top left no-repeat;} .gallery-community-module .galleryItems .galleryItem-5{background: #333 url( /static/img/sports/community/gallery/gallery-community-5.jpg ) top left no-repeat;} .gallery-community-module .galleryItems .galleryItem-6{background: #333 url( /static/img/sports/community/gallery/gallery-community-6.jpg ) top left no-repeat;} /* Festivals */ .gallery-festivals-module .galleryItems .galleryItem-1{background: #333 url( /static/img/sports/festivals/gallery/gallery-festivals-1.jpg ) top left no-repeat;} .gallery-festivals-module .galleryItems .galleryItem-2{background: #333 url( /static/img/sports/festivals/gallery/gallery-festivals-2.jpg ) top left no-repeat;} .gallery-festivals-module .galleryItems .galleryItem-3{background: #333 url( /static/img/sports/festivals/gallery/gallery-festivals-3.jpg ) top left no-repeat;} .gallery-festivals-module .galleryItems .galleryItem-4{background: #333 url( /static/img/sports/festivals/gallery/gallery-festivals-4.jpg ) top left no-repeat;} .gallery-festivals-module .galleryItems .galleryItem-5{background: #333 url( /static/img/sports/festivals/gallery/gallery-festivals-5.jpg ) top left no-repeat;} .gallery-festivals-module .galleryItems .galleryItem-6{background: #333 url( /static/img/sports/festivals/gallery/gallery-festivals-6.jpg ) top left no-repeat;} .gallery-festivals-module .galleryItems .galleryItem-7{background: #333 url( /static/img/sports/festivals/gallery/gallery-festivals-7.jpg ) top left no-repeat;} /* Education */ .gallery-education-module .galleryItems .galleryItem-1{background: #333 url( /static/img/sports/coaches/gallery/gallery-eric-1.jpg ) top left no-repeat;} .gallery-education-module .galleryItems .galleryItem-2{background: #333 url( /static/img/sports/coaches/gallery/gallery-eric-2.jpg ) top left no-repeat;} .gallery-education-module .galleryItems .galleryItem-3{background: #333 url( /static/img/sports/coaches/gallery/gallery-eric-2.jpg ) top left no-repeat;} .gallery-education-module .galleryItems .galleryItem-4{background: #333 url( /static/img/sports/coaches/gallery/gallery-eric-3.jpg ) top left no-repeat;} .gallery-education-module .galleryItems .galleryItem-5{background: #333 url( /static/img/sports/coaches/gallery/gallery-eric-3.jpg ) top left no-repeat;} .gallery-education-module .galleryItems .galleryItem-6{background: #333 url( /static/img/sports/coaches/gallery/gallery-eric-4.jpg ) top left no-repeat;} .gallery-education-module .galleryItems .galleryItem-7{background: #333 url( /static/img/sports/coaches/gallery/gallery-eric-4.jpg ) top left no-repeat;} .gallery-education-module .galleryCopyPanel-1, .gallery-education-module .galleryCopyPanel-2, .gallery-education-module .galleryCopyPanel-3, .gallery-education-module .galleryCopyPanel-4, .gallery-education-module .galleryCopyPanel-5, .gallery-education-module .galleryCopyPanel-6, .gallery-education-module .galleryCopyPanel-7, .gallery-education-module .galleryCopyPanel-8 { background:#333; color:#fff; margin:6px 0 0 6px; padding:10px; height:320px; width:220px; position:absolute; z-index:20; display:block; font-size:110%} .gallery-education-module .galleryOnloadNav {top:300px; left:6px; height:24px; width:210px; background:#333; position:absolute; z-index:20; display:block; } /* Modules Ambassadors > Olympics */ .sports-olympics-module-content, .aboutus-franchise-module-content {width:624px; background:#333; margin:20px 20px 0 0} .sports-ambassadors-module-content {width:624px; background:#333; margin:20px 0 0 20px} .aboutus-franchise-overview-profile{ background:url(/static/img/aboutus/franchise/aboutus-franchise-paul-crocker-mod.jpg) top right no-repeat; margin-top:20px; padding:6px;} .aboutus-franchise-overview-profile div{width:180px; padding:15px 10px; background:#333;} .aboutus-franchise-overview-profile p{font-size:110%} .aboutus-franchise-overview-profile div .aboutus-franchise-overview-bubble{height:75px; width:125px; background:url(/static/img/aboutus/franchise/franchise-speech-bubble.gif) top left no-repeat; padding:15px 0 0 35px} .aboutus-franchise-overview-profile div .aboutus-franchise-overview-bubble p{color:#000; font-size:110%} greyOutBut{} .js #applicationButton { display:block; padding-top: 20px;} form.applicationFormCbxs label { font-size: 110%; } .genericContentBlock .transBut{ color:#fff; display:block; width:300px; height:50px; filter:alpha(opacity=35); opacity:0.35; -moz-opacity:0.35; cursor:default} .genericContentBlock .fullBut{ color:#fff; display:block; width:300px; height:50px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; cursor:default} .sports-ambassadors-module-content img, .sports-olympics-module-content img, .aboutus-franchise-module-content img{float:left; margin-bottom:20px} .sports-ambassadors-module-content p, .sports-olympics-module-content p, .aboutus-franchise-module-content p{padding-left:15px; font-size:120%} .sports-ambassadors-module-content .sports-ambassadors-person, .sports-olympics-module-content .sports-olympics-person, .aboutus-franchise-module-content .aboutus-franchise-person{float:left; margin-left:6px; width:300px} .sports-ambassadors-module-content .sports-ambassadors-person p, .sports-olympics-module-content .sports-olympics-person p, .aboutus-franchise-module-content .aboutus-franchise-person p{padding:0 0 3px 15px; font-size:100%} .sports-ambassadors-module-content .sports-ambassadors-person .sports-ambassadors-comment, .sports-olympics-module-content .sports-olympics-person .sports-olympics-comment{width:245px; height:171px; padding:25px 30px 0 25px; background: #333 url( /static/img/sports/ambassadors/sports-ambassadors-comment.gif ) top left no-repeat;} .aboutus-franchise-module-content .aboutus-franchise-person .aboutus-franchise-comment{width:245px; height:171px; padding:40px 30px 0 25px; background: #333 url( /static/img/sports/ambassadors/sports-ambassadors-comment.gif ) top left no-repeat;} .sports-ambassadors-module-content .sports-ambassadors-person .sports-ambassadors-comment p.comments, .sports-olympics-module-content .sports-olympics-person .sports-olympics-comment p.comments, .aboutus-franchise-module-content .aboutus-franchise-person .aboutus-franchise-comment p.comments{padding-left:15px; font-size:105%; color:#000} .sports-ambassadors-module-list, .sports-olympics-module-list {width:280px; margin:20px 0} .aboutus-franchise-module-list {width:270px; margin:20px 0} .sports-ambassadors-module-list div.modTitle, .sports-olympics-module-list div.modTitle, .aboutus-franchise-module-list div.modTitle{background:#333; padding:15px; margin-bottom:-14px;} .sports-ambassadors-module-list div.modItemTitle, .sports-olympics-module-list div.modItemTitle, .aboutus-franchise-module-list div.modItemTitle{width:120px; padding:15px} .sports-ambassadors-module-list div.modItemTitle p.gold, .sports-olympics-module-list div.modItemTitle p.gold, .aboutus-franchise-module-list div.modItemTitle p.gold, a.gold {color:#fabe2a; font-size:120%} .sports-ambassadors-module-list ul, .sports-olympics-module-list ul, .aboutus-franchise-module-list ul{margin:0; padding:0} .sports-ambassadors-module-list li, .sports-olympics-module-list li, .aboutus-franchise-module-list li{background:#333; margin-top:5px; border:6px #333 solid} .sports-ambassadors-module-list li.selected, .sports-olympics-module-list li.selected, .aboutus-franchise-module-list li.selected{border:6px #fabe2a solid;} /* Begin: Our World (Communities section) /* /* Our World > Environmental Policy */ .ourworld-policy-module { width:458px; margin-top:20px; float:left; position:relative; } .ourworld-policy-module div { background:#333 none repeat scroll 0 0; display:block; min-height:178px; margin:6px; padding: 20px 14px; width:222px; } .ourworld-policy-module p { font-size:130%; } .ourworld-policy-module a { margin-top: 15px; } .ourworld-policy-module a img { margin-top: 12px; } .litter-module { background: #fff url(/static/img/ourworld/ourworld-policy-litter.jpg) top left no-repeat; } .waste-module { background: #fff url(/static/img/ourworld/ourworld-policy-waste.jpg) top left no-repeat; margin-left: 20px; } .packaging-module { background: #fff url(/static/img/ourworld/ourworld-policy-packaging.jpg) top left no-repeat; } .energy-module { background: #fff url(/static/img/ourworld/ourworld-policy-energy.jpg) top left no-repeat; margin-left: 20px; } .ourworld-gallery { height:240px; width:100%; margin-top:20px; position: relative; } .ourworld-quote { margin:20px 0; padding:6px 6px 16px 6px; background:#333;} .ourworld-quote h2.generic { margin:0; padding:0; font-size:130%} .ourworld-quote p { font-size:130%; padding: 0 10px; } .ourworld-quote p a { color: #7ad1ed; } .ourworld-quote img { padding-bottom: 10px; } /* Our World > Litter */ #ourworld-litter-gallery .galleryItem-1 { background: #333 url( /static/img/ourworld/galleryItems-litter/ourworld-litter-tidybin.png ) top left no-repeat;} #ourworld-litter-gallery .galleryItem-2 { background: #333 url( /static/img/ourworld/galleryItems-litter/ourworld-litter-tidyronald.png ) top left no-repeat;} #ourworld-litter-gallery .galleryItem-3 { background: #333 url( /static/img/ourworld/galleryItems-litter/ourworld-litter-p2litterpatrol.jpg ) top left no-repeat;} #ourworld-litter-gallery .galleryItem-4 { background: #333 url( /static/img/ourworld/galleryItems-litter/ourworld-litter-cleaningup2.jpg ) top left no-repeat;} /* Our World > Waste */ #ourworld-waste-gallery .galleryItem-1 { background: #333 url( /static/img/ourworld/galleryItems-waste/ourworld-waste-ruler.jpg ) top left no-repeat;} #ourworld-waste-gallery .galleryItem-2 { background: #333 url( /static/img/ourworld/galleryItems-waste/ourworld-waste-muffinshake.jpg ) top left no-repeat;} #ourworld-waste-gallery .galleryItem-3 { background: #333 url( /static/img/ourworld/galleryItems-waste/ourworld-waste-biodiesel.jpg ) top left no-repeat;} #ourworld-waste-gallery .galleryItem-4 { background: #333 url( /static/img/ourworld/galleryItems-waste/ourworld-waste-sheffield.jpg ) top left no-repeat;} /* Our World > Packaging */ #ourworld-packaging-gallery .galleryItem-1 { background: #333 url( /static/img/ourworld/galleryItems-packaging/ourworld-packaging-bigmac.jpg ) top left no-repeat;} #ourworld-packaging-gallery .galleryItem-2 { background: #333 url( /static/img/ourworld/galleryItems-packaging/ourworld-packaging-saladbowls.jpg ) top left no-repeat;} #ourworld-packaging-gallery .galleryItem-3 { background: #333 url( /static/img/ourworld/galleryItems-packaging/ourworld-packaging-recycled.jpg ) top left no-repeat;} #ourworld-packaging-gallery .galleryItem-4 { background: #333 url( /static/img/ourworld/galleryItems-packaging/ourworld-packaging-bigbreakfast.jpg ) top left no-repeat;} /* Our World > Energy */ #ourworld-energy-gallery .galleryItem-1 { background: #333 url( /static/img/ourworld/galleryItems-energy/ourworld-energy-wlessurinal.jpg ) top left no-repeat;} #ourworld-energy-gallery .galleryItem-2 { background: #333 url( /static/img/ourworld/galleryItems-energy/ourworld-energy-water.jpg ) top left no-repeat;} #ourworld-energy-gallery .galleryItem-3 { background: #333 url( /static/img/ourworld/galleryItems-energy/ourworld-energy-standbygrill.jpg ) top left no-repeat;} #ourworld-energy-gallery .galleryItem-4 { background: #333 url( /static/img/ourworld/galleryItems-energy/ourworld-energy-eslightbulb.jpg ) top left no-repeat;} /* Our World > In your area */ #ourworld-inyourarea-gallery .galleryItem-1 { background: #333 url( x/static/img/missing-image.jpg ) top left no-repeat;} #ourworld-inyourarea-gallery .galleryItem-2 { background: #333 url( x/static/img/missing-image.jpg ) top left no-repeat;} #ourworld-inyourarea-gallery .galleryItem-3 { background: #333 url( x/static/img/missing-image.jpg ) top left no-repeat;} #ourworld-inyourarea-gallery .galleryItem-4 { background: #333 url( x/static/img/missing-image.jpg ) top left no-repeat;} .ourworld-inyourarea-quote { width:100%; margin-top:20px; float:left; position:relative; background: #fff url(x/static/img/missing-image.jpg) top left no-repeat; } .ourworld-inyourarea-quote div { background:#333 none repeat scroll 0 0; display:block; margin:6px; padding: 20px 14px; width:222px; } .ourworld-inyourarea-quote p { font-size:130%; } /* Our World > RMHC */ .ourworld-rmhc-knowmore p { font-size: 110% } .ourworld-rmhc-knowmore p a { color: #7ad1ed; } /* Flat text */ .flat_text, .complex-terms {border:6px solid #333; background:#fff; padding:20px 35px; color:#333;} .flat_text h2 {color:#333;} .flat_text h3 {font-size:130%; font-weight:bold; padding:10px 0 15px;} .flat_text hr, .complex-terms hr {color:#bcbbb8; margin:15px 0; height:1px; border-top:1px; border-left:0;} .flat_text p {font-size:130%; padding-bottom:20px;} .flat_text li {font-size:110%; padding-bottom:10px; list-style:disc; margin:0 40px 10px 20px; } .flat_text ol li { font-size:110%; padding-bottom: 10px; list-style:decimal; margin:0 40px 10px 20px;} .flat_text a {color:#333; text-decoration:underline;} .flat_text a:hover, .flat_text a:focus, .flat_text a:active {text-decoration:none;} .complex-terms {} .complex-terms h2, .complex-terms h3, .complex-terms h4, .complex-terms h5 {font-weight:bold;} .complex-terms h2 {font-size:2.1em;} .complex-terms h3 {text-transform:uppercase;} .complex-terms h5 {font-size:110%;} .complex-terms p {font-size:130%; padding-bottom:20px;} .complex-terms ol, .complex-terms ul {margin:-10px 40px 0 20px;} .complex-terms ol ol, .complex-terms ol ul {margin:0 40px 20px 20px;} .complex-terms li {list-style:decimal; margin:10px 0 0;} .complex-terms li h3, .complex-terms li h4, .complex-terms li h5, .complex-terms li p {font-size:110%;} .complex-terms li h4 {margin-right:4px; float:left; clear:left;} .complex-terms li li {font-size:110%;} .complex-terms li li h3, .complex-terms li li h4, .complex-terms li li h5, .complex-terms li li p {font-size:100%;} .complex-terms li li h4 {float:none; clear:none;} .complex-terms li li li {font-size:100%;} .complex-terms ul li {list-style-type:disc;} .complex-terms .lower-alpha li {list-style-type:lower-alpha;} .complex-terms .lower-roman li {list-style-type:lower-roman;} .complex-terms .decimal li {list-style-type:decimal;} .complex-terms li .lower-alpha, .complex-terms li .lower-roman {margin-top:-10px;} .complex-terms table {width:100%; margin:0 0 20px;} .complex-terms th, .complex-terms td {padding:2px 5px; border:solid 1px #999;} .complex-terms thead th {font-weight:bold; padding:5px;} .complex-terms tfoot td {padding-top:20px; border:0;} .complex-terms .legal {font-size:.7em;} /* begin latest news section */ .height20 {height:20px;} .latest-news-box {height:132px; padding-right:14px;} .latest-news-link{display:block; height:130px; width:250px;} .latest-news-title {width:230px; padding:9px} .latest-news-title p.gold{color:#fabe2a;} .right5 {margin-left:5px;} .latest-news-section p {margin-bottom:15px} .latest-news-section h3 {font-size:140%; padding-left: 15px;} .latest-news-section ul {padding-left: 15px;} .latest-news-section li {font-size:120%; list-style:disc; margin:0 15px 15px;} .latest-news-title p {margin-bottom:0} .padd-right {padding-right:14px;} /* end latest news section */ /* START: Restaurants section */ .restaurants-birthdays-copy p { font-size: 110%; } .restaurants-birthdays-copy ul li { font-size: 100%; } .restaurants-birthdays-copy h3 { font-size: 130%; font-weight: bold; padding-bottom: 10px; } .restaurants-gallery { height: 293px; width:100%; margin-top:20px; position:relative; } .restaurants-gallery .galleryOnloadNav { top: 246px; } .restaurants-gallery .galleryItems { height: 295px; } .restaurants-gallery .galleryItems ul li { height: 295px; } #restaurants-birthdays-gallery .galleryItem-1 { background: #333 url( /static/img/restaurants/birthdays/restaurants-birthdays-gallery1.png ) top left no-repeat;} #restaurants-birthdays-gallery .galleryItem-2 { background: #333 url( /static/img/restaurants/birthdays/restaurants-birthdays-gallery2.jpg ) top left no-repeat;} .restaurants-gallery .galleryCopyPanel-1, .restaurants-gallery .galleryCopyPanel-2, .restaurants-gallery .galleryCopyPanel-3, .restaurants-gallery .galleryCopyPanel-4, .restaurants-gallery .galleryCopyPanel-5, .restaurants-gallery .galleryCopyPanel-6, .restaurants-gallery .galleryCopyPanel-7, .restaurants-gallery .galleryCopyPanel-8 { height:262px; } .restaurants-birthdays-find { width:447px; margin-top:20px; position:relative; display: block; background: #fff url(/static/img/restaurants/birthdays/restaurants-birthdays-find.jpg) top left no-repeat; padding: 6px; } .restaurants-birthdays-find div { background:#333 none repeat scroll 0 0; display:block; padding: 20px 14px 15px 14px; width:212px; position: relative; } .restaurants-birthdays-find p { font-size:110%; } .restaurants-birthdays-find label { padding-bottom: 5px; } .restaurants-birthdays-find input.location { background-color: #757473; padding: 6px; border: 0; font-size:130%; color: #fff; width: 175px; margin-top: 5px;} .restaurants-birthdays-find input.submit { margin: 10px 0 0 0; } /* END: Restaurants section */ /* START: Food section */ .food-disclaimer {position:relative; left:-29px; display:block; color:#333; font-size:90%; text-align:center; margin-top:8px; width:560px; float:right;} .deli-disclaimer {color:#333; font-size:90%; margin-top:8px; width:560px;} .happymeal-disclaimer { color:#333; display:block; font-size:90%; margin-top:8px; } .happymeal-disclaimer img { padding: 0 0 15px 5px; } .toasted-bagel-disclaimer { } .toasted-bagel-disclaimer p { width: auto; float: none; padding-left: 70px; margin-top:8px;} /*Food > Happy Meals > Intro */ .food-happymeals-intro-party {padding:6px; background:#00a8ea;} .food-happymeals-intro-party .content {width:285px;} .food-happymeals-intro-party h2 {padding:10px 0 0 16px;} .food-happymeals-intro-party p {padding:0 16px; font-size:1.2em;} .food-happymeals-intro-party a {display:block; background:#00a8ea url(/static/img/food/happymeals/intro/btn-findoutmore-blue.png) top right no-repeat; width:126px; height:31px; padding:5px 0 0; margin-top:15px;} .food-happymeals-intro-party a span {position:absolute; left:-9999px;} .leftMainContent_rev .food-happymeals-intro-party .content {width:185px;} .leftMainContent_rev .food-happymeals-intro-party p {font-size:1.1em;} .food-happymeals-intro-widepromo { margin-top: 20px; background-color: #333; width: 512px; } .piccadillyCol .food-happymeals-intro-widepromo {width:auto; margin-top:18px; padding-bottom:17px;} .food-happymeals-intro-widepromo h2 { padding: 14px 0 5px 20px; } .food-happymeals-intro-widepromo img {} .food-happymeals-intro-widepromo p { padding: 15px 10px 15px 20px; font-size: 120%; } .food-happymeals-intro-widepromo p.small {font-size: 100%; padding-top: 0;} .food-happymeals-intro-widepromo a {color:#7ad1ed; font-weight:bold; text-decoration:none;} .food-happymeals-mac { padding: 6px 6px 6px 16px; } .food-happymeals-mac div { padding-top: 5px; } .food-happymeals-mac p { font-size: 110%; padding-bottom: 10px; } .food-happymeals-mac p a { color: #7AD1ED; } .food-happymeals-mac p.small { font-size: 90%; padding-top: 10px;} /*Food > Happy Meals > Mac */ .food-happymeals-mac-freedraw { padding: 16px 6px 6px 6px; margin-top:20px; display: block; } .food-happymeals-mac-freedraw h2 { padding: 0 0 0 10px; } .food-happymeals-mac-freedraw p { font-size:110%; padding: 0 10px 10px 10px; } .food-happymeals-mac-freedraw p a { color: #7AD1ED; margin-bottom: 10px; } .food-happymeals-mac-freedraw img { padding:0 0 6px 10px; margin: 0; } .food-happymeals-mac-already { padding: 6px 6px 6px 16px; } .food-happymeals-mac-already div { width: 300px; padding-top: 5px; } .food-happymeals-mac-already p { font-size: 110%; } .food-happymeals-mac-already p.small { font-size: 90%; padding-top: 10px;} .food-happymeals-mac-already p a { color: #7AD1ED; } /* Food > Nutrition > Nutrients Styles */ .p-nutrients .txt { width: 480px; } .p-nutrients .txt p { font-size: 120%; } .nutrients .leftMainContent { width:300px; } .nutrients .rightMainContent { width:616px; } .nutrients h3 { font-weight: bold; font-size: 130%; padding-top: 20px; padding-bottom: 10px; } ul#nutrients { width: 280px; background-color: #333; margin-top: 20px; padding-top:10px; margin-left: -16px; margin-right:-16px; } ul#nutrients li { font-size: 110%; list-style: none; font-weight: bold; border-top: 1px solid #484848; margin-right:0;} ul#nutrients li a { display:block; background: #333 url( /static/img/food/nutrition/nutrition-icons.png ) top left no-repeat; width:220px; padding:19px 0 22px 80px; font-size: 110%; list-style: none; font-weight: bold; cursor: pointer; margin-left:-18px; } ul#nutrients li a:hover { background-color: #fabe2a; } ul#nutrients li.calories a { background-position: 5px 5px; } ul#nutrients li.calories a:hover, ul#nutrients li.calories a.on:hover { background-position: -1135px 5px; } ul#nutrients li.calories a.on { background-position: -561px 5px; } ul#nutrients li.protein a { background-position: 5px -62px; } ul#nutrients li.protein a:hover, ul#nutrients li.protein a.on:hover { background-position: -1135px -62px; } ul#nutrients li.protein a.on { background-position: -561px -62px; } ul#nutrients li.carbohydrates a { background-position: 5px -129px; } ul#nutrients li.carbohydrates a:hover, ul#nutrients li.carbohydrates a.on:hover { background-position: -1135px -129px; } ul#nutrients li.carbohydrates a.on { background-position: -561px -129px; } ul#nutrients li.fat a { background-position: 5px -196px; } ul#nutrients li.fat a:hover, ul#nutrients li.fat a.on:hover { background-position: -1135px -196px; } ul#nutrients li.fat a.on { background-position: -561px -196px; } ul#nutrients li.fibre a { background-position: 5px -263px; } ul#nutrients li.fibre a:hover, ul#nutrients li.fibre a.on:hover { background-position: -1135px -263px; } ul#nutrients li.fibre a.on { background-position: -561px -263px; } ul#nutrients li.salt a { background-position: 5px -329px; } ul#nutrients li.salt a:hover, ul#nutrients li.salt a.on:hover { background-position: -1135px -329px; } ul#nutrients li.salt a.on { background-position: -561px -329px; } ul#nutrients li.sugar a { background-position: 5px -397px; } ul#nutrients li.sugar a:hover, ul#nutrients li.sugar a.on:hover { background-position: -1135px -397px; } ul#nutrients li.sugar a.on { background-position: -561px -397px; } ul#nutrients li.water a { background-position: 5px -465px; } ul#nutrients li.water a:hover, ul#nutrients li.water a.on:hover { background-position: -1135px -465px; } ul#nutrients li.water a.on { background-position: -561px -465px; } ul#nutrients li.fruitveg a { background-position: 5px -533px; } ul#nutrients li.fruitveg a:hover, ul#nutrients li.fruitveg a.on:hover { background-position: -1135px -533px; } ul#nutrients li.fruitveg a.on { background-position: -561px -533px; } /* END: Food section */ /* Ingredients */ .topTips{background:#333; width:396px; float:left} .topTips h2{margin:20px; font-size:170%;} .topTips p{margin:20px; font-size:130%} #ingred-1{border-top:3px #999182 solid; width:396px; height:117px; background: url(/static/img/food/ingredients/food-ingredients-balanced1.gif) top left} #ingred-2{border-top:3px #999182 solid; width:396px; height:117px;background: url(/static/img/food/ingredients/food-ingredients-balanced2.gif) top left} #ingred-3{border-top:3px #999182 solid; width:396px; height:117px;background: url(/static/img/food/ingredients/food-ingredients-balanced3.gif) top left} #ingred-4{border-top:3px #999182 solid; width:396px; height:117px;background: url(/static/img/food/ingredients/food-ingredients-balanced4.gif) top left} #ingred-5{border-top:3px #999182 solid; width:396px; height:117px;background: url(/static/img/food/ingredients/food-ingredients-balanced5.gif) top left} #ingred-6{border-top:3px #999182 solid; width:396px; height:117px;background: url(/static/img/food/ingredients/food-ingredients-balanced6.gif) top left} #ingred-7{border-top:3px #999182 solid; width:396px; height:117px;background: url(/static/img/food/ingredients/food-ingredients-balanced7.gif) top left} #ingred-8{border-top:3px #999182 solid; width:396px; height:117px;background: url(/static/img/food/ingredients/food-ingredients-balanced8.gif) top left} /* begin styles for the whats on section */ .green {background:#009f27; border-color:#009f27;} .lightgreen {background:#88b33d; border-color:#88b33d;} .blue {background:#0595de; border-color:#0595de;} .brown {background:#833c16; border-color:#833c16;} .yellow {background:#f28d22; border-color:#f28d22;} .sunflower {background:#fdc30e; border-color:#fdc30e;} .dark-blue {background:#222740; border-color:#222740;} .breakfast-brown {background:#671b12; border-color:#671b12;} .deli-green {background:#00803e; border-color:#00803e;} .happy-meal {background:#333; border-color:#333;} .monopoly {background:#0068b5; border-color:#0068b5;} .kitkat-red {background:#9f1619; border-color:#9f1619;} .pink {background:#e52e4f; border-color:#e52e4f;} .pounds-red {background:#f11818; border-color:#f11818;} .student-red {background:#a71c20; border-color:#a71c20;} .student-orange {background:#00adef; border-color:#00adef;} .student-blue {background:#f37021; border-color:#f37021;} .m-black {background:#000; border-color:#000;} .chicken-legend {background:#700104; border-color:#700104;} .wifi-pink {background:#ff4d41; border-color:#ff4d41;} .festive-red {background:#930712; border-color:#930712;} .whatson-mcflurry {background:#3a3126; border-color:#3a3126;} .whatson-caramel-mcflurry {background:#d75c00; border-color:#d75c00;} .whatson-piccadilly {background:#d70000; border-color:#d70000;} .little-tasters {background:#ec8904; border-color:#ec8904;} .whatson-bigtasty {background:#891d4e; border-color:#891d4e;} .whatson-qp-deluxe {background:#dc291e; border-color:#dc291e;} .toffee-crisp-orange {background:#fb8f03; border-color:#fb8f03;} .whatson-gta {background:#0f5080; border-color:#0f5080;} .whatson-caramel-milkshake {background:#24216d; border-color:#24216d;} .whatson-summer-time {background:#6dac1a; border-color:#6dac1a;} .whatson-glasses {background:#0a625d; border-color:#0a625d;} .whatson-cbo {background:#9a0e1e; border-color:#9a0e1e;} .free-glasses {margin:0px 30px 0 0;} .whatson-the-m {background:#222222; border-color:#222222;} .flavourhood {background:#003333; border-color:#003333;} .avatar {background:#050b2f; border-color:#050b2f;} .alvin {background:#0c2045; border-color:#0c2045;} .scooby {background:#156491; border-color:#156491;} .pom {background:#399849; border-color:#399849;} /*.whatson-world-cup {background:#1263ba; border-color:#1263ba;}*/ .whatson-dippers {background:#6dac1a; border-color:#6dac1a;} .whatson-cornetto-mcflurry {background:#357fd8; border-color:#357fd8;} .whatson-bbq-beef {background:#6dac1a; border-color:#6dac1a;} .whatson-summer-chicken {background:#6dac1a; border-color:#6dac1a;} .whatson-gta {background:#333; border-color:#333;} .whatson-monopoly {background:#333; border-color:#333;} .avatar-title{margin:20px 0 0 0} .avatar-h2 {margin: 20px 0 0 0} /* festive menu */ .festive-menu {background:#700104; border-color:#700104;} .festive-menu .txt-area {background:#700104 !important;} .festive-menu.whatson-panel .txt {margin-left:0 !important;} .festive-menu.whatson-panel .txt h2 {margin-left:13px;} .festive-menu.whatson-panel .txt p {margin-left:13px;} .festive-menu.whatson-panel .txt .festive-link {margin-left:13px;} .festive-menu.sub1 .txt-area {width:156px !important; height:70px !important;} .festive-menu.sub2 .txt-area {height:70px !important;} .whatson-panel {width:924px; border-width:6px; position:relative; border-style:solid; } .whatson-panel img {float:right;} .whatson-panel .txt {float:left; margin:24px 0 8px 13px; width:325px;} .whatson-panel .txt p {display:block; margin-bottom:8px;font-size:140%;width:300px;} .whatson-panel .txt a, .whatson-panel .txt .tsandcs {position:absolute; bottom:12px; width:300px;} .whatson-panel .txt .tsandcs {font-size:1em; bottom:4px;} .whatson-panel .txt .tsandcs a {text-decoration:underline; position:static; bottom:0; width:auto;} .whatson-panel .txt .tsandcs a:hover, .whatson-panel .txt .tsandcs a:focus, .whatson-panel .txt .tsandcs a:active {text-decoration:none;} .whatson-panel .txt a img {display:block; margin:0; text-align:right;} .whatson-panel .txt h2 {font-size:190%;} .whatson-panel .txt h2 img { float: none; } .lightgreen .txt h2 img { padding: 10px 0 15px 30px; } .lightgreen .txt p { margin: 0; } .whatson-panel .txt p a {position:relative; bottom:0; width:auto;} .sub1 .shadow-r, .sub2 .shadow-b {background:#000; position:absolute; filter:alpha(opacity=35);opacity: 0.35;-moz-opacity:0.35; overflow:hidden} .sub1 .shadow-r { height:156px; left:204px; top:16px; width:3px; } .sub2 .shadow-b { height:3px; left:3px; top:169px; width:201px; } .dis {display:block; margin-top:5px;width:924px; color:#333; font-size:90%;} .lrg {font-size: 130%;} .whatson-breakfast .sub1 {width:501px; height:219px; border-width:6px; position:relative; border-style:solid; margin-right:15px; margin-top:17px; float:left;} .whatson-breakfast .sub1 .txt-area {position:relative;background:#671b12; padding:20px; width:262px; height:96px; margin-top:-200px} .whatson-breakfast .sub1 h2.hero {font-size:80%} .whatson-breakfast .sub2 {width:396px; height:219px; border-width:6px; position:relative; border-style:solid; float:left;margin-top:17px;} .whatson-breakfast .sub2 .txt-area {position:relative;background:#222740; padding:20px; width:156px; height:128px;margin-top:-200px} .whatson-winter .sub1 {width:500px; height:217px; border:solid 6px #ed9524; position:relative; margin-right:15px; margin-top:17px; float:left;} .whatson-winter .sub1 .txt-area {position:relative;background:#ed9524; padding:20px; width:164px; height:64px; margin-top:-200px} .whatson-winter .sub1 h2.hero {font-size:80%} .whatson-winter .sub2 {width:395px; height:217px; border:solid 6px #ed9524; position:relative; float:left;margin-top:17px;} .whatson-winter .sub2 .txt-area {position:relative;background:#ed9524; padding:20px; width:240px; height:64px;margin-top:-200px} .sub1 {width:501px; height:219px; border-width:6px; position:relative; border-style:solid; margin-right:15px; margin-top:17px; float:left;} .sub1 .txt-area {position:relative;background:#930712; padding:20px; width:220px; height:28px; margin-top:-200px; font-size:130%; } .sub1 h2.hero {font-size:80%} .sub2 {width:396px; height:219px; border-width:6px; position:relative; border-style:solid; float:left;margin-top:17px;} .sub2 .txt-area {position:relative;background:#930712; padding:20px; width:160px; height:28px; margin-top:-200px; font-size:130%;} .wifi-link {color:#7ad1ed; font-weight:bold;} .student-sub1 {width:449px; border-width:6px; position:relative; border-style:solid; margin-right:14px; margin-top:17px; float:left; } .student-sub2 {width:449px; border-width:6px; position:relative; border-style:solid; margin-top:17px; float:left; } .big-tasty-sub1 {width:500px; height:218px; border-width:6px; position:relative; border-style:solid; margin-right:18px; margin-top:17px; float:left; } .big-tasty-sub2 {width:394px; height:218px; border-width:6px; position:relative; border-style:solid; margin-top:17px; float:left; } /* end styles for the whats on section */ /* Styles to make DoubleClick accessible */ .doubleclick { width: 1px; height: 1px; border: 0; visibility:hidden; position:absolute; } /* Style for the Restaurant Locator under the restaurants section */ .storelocator { width:936px; height:1267px; border:0; margin: 0; padding: 0; } /* sat nav page */ .satnav {background:#374359; border-color:#374359;} /* Added for new franchise page 29th Dec 2008 */ span.event-blue {font-size: 120%; font-weight: bold; color: #7ad1ed;} span.event-norm {font-size: 120%;} p.eventpad {margin-bottom: 20px;} .heightover {min-height: 180px !important;} .shadow-b-over {top: 193px !important} .shadow-r-over {height: 180px !important} .eventlistings {margin-bottom:12px;} .eventlistings p, p.register {width:295px; font-size: 110%; margin-bottom:12px; float:left;} p.register {float:none;} /* slideshow css */ /* any min-heights are given as height in ie6.css */ #slidestage {width:936px; min-height:338px;} #slidestage ul.slide-nav {position:relative; top:288px; left:21px; list-style:none; z-index:1000;} #slidestage ul.slide-nav li {width:27px; min-height:29px; float:left;} #slidestage ul.slide-nav li a {display:block; width:27px; min-height:29px; background:url(../img/backgrounds/slide-nav.gif) no-repeat -27px 0; z-index:1005;} #slidestage ul.slide-nav li a span {position:absolute; left:-10000px;} #slidestage ul.slide-nav li a.on {background-position:-108px 0;} #slidestage ul.slide-nav li.endleft a {background-position:0 0;} #slidestage ul.slide-nav li.endleft a.on {background-position:-81px 0;} #slidestage ul.slide-nav li.endright a {background-position:-54px 0;} #slidestage ul.slide-nav li.endright a.on {background-position:-135px 0;} .slide {margin:10px 0 0; border:solid 6px #333;} /* additonal style in js.css */ .slide img.imgbg {display:block; width:924px; height:326px;} .flag {position:absolute; width:400px; min-height:184px; margin:-303px 0 0 3px; background:url(../img/backgrounds/flagshadow.png) repeat;} .flag .inner {position:relative; top:-3px; left:-3px; width:362px; min-height:184px; padding:22px 22px 22px 16px; color:#fff; background:#333; border:0;} .flag h2 {} .flag h2 span {position:absolute; left:-10000px;} .flag h2.ihero {font-size:2.2em; padding:7px 0 10px; margin:0 0 14px;} .flag h2.sIFR-replaced {padding:0; margin:0;} .flag p {font-size:1.4em; margin:4px 0 0;} .flag p.btn {position:absolute; bottom:15px; width:364px; text-align:right;} .flag p.btndisclaimer {position:absolute; bottom:15px; width:364px; font-size: 90%;} .flag p.btn img {display:inline; text-align:right;} /* HOME BANNERS: colour schemes */ .promo1, .promo1 .flag .inner {background:#6dac1a; border-color:#6dac1a;} .promo2, .promo2 .flag .inner {background:#6dac1a; border-color:#6dac1a;} .promo3, .promo3 .flag .inner {background:#357fd8; border-color:#357fd8;} .promo4, .promo4 .flag .inner {background:#3a3126; border-color:#3a3126;} /* PICCADILLY LANDING PAGE: */ .piccadillyCol {} .piccadillyCol h2 {font-size:1.8em; margin:0 0 10px;} .piccadillyCol h2.sIFR-replaced {margin:0;} .piccadillyCol .slide {margin-top:18px;} .piccadillyCol .slide img.imgbg {width:447px; height:232px;} .piccadillyCol .flag {width:251px; min-height:145px; margin-top:-209px;} .piccadillyCol .flag .inner {width:213px; min-height:145px;} .piccadillyCol .flag p {font-size:1.2em;} .piccadillyCol .flag p.btn, .piccadillyCol .flag p.btn img {width:auto; text-align:left;} .piccadillyCol .imgClickThrough {margin-top:18px; min-height:300px; background:#333; border:solid 6px #fff;} .piccadillyCol .imgClickThrough h2 {margin-bottom:-8px; padding:10px 0 0 14px;}/*override ie.css*/ .piccadillyCol .imgClickThrough h2 span {position:absolute; left:-10000px;} .piccadillyCol .imgClickThrough p {font-size:1.6em; margin:7px 15px 13px;} .piccadillyCol .imgClickThrough .slide {border:0;} .piccadillyCol .imgClickThrough .slide img {display:block; width:447px; height:209px;} .piccadillyCol .imgClickThrough .positionNav {margin:-18px 12px 0 0; float:right;} .piccadillyCol .imgClickThrough li {float:left;} .piccadillyCol .imgClickThrough li.slideinfo {margin:0 3px; background:#5F5C55;} .piccadillyCol .imgClickThrough li span {display:block; padding:3px 2px 0; min-height:20px; float:left;} .piccadillyCol .imgClickThrough li span#currentSlide {padding-left:14px; background:url(/static/img/galleryicons/gallery-text-left-edge.gif) no-repeat top left;} .piccadillyCol .imgClickThrough li span#totalSlides {padding-right:14px;background:url(/static/img/galleryicons/gallery-text-right-edge.gif) no-repeat top right;} /* PRP styles, frog overlay */ #swfcontentFrog {position: absolute; top: 110px; left: 735px; z-index: 999;} #swfcontentFrogSml {position: absolute; top: 70px; left: 735px; z-index: 999;} /* align buttons to bottom of modules */ .module-align {position:relative;} /* community shield buttons */ .module-align .btn-gold {position:absolute; left:14px; bottom:40px;} /* our world / prp page */ .module-align .txt p.align-btn {position:absolute; left:10px; bottom:0;} /* Extra styles for the voucher page */ .voucher {background:#333333; border-color:#333333;} .voucher-results {background:#443636; padding:10px 15px 10px 15px; color:#ffffff;} .voucher h2 {margin-bottom:30px;} .voucher-results table {font-size:18px;} .voucher-results table tr th { font-weight:bold; text-align:left;padding:15px; } .voucher-results table tr th.line {border-bottom:1px solid #ffffff;} .voucher-results table tr td {text-align:left;padding:15px;font-weight:normal; background:#5e4c4c; vertical-align:top;} .voucher-results table tr td span {display:block; font-size:10px; margin-left:8px;} .voucher-results table tr td.dark {background:#443636; vertical-align:top; padding-top:0px;} .voucher-results table tr td.spacer {height:10px;padding:0;} .voucher-results table tr th.last {border-bottom:1px solid #443636; color:#443636} .voucher-results table tr td.box {width:250px;} .voucher-results table tr td.name {width:135px;} .voucher-input {width:233px; margin-right:10px; margin-top:5px; font-size:15px;padding:2px; border:0;} .voucher-go {display:block;margin:-26px 0 0 250px;} /* happy meal page */ .right-box-happymeal {width:382px; padding-top: 10px;} .right-box-happymeal img {border:0 ; margin:0; margin-left:-16px;} /* 'coming soon!' stripe */ .coming-soon {position:absolute; display:block; width:106px; height:106px; margin:-292px 0 0 784px;} .coming-soon2 {margin-left:415px;} .restaurants .coming-soon {margin:-291px 0 0 790px;} .restaurants .coming-soon2 {margin-left:486px;} .food .coming-soon {margin:40px 0 0 789px;} /* Monopoly banner */ .monopoly-banner {position: relative; width: 936px; margin-bottom: 10px;} .monopoly-banner span {position: absolute; right: 30px; top: 30px;} /* Doc Nav */ .nav3 div.nav3-left-hide {height:33px; background:#BB2F1E url(/static/img/nav3/left_dn_sm.gif) left no-repeat !important;} .nav3 div.nav3-right-hide {height:33px; background:#BB2F1E url(/static/img/nav3/right_dn_sm.gif) left no-repeat !important;} .nav3 div.nav3-left-show {height:86px; background:#fff url(/static/img/nav3/left_dn_lg.gif) left no-repeat !important;} .nav3 div.nav3-right-show {height:86px; background:#fff url(/static/img/nav3/right_dn_lg.gif) left no-repeat !important;}