/* @override http://meetbirmingham.site/mmlib/css/meetbirmingham/screen.css */ @charset "UTF-8"; /* 1. GENERAL 2. HEADER 3. NAVIGATION 4. CONTENT 5. EXTRA CONTENT 6. FOOTER 7. Modules / search, newsletter 8. Colours 9. Template Specific styling */ /* 1. GENERAL */ html, body {text-align:center;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; background:#000000} body { background-color: #000; background-color: #000 !important;} #skiplinks { position:absolute; top:0; left:-9999em; overflow:hidden; } #page-wrapper { width:990px; margin:0 auto; text-align:left; border-left: 1px solid #FFF; border-right: 1px solid #FFF; padding-bottom:20px; background: #000; } a { text-decoration: none; } a:hover { text-decoration: underline; } .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error p {margin: 2px 0px;} .alt-placeholder {color: #888;} .clear {clear: both;} /* 2. HEADER */ #header {padding-top:69px;position:relative;} #header #unit-header-blurb { position:absolute;top:0px;right:0px;width:469px;height:132px; background: url('../images/ipex.gif') top right no-repeat; } #header #unit-header-blurb p {} #header #unit-header-blurb .more-info { background: url(/mmlib/images/meetbirmingham/arrow-on-black.gif) no-repeat right center; color:#FFFFFF; font-family: "Arial Black", arial; font-size: 13px; font-weight: bold; padding: 2px 21px 2px 0px; text-decoration: none; } #unit-logo {width:990px;height:100px;background: #65579a url(/mmlib/images/meet-header.png) no-repeat 0 0;position:relative;} #unit-logo p {margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden;} #unit-logo #logo {margin:0;padding:0;} #unit-logo #logo a {width:690px;height:103px;z-index:10;left:0;top:0;display:block;text-indent:-9999em;} /* Specific Page Titles */ #unit-logo #logo a {background: none; outline: none;} #unit-logo #logo a.strapline-advice {background: url(../../images/meetbirmingham/straplines/advice.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-another-world {background: url(/mmlib/images/meetbirmingham/straplines/another-world.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-connectivity {background: url(../../images/meetbirmingham/straplines/connectivity.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-cutting-edge {background: url(/mmlib/images/meetbirmingham/straplines/cutting-edge.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-space {background: url(/mmlib/images/meetbirmingham/straplines/space.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-the-experts {background: url(/mmlib/images/meetbirmingham/straplines/the-experts.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-the-media {background: url(/mmlib/images/meetbirmingham/straplines/the-media.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-transformation {background: url(../../images/meetbirmingham/straplines/transformation.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-your-comfort-zone {background: url(/mmlib/images/meetbirmingham/straplines/your-comfort-zone.png) no-repeat 207px 8px; outline: none;} #unit-logo #logo a.strapline-your-host {background: url(/mmlib/images/meetbirmingham/straplines/your-host.png) no-repeat 207px 8px; outline: none;} /* 3. NAVIGATION */ #unit-navigation {padding-bottom:21px;} #unit-navigation ul {overflow: visible;zoom:1;margin:0;padding:0;width:100%;background: magenta url(/mmlib/images/nav-tile-horizontal.png) repeat-x 0 0;height:38px;} #unit-navigation ul li {float:left;margin:0;padding:0 1px 0 0;list-style:none;font-size:11px;background: magenta url(/mmlib/images/nav-seperator.png) no-repeat right top;} #unit-navigation ul li a {float:left;padding:0 0px;text-decoration:none;color:#FFF;border-bottom:4px solid #333;margin-right:1px solid #000;height:34px;line-height:34px;background: url(/mmlib/images/nav-tile-horizontal.png) repeat-x 0 0; -webkit-transition: border-color 0.1s linear; font-weight: normal; text-align: center; } #page-wrapper #unit-navigation ul li a:hover { border-color:#FFF; } #unit-navigation ul li.link-about-birmingham a {border-color:#FC0; width: 123px; } #unit-navigation ul li.link-find-a-venue a {border-color:#F93; width: 92px;} #unit-navigation ul li.link-plan-your-event a {border-color:#F63; width: 105px;} #unit-navigation ul li.link-find-your-event a {border-color:#F39; width: 106px;} #unit-navigation ul li.link-accommodation a {border-color:#969; width: 108px;} #unit-navigation ul li.link-getting-here a {border-color:#36C; width: 91px;} #unit-navigation ul li.link-entertainment a {border-color:#0CC; width: 102px;} #unit-navigation ul li.link-media a {border-color:#6C3; width: 58px;} #unit-navigation ul li.link-about-us a {border-color:#9C0; width: 76px;} #unit-navigation ul li.link-contact-us { background-image: none; padding: 0; } #unit-navigation ul li a { width: 238px; font-size: 13px; } #page-wrapper #unit-navigation ul li.link-accomodation a { border-color: #f9c313; } #page-wrapper #unit-navigation ul li.link-what-to-do a { border-color: #f7872d; } #page-wrapper #unit-navigation ul li.link-travel a { border-color: #f6512d; } #page-wrapper #unit-navigation ul li.link-social a { border-color: #f61989; } #page-wrapper #unit-navigation ul li.link-accomodation a:hover, #page-wrapper #unit-navigation ul li.link-what-to-do a:hover, #page-wrapper #unit-navigation ul li.link-travel a:hover, #page-wrapper #unit-navigation ul li.link-social a:hover { border-color: white; } #unit-navigation ul li.link-contact-us a {border-color:#9C0; width: 85px;} #unit-navigation ul li.home-link a { background: url(/mmlib/images/home-link.png) center top repeat-x; border-color: #99cd45; width: 32px; padding: 0; } #unit-navigation .home-link span { display: none; } /* 4. CONTENT */ #content-wrapper {font-size:13px;} #main-content {float:left;width:760px;padding-left:30px;} /* 790px */ #main-content #group-one {float:left;width:190px;} /* 190px */ #main-content #group-two {float:left;width:510px;padding:0 30px;} /* 570px */ /* 4a. Sub Navigation */ #unit-sub-navigation ul { font-size:.9em; margin:0 0 20px;padding:0;border-top:1px solid magenta;border-left:1px solid magenta;border-right:1px solid magenta; list-style:none;} #unit-sub-navigation ul li a {list-style:none;margin:0;padding:0;border-bottom:1px solid magenta;background: magenta url(/mmlib/images/meetbirmingham/sub-nav-tile-horizontal.png) repeat-x 0 0; display:block;padding:6px 14px;text-decoration:none;color:magenta;} #group-one #unit-sub-navigation ul li a:hover { color:#FFFFFF} #group-one #unit-sub-navigation ul li a.selected {color: #fff;} #unit-sub-navigation ul li ul {padding:10px 0;background:magenta;margin-bottom:0;font-size:12px;} #unit-sub-navigation ul li ul li a {background:magenta;border:none;padding-left:14px; padding-bottom:0;padding-top:0;} /* 4b. Text Elements */ #content-wrapper h1 {font-size:22px; margin-top:0px} /* 5. EXTRA CONTENT */ #extra-content {float:right;width:180px;padding-right:20px;margin-bottom:28px;} /* 200px */ #content-wrapper .list-with-photos { list-style: none; } #main-content #unit-downloads { width:328px; padding:2px 2px 10px 2px; margin:30px 0 0 0} #main-content #unit-downloads .top h3 { font-size:1.1em; margin:0 0 0 10px;} #main-content #unit-downloads ul { margin:15px 0 0 10px;} #main-content #unit-downloads ul li { list-style:none; margin:3px 0; } #main-content #unit-downloads ul li a {height:24px; display:block; font-size:.9em; padding-top:8px; background:url(../../images/meetbirmingham/icon-generic.png) left no-repeat; outline: none; padding:5px 0 0 37px; color:#ffffff} #main-content #unit-downloads ul li.word a { background:url(../../images/meetbirmingham/icon-word.png) left no-repeat; } #main-content #unit-downloads ul li.pdf a { background:url(../../images/meetbirmingham/icon-acrobat.png) left no-repeat; } /* 6. FOOTER */ #footer #footer-info p#footer-contact span { font-weight:bold; color:#ff3399} #footer {border-top: 1px solid #4d4d4d;margin: 0 10px;padding: 4px 26px 18px; margin-top: 10px;} #footer a {color:#786dab;text-decoration:none; font-weight: bold; } #footer #thelogo { float: right; margin-bottom: -65px; } #footer p {clear:both;margin-top:12px;} #footer p.licence { margin-bottom:0px} #footer #footer-links {margin:0;padding:0;overflow:hidden;zoom:1;} #footer #footer-links li {float:left;list-style:none;} #footer #footer-links li.first a {padding-left:0;border-left:none;} #footer #footer-links li a {display:block;padding:0 10px;border-left: 1px solid #FFF;font-weight: bold; color: #786dab;} #footer #footer-partners li {float:left;list-style:none; margin:0 0px 0 0px; height:50px} #footer #footer-partners { float:right; margin:0px 0px 0px 0px;} #footer #footer-partners li img {} /* 7. MISC */ /* 7a. Advertising*/ #unit-side-adverts ul {margin:0;padding:0;} #unit-side-adverts ul li {list-style:none;margin:0;padding:0;} .advert-728-90 {margin: 20px 0px 0px; float: left; clear:both;} .template-homepage .advert-728-90 {margin-top: 0px;} .advert-180-150 {margin-bottom:20px;} /* 7b. Images */ img.masthead-image {border:1px solid #FFF;} /* 7c. List With Photos */ ul.list-with-photos {margin:0;padding:0; list-style none; } ul.list-with-photos h2 { margin:0px;} ul.list-with-photos h2, ul.list-with-photos h3 {color: magenta;font-size:13px;font-weight:normal;} ul.list-with-photos li {border-bottom: 1px solid #fff; overflow:hidden;zoom:1;margin:0 0 28px;padding:0 0 28px;} ul.list-with-photos li img {float:left;padding:1px;background:#000;border:1px solid #FFF;} ul.list-with-photos li .placeholder-image img {border:1px solid #555;} ul.list-with-photos li .info {float:right;width:330px;} #event-details ul.list-with-photos li .info { padding-left: 10px; width: 320px;} /* 7d. Site Search */ #extra-content #unit-site-search {margin-bottom:20px;} #extra-content #unit-site-search form {background: magenta url(/mmlib/images/top-corners-solid-180.png) no-repeat 50% 0%;padding:17px 14px;overflow:hidden;zoom:1;} #extra-content #unit-site-search fieldset {border: none; margin: 0px; padding: 0px;} #extra-content #unit-site-search #site-search {width:115px;font-size:13px;padding:5px;border:1px solid #000;background:#FFF;float:left;margin:0;} #extra-content #unit-site-search #site-search-submit {float:left;padding:7px 0 6px 10px;} #extra-content #unit-site-search form label {position:absolute;overflow:hidden;left:-9999em;top:0;} #extra-content #unit-site-search ul {margin:0;padding:17px 19px;background: magenta url(/mmlib/images/meetbirmingham/bottom-corners-grad-180.png) no-repeat left bottom;} #extra-content #unit-site-search ul li {margin:0;padding:0;list-style:none;} #extra-content #unit-site-search ul li a {color:#FFF;text-decoration:none;font-weight:bold;} #extra-content .block { background: #65579A url(/mmlib/images/top-corners-solid-180.png) top left no-repeat; margin-bottom: 20px; font-size: 12px; } #extra-content .block p { margin: 0; padding: 10px; } #extra-content h4 { margin: 0; padding: 0; padding-top: 8px; margin-left: 14px; margin-right: 14px; padding-bottom: 10px; border-bottom: 1px solid white; font-size: 20px; } #extra-content h4 span { background: url('../images/white-arrow.gif') right 3px no-repeat; padding-right: 20px; } #extra-content .bottom-block p { margin: 0; padding: 0; padding-right: 10px; font-size: 12px; } #extra-content .links h4 { border-bottom: none; } #extra-content .bottom-block { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; background: url('../images/block-bottom.gif') bottom left no-repeat; } #extra-content .links .bottom-block{ background: url('../images/links-back.gif') top left no-repeat; height: 307px; } #extra-content .bottom-block a { color: white; display: block; } #extra-content .bottom-block p { margin-bottom: 10px; } #extra-content .links .bottom-block a { color: #786dab; font-size: 13px; } /* 7e. Newsletter Info Box */ #unit-newsletter-info {overflow:hidden;zoom:1;color:#FFF;font-size:12px;} #unit-newsletter-info .wrapper {background: url(/mmlib/images/meetbirmingham/top-corners-solid-190.png) no-repeat 50% 0%;padding:13px 15px 0;} #unit-newsletter-info h3 {margin:0 0 -10px;font-size:15px;line-height:15px;padding-bottom:10px;border-bottom:1px solid #000;} #main-content #unit-newsletter-info h3 a {color:#000;text-decoration:none;display:block;font-weight:bold;background:url(/mmlib/images/meetbirmingham/search-button.png) no-repeat 100% 90%;} #unit-newsletter-info p { text-shadow: rgba(2,2,2,0.3) 0 1px 2px; } /* 7. COLOURS */ /*Swatch about-birmingham 100 #ffcc00 50 #806600 venue 100 #ff9933 50 #804c1a plan 100 #ff6633 50 #80331a find-event 100 #ff3399 50 #801a4c accomodation 100 #996699 50 #603d60 getting-here 100 #3366cc 50 #1a3366 entertainment 100 #00cccc 50 #006666 media 100 #65cc33 50 #33661a about-us 100 #65579a 50 #4d6600 contact-us 100 #65579a 50 #4d6600 */ /* TEMP MAGENTA COLOURS 100% Colour #F0F (magenta) 50% Colour/50% Black #808 */ /* @group Colours */ #unit-logo, #unit-navigation ul, #unit-navigation ul li, #extra-content #unit-site-search form, #unit-newsletter-info, #extra-content #unit-site-search ul {background-color:#F0F;} #main-content a {color: #F0F;} #unit-sub-navigation ul li a ul.list-with-photos h2, ul.list-with-photos h3 {color: #F0F;} #extra-content #unit-site-search {border-color:#F0F;} #unit-navigation ul li.selected a {background:#F0F;border-color:#786dab !important;} #unit-navigation ul li.homeselected a {border-color:#786dab !important;} #unit-sub-navigation ul {border-top-color:#808;border-left-color:#808;border-right-color:#808;} #unit-sub-navigation ul li a {border-bottom-color:#808;background-color:#F0F;} #unit-sub-navigation ul li ul, #unit-sub-navigation ul li ul li a {background-color:#808;} #unit-sub-navigation ul li a:hover { background-color:#808} #unit-sub-navigation ul li a.selected { background-color:#808} #extra-content #unit-site-search {border-color:#808;} /* About Birmingham */ .template-about-birmingham #unit-logo, .template-about-birmingham #unit-navigation ul, .template-about-birmingham #unit-navigation ul li, .template-about-birmingham #extra-content #unit-site-search form, .template-about-birmingham #unit-newsletter-info, .template-about-birmingham #extra-content #unit-site-search ul {background-color:#ffcc00;} .template-about-birmingham #unit-newsletter-info p {color: #26231A;} .template-about-birmingham #main-content a {color: #ffcc00;} .template-about-birmingham #unit-sub-navigation ul li a, .template-about-birmingham ul.list-with-photos h2, .template-about-birmingham ul.list-with-photos h3 {color: #ffcc00;} .template-about-birmingham #extra-content #unit-site-search {border-color:#ffcc00;} .template-about-birmingham #unit-navigation ul li.selected a {border-color: #786dab} .template-about-birmingham #unit-sub-navigation ul {border-top-color:#806600;border-left-color:#806600;border-right-color:#806600;} .template-about-birmingham #unit-sub-navigation ul li a {border-bottom-color:#806600;background-color:#ffcc00;} .template-about-birmingham #unit-sub-navigation ul li ul, .template-about-birmingham #unit-sub-navigation ul li ul li a {background-color:#806600;} .template-about-birmingham #unit-sub-navigation ul li a:hover { background-color:#806600} .template-about-birmingham #unit-sub-navigation ul li a.selected { background-color:#806600} .template-about-birmingham #extra-content #unit-site-search {border-color:#806600;} /* Find a venue */ .template-find-a-venue #unit-logo, .template-find-a-venue #unit-navigation ul, .template-find-a-venue #unit-navigation ul li, .template-find-a-venue #extra-content #unit-site-search form, .template-find-a-venue #unit-newsletter-info, .template-find-a-venue #extra-content #unit-site-search ul {background-color:#ff9933;} .template-find-a-venue #main-content a {color: #ff9933;} .template-find-a-venue #unit-sub-navigation ul li a, .template-find-a-venue ul.list-with-photos h2, .template-find-a-venue ul.list-with-photos h3 {color: #ff9933;} .template-find-a-venue #extra-content #unit-site-search {border-color:#ff9933;} .template-find-a-venue #unit-navigation ul li.selected a {background:#ff9933;border-color:#ff9933 !important;} .template-find-a-venue #unit-sub-navigation ul {border-top-color:#804c1a;border-left-color:#804c1a;border-right-color:#804c1a;} .template-find-a-venue #unit-sub-navigation ul li a {border-bottom-color:#804c1a;background-color:#ff9933;} .template-find-a-venue #unit-sub-navigation ul li ul, .template-find-a-venue #unit-sub-navigation ul li ul li a {background-color:#804c1a;} .template-find-a-venue #unit-sub-navigation ul li a:hover { background-color:#804c1a} .template-find-a-venue #unit-sub-navigation ul li a.selected { background-color:#804c1a} .template-find-a-venue #extra-content #unit-site-search {border-color:#804c1a;} /* Plan your event */ .template-plan-your-event #unit-logo, .template-plan-your-event #unit-navigation ul, .template-plan-your-event #unit-navigation ul li, .template-plan-your-event #extra-content #unit-site-search form, .template-plan-your-event #unit-newsletter-info, .template-plan-your-event #extra-content #unit-site-search ul {background-color:#ff6633;} .template-plan-your-event #main-content a {color: #ff6633;} .template-plan-your-event #unit-sub-navigation ul li a .template-plan-your-event ul.list-with-photos h2, .template-plan-your-event ul.list-with-photos h3 {color: #ff6633;} .template-plan-your-event #extra-content #unit-site-search {border-color:#ff6633;} .template-plan-your-event #unit-navigation ul li.selected a {background:#ff6633;border-color:#ff6633 !important;} .template-plan-your-event #unit-sub-navigation ul {border-top-color:#80331a;border-left-color:#80331a;border-right-color:#80331a;} .template-plan-your-event #unit-sub-navigation ul li a {border-bottom-color:#80331a;background-color:#ff6633;} .template-plan-your-event #unit-sub-navigation ul li ul, .template-plan-your-event #unit-sub-navigation ul li ul li a {background-color:#80331a;} .template-plan-your-event #unit-sub-navigation ul li a:hover { background-color:#80331a} .template-plan-your-event #unit-sub-navigation ul li a.selected { background-color:#80331a} .template-plan-your-event #extra-content #unit-site-search {border-color:#80331a;} /* Find your event */ .template-find-your-event #unit-logo, .template-find-your-event #unit-navigation ul, .template-find-your-event #unit-navigation ul li, .template-find-your-event #extra-content #unit-site-search form, .template-find-your-event #unit-newsletter-info, .template-find-your-event #extra-content #unit-site-search ul {background-color:#ff3399;} .template-find-your-event #main-content a {color: #ff3399;} .template-find-your-event #unit-sub-navigation ul li a, .template-find-your-event ul.list-with-photos h2, .template-find-your-event ul.list-with-photos h3, .template-find-your-event #extra-content #unit-site-search {color:#ff3399;} .template-find-your-event #unit-navigation ul li.selected a {background:#ff3399;border-color:#ff3399 !important;} .template-find-your-event #unit-sub-navigation ul {border-top-color:#806600;border-left-color:#806600;border-right-color:#806600;} .template-find-your-event #unit-sub-navigation ul li a {border-bottom-color:#806600;background-color:#ff3399;} .template-find-your-event #unit-sub-navigation ul li ul, .template-find-your-event #unit-sub-navigation ul li ul li a {background-color:#806600;} .template-find-your-event #unit-sub-navigation ul li a:hover { background-color:#806600} .template-find-your-event #unit-sub-navigation ul li a.selected { background-color:#806600} .template-find-your-event ul.list-with-photos h5 a { text-decoration:none;} .template-find-your-event #extra-content #unit-site-search {border-color:#806600;} /* Accommodation */ .template-accommodation #unit-logo, .template-accommodation #unit-navigation ul, .template-accommodation #unit-navigation ul li, .template-accommodation #extra-content #unit-site-search form, .template-accommodation #unit-newsletter-info, .template-accommodation #extra-content #unit-site-search ul {background-color:#996699;} .template-accommodation #main-content #unit-newsletter-info h3 a {color:#000;} .template-accommodation #main-content a {color: #996699;} .template-accommodation #unit-sub-navigation ul li a, .template-accommodation ul.list-with-photos h2, .template-accommodation ul.list-with-photos h3, .template-accommodation #extra-content #unit-site-search {color:#996699;} .template-accommodation #unit-navigation ul li.selected a {background:#996699;border-color:#996699 !important;} .template-accommodation #unit-sub-navigation ul {border-top-color:#603d60;border-left-color:#603d60;border-right-color:#603d60;} .template-accommodation #unit-sub-navigation ul li a {border-bottom-color:#603d60;background-color:#996699;} .template-accommodation #unit-sub-navigation ul li ul, .template-accommodation #unit-sub-navigation ul li ul li a {background-color:#603d60;} .template-accommodation #unit-sub-navigation ul li a:hover { background-color:#603d60} .template-accommodation #unit-sub-navigation ul li a.selected { background-color:#603d60} .template-accommodation ul.list-with-photos h5 a { text-decoration:none;} .template-accommodation #extra-content #unit-site-search {border-color:#603d60;} /* Getting Here */ .template-getting-here #unit-logo, .template-getting-here #unit-navigation ul, .template-getting-here #unit-navigation ul li, .template-getting-here #extra-content #unit-site-search form, .template-getting-here #unit-newsletter-info, .template-getting-here #extra-content #unit-site-search ul {background-color:#3366cc;} .template-getting-here #main-content #unit-newsletter-info h3 a {color:#000;} .template-getting-here #main-content a {color: #3366cc;} .template-getting-here #unit-sub-navigation ul li a, .template-getting-here ul.list-with-photos h2, .template-getting-here ul.list-with-photos h3, .template-getting-here #extra-content #unit-site-search {color:#3366cc;} .template-getting-here #unit-navigation ul li.selected a {background:#3366cc;border-color:#3366cc !important;} .template-getting-here #unit-sub-navigation ul {border-top-color:#1a3366;border-left-color:#1a3366;border-right-color:#1a3366;} .template-getting-here #unit-sub-navigation ul li a {border-bottom-color:#1a3366;background-color:#3366cc;} .template-getting-here #unit-sub-navigation ul li ul, .template-getting-here #unit-sub-navigation ul li ul li a {background-color:#1a3366;} .template-getting-here #unit-sub-navigation ul li a:hover { background-color:#1a3366} .template-getting-here #unit-sub-navigation ul li a.selected { background-color:#1a3366} .template-getting-here ul.list-with-photos h5 a { text-decoration:none;} .template-getting-here #extra-content #unit-site-search {border-color:#1a3366;} /*--Entertainment--*/ .template-entertainment #unit-logo, .template-entertainment #unit-navigation ul, .template-entertainment #unit-navigation ul li, .template-entertainment #extra-content #unit-site-search form, .template-entertainment #unit-newsletter-info, .template-entertainment #extra-content #unit-site-search ul {background-color:#00cccc;} .template-entertainment #main-content a, .template-entertainment #unit-sub-navigation ul li a, .template-entertainment ul.list-with-photos h2, .template-entertainment ul.list-with-photos h3 {color: #00cccc;} .template-entertainment #extra-content #unit-site-search {border-color:#00cccc;} .template-entertainment #unit-navigation ul li.selected a {background:#00cccc;border-color:#00cccc !important;} .template-entertainment #unit-sub-navigation ul {border-top-color:#006666;border-left-color:#006666;border-right-color:#006666;} .template-entertainment #unit-sub-navigation ul li a {border-bottom-color:#006666;background-color:#00cccc;} .template-entertainment #unit-sub-navigation ul li ul, .template-entertainment #unit-sub-navigation ul li ul li a {background-color:#006666;} .template-entertainment #unit-sub-navigation ul li a:hover { background-color:#006666} .template-entertainment #unit-sub-navigation ul li a.selected { background-color:#006666} .template-entertainment #extra-content #unit-site-search {border-color:#006666;} /* Media */ .template-media #unit-logo, .template-media #unit-navigation ul, .template-media #unit-navigation ul li, .template-media #extra-content #unit-site-search form, .template-media #unit-newsletter-info, .template-media #extra-content #unit-site-search ul {background-color:#65cc33;} .template-media #main-content #unit-newsletter-info h3 a {color:#000;} .template-media #main-content a {color: #65cc33;} .template-media #main-content #group-two a, .template-media #unit-sub-navigation ul li a, .template-media ul.list-with-photos h2, .template-media ul.list-with-photos h3 {color: #65cc33;} .template-media #unit-sub-navigation ul li a, .template-media ul.list-with-photos h2, .template-media ul.list-with-photos h3, .template-media #extra-content #unit-site-search {color:#65cc33;} .template-media #unit-navigation ul li.selected a {background:#65cc33;border-color:#65cc33 !important;} .template-media #unit-sub-navigation ul {border-top-color:#33661a;border-left-color:#33661a;border-right-color:#33661a;} .template-media #unit-sub-navigation ul li a {border-bottom-color:#33661a;background-color:#65cc33;} .template-media #unit-sub-navigation ul li ul, .template-media #unit-sub-navigation ul li ul li a {background-color:#33661a;} .template-media #unit-sub-navigation ul li a:hover { background-color:#33661a} .template-media #unit-sub-navigation ul li a.selected { background-color:#33661a} .template-media ul.list-with-photos h5 a { text-decoration:none;} .template-media #extra-content #unit-site-search {border-color:#33661a;} /* About Us */ .template-about-us #unit-logo, .template-about-us #unit-navigation ul, .template-about-us #unit-navigation ul li, .template-about-us #extra-content #unit-site-search form, .template-about-us #unit-newsletter-info, .template-about-us #extra-content #unit-site-search ul {background-color:#65579a;} .template-about-us #main-content #unit-newsletter-info h3 a {color:#000;} .template-about-us #main-content a {color: #65579a;} .template-about-us #unit-sub-navigation ul li a, .template-about-us ul.list-with-photos h2, .template-about-us ul.list-with-photos h3, .template-about-us #extra-content #unit-site-search {color:#65579a;} .template-about-us #unit-navigation ul li.selected a {background:#65579a;border-color:#65579a !important;} .template-about-us #unit-sub-navigation ul {border-top-color:#4d6600;border-left-color:#4d6600;border-right-color:#4d6600;} .template-about-us #unit-sub-navigation ul li a {border-bottom-color:#4d6600;background-color:#65579a;} .template-about-us #unit-sub-navigation ul li ul, .template-about-us #unit-sub-navigation ul li ul li a {background-color:#4d6600;} .template-about-us #unit-sub-navigation ul li a:hover { background-color:#4d6600} .template-about-us #unit-sub-navigation ul li a.selected { background-color:#4d6600} .template-about-us ul.list-with-photos h5 a { text-decoration:none;} .template-about-us #extra-content #unit-site-search {border-color:#4d6600;} /* Contact Us */ .template-contact-us #unit-logo, .template-contact-us #unit-navigation ul, .template-contact-us #unit-navigation ul li, .template-contact-us #extra-content #unit-site-search form, .template-contact-us #unit-newsletter-info, .template-contact-us #extra-content #unit-site-search ul {background-color:#65579a;} .template-contact-us #main-content #unit-newsletter-info h3 a {color:#000;} .template-contact-us #main-content a {color: #65579a;} .template-contact-us #unit-sub-navigation ul li a, .template-contact-us ul.list-with-photos h2, .template-contact-us ul.list-with-photos h3, .template-contact-us #extra-content #unit-site-search {color:#65579a;} .template-contact-us #unit-navigation ul li.selected a {background:#65579a;border-color:#65579a !important;} .template-contact-us #unit-sub-navigation ul {border-top-color:#4d6600;border-left-color:#4d6600;border-right-color:#4d6600;} .template-contact-us #unit-sub-navigation ul li a {border-bottom-color:#4d6600;background-color:#65579a;} .template-contact-us #unit-sub-navigation ul li ul, .template-contact-us #unit-sub-navigation ul li ul li a {background-color:#4d6600;} .template-contact-us #unit-sub-navigation ul li a:hover { background-color:#4d6600} .template-contact-us #unit-sub-navigation ul li a.selected { background-color:#4d6600} .template-contact-us ul.list-with-photos h5 a { text-decoration:none;} .template-contact-us #extra-content #unit-site-search {border-color:#4d6600;} /* HOME PAGE */ .template-homepage #unit-logo, .template-homepage #unit-navigation ul, .template-homepage #unit-navigation ul li, .template-homepage #extra-content #unit-site-search form, .template-homepage #unit-newsletter-info, .template-homepage #extra-content #unit-site-search ul {background-color:#65579a;} .template-homepage #unit-sub-navigation ul li a, .template-homepage ul.list-with-photos h2, .template-homepage ul.list-with-photos h3, .template-homepage #main-content a{color: #65579a;} .template-homepage #unit-newsletter-info h3 a { background-position:46% 90%} .template-homepage #extra-content #unit-site-search {border-color:#65579a;} .template-homepage #unit-navigation ul li.selected a { background: #786DAB; font-weight: bold; color: white; } .template-homepage #unit-sub-navigation ul {border-top-color:#4d6600;border-left-color:#4d6600;border-right-color:#4d6600;} .template-homepage #unit-sub-navigation ul li a {border-bottom-color:#4d6600;background-color:#65579a;} .template-homepage #unit-sub-navigation ul li ul, .template-homepage #unit-sub-navigation ul li ul li a {background-color:#4d6600;} .template-homepage #unit-sub-navigation ul li a:hover { background-color:#4d6600} .template-homepage #unit-sub-navigation ul li a.selected { background-color:#4d6600} .template-homepage #extra-content #unit-site-search {border-color:#4d6600;} p.date a.venue {color: #65579a;} /* Footer Links */ .section-site #unit-logo, .section-site #unit-navigation ul, .section-site #unit-navigation ul li, .section-site #extra-content #unit-site-search form, .section-site #unit-newsletter-info, .section-site #extra-content #unit-site-search ul {background-color:#65579a;} .section-site #main-content #unit-newsletter-info h3 a {color:#000;} .section-site #main-content a {color: #65579a;} .section-site #unit-sub-navigation ul li a, .section-site ul.list-with-photos h2, .section-site ul.list-with-photos h3, .section-site #extra-content #unit-site-search {color:#65579a;} .section-site #unit-navigation ul li.selected a {background:#65579a;border-color:#786dab !important;} .section-site #unit-sub-navigation ul {border-top-color:#4d6600;border-left-color:#4d6600;border-right-color:#4d6600;} .section-site #unit-sub-navigation ul li a {border-bottom-color:#4d6600;background-color:#65579a;} .section-site #unit-sub-navigation ul li ul, .section-site #unit-sub-navigation ul li ul li a {background-color:#4d6600;} .section-site #unit-sub-navigation ul li a:hover { background-color:#4d6600} .section-site #unit-sub-navigation ul li a.selected { background-color:#4d6600} .section-site ul.list-with-photos h5 a { text-decoration:none;} .section-site #extra-content #unit-site-search {border-color:#4d6600;} .template-search #unit-logo, .template-search #unit-navigation ul, .template-search #unit-navigation ul li, .template-search #extra-content #unit-site-search form, .template-search #unit-newsletter-info, .template-search #extra-content #unit-site-search ul { background-color: #65579a; } .template-search #main-content a { color: #65579a; } #unit-sub-navigation ul li a, ul.list-with-photos h2, ul.list-with-photos h3 { color: #65579a; } /* @end */ /*EVENT / View*/ #event-details #main-content #group-two { padding-top:50px;} #event-details p.back { margin:0 0 5px 0;} #event-details p.back a { font-weight:normal;; text-decoration:none;} #event-details h1 { margin:0px;} #event-details #unit-summary img { margin:10px 0} #event-details #unit-summary { margin:0 0 20px 0} #event-details .info h5, #event-details .info p { margin:0px;} #event-details ul.list-with-photos li .info { float:right} #event-details ul.list-with-photos li .info a { text-decoration:none; font-weight:normal;} #event-details ul.list-with-photos li img { float:left} #event-details #events-feature-box { background:#FF3399 url(/mmlib/images/meetbirmingham/top-corners-grad-190.png) no-repeat scroll left top; margin:40px 0px 20px; padding: 15px 0px 0px; width: 190px; } #event-details #events-feature-box-wrapper { background:#FF3399 url(/mmlib/images/meetbirmingham/bottom-corners-grad-190.png) no-repeat scroll left bottom; width: 160px; margin: 0px 0px 0px; padding: 0px 15px 15px 15px; } #event-details #events-feature-box ul{ margin: 0px 0px 0px 14px; padding: 0px; } #event-details #events-feature-box ul li{ margin: 0px; padding: 0px; list-style-image: url(../../images/meetbirmingham/bullet-grey.gif); opacity: 1; } #event-details #events-feature-box p { margin: 5px 0px; font-size:12px; color: #fffeff; } #event-details #events-feature-box li a { font-weight: normal; } #event-details #events-feature-box h1, #event-details #events-feature-box h2, #event-details #events-feature-box h3, #event-details #events-feature-box h4, #event-details #events-feature-box h5, #event-details #events-feature-box h6 { margin-top: 0; padding-bottom: 0.8em; margin-bottom: 0.5em; border-bottom: 1px solid #3e182b; color: #f4f4f4; } #event-details #events-feature-box h3 { font-size: 15px; } /* 9. Template specific styling HOME PAGE */ .template-homepage #unit-newsletter-info { height: 251px; margin-top: 0; } .template-homepage #unit-newsletter-info h3, .template-homepage #unit-left-widget h2 { border-bottom:1px solid #000000; line-height:1em; margin:0 0 0 0; padding-bottom:10px; } .template-homepage #unit-left-widget h2 { color: black; } .template-homepage #unit-left-widget h2 span { background:url(/mmlib/images/arrow.gif) no-repeat scroll right 3px; padding-right: 20px; } .template-homepage #unit-newsletter-info h3 a {background: none;} .template-homepage #unit-newsletter-info h3 a, .template-homepage #unit-left-widget h3 a { color:#000000; text-decoration:none;} .template-homepage #unit-newsletter-info h3 a { background:url(../../images/meetbirmingham/search-button.png) no-repeat right center; display: inline; padding-right: 18px;} .template-homepage #main-content #group-one { width:400px; margin:0 0 20px 0} .template-homepage #main-content #group-two { width:330px; padding:0 14px; margin:0 0 20px 0} .template-homepage #main-content #group-double { width: 750px; } .template-homepage #unit-left-widget { background:#FFFFFF url(/mmlib/images/left-col-footer.gif) left bottom no-repeat; overflow:hidden;zoom:1;color:#FFF;font-size:12px; margin:25px 0 0 0; height: 184px; } .template-homepage #unit-left-widget .wrapper { background: url('../images/top-corners-wide.gif') top left no-repeat; padding:13px 15px 0; padding-bottom: 0px; } .template-homepage #unit-left-widget h2 {margin:3px 0 -5px; line-height:15px;padding-bottom:13px;border-bottom:1px solid #000;} .template-homepage #unit-left-widget h2 a { color:#000; text-decoration:none; display:inline; font-weight:bold; padding-right: 18px; font-size: 19px; } .template-homepage #unit-left-widget ul { margin-left: 2px; } .template-homepage #unit-left-widget ul li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 15px 0 0; padding-bottom:15px; padding-top:8px; } .template-homepage #unit-left-widget ul li#buster { padding-left: 90px; } .template-homepage #unit-left-widget ul li a { color: white; } .template-homepage #unit-left-widget p { padding-bottom:10px; margin-bottom: 0; } .template-homepage #unit-left-widget h4 { margin-bottom:0px} .template-homepage #unit-left-widget h4, .template-homepage #unit-left-widget h4 a { color:#65579a;} .template-homepage #unit-left-widget p { color:#000000; margin-top:0px} .template-homepage #unit-find-event p.date { margin-top:0px;} /*HOME PLAN */ .template-homepage #unit-plan-event { background:#FFFFFF url(/mmlib/images/bottom-corners-solid-330.png) no-repeat 50% 100%;overflow:hidden;zoom:1;color:#FFF;font-size:12px; margin:0px 0 20px 0;} .template-homepage #unit-plan-event .wrapper {background:url(/mmlib/images/top-corners-solid-330.png) no-repeat 50% 0%;padding:13px 13px 0;} .template-homepage #unit-plan-event h2 { background: transparent url(/mmlib/images/arrow.gif) no-repeat scroll right 3px; margin:0 0 0 0px;font-size:20px; line-height:1em; padding-bottom:10px;border-bottom:1px solid #000;} .template-homepage #unit-plan-event h2 a {color:#000;text-decoration:none;display:inline;font-weight:bold; padding-right: 18px;} .template-homepage #unit-plan-event h4 { color:#65579a; margin-bottom:0px; margin-top: 0px;} .template-homepage #unit-plan-event h4 { margin-left: 124px; } .template-homepage #unit-plan-event p { color:#000000; margin-top: 0; padding-top: 0; font-size: 12px; margin-bottom: 0;} .template-homepage #unit-plan-event .bottomborder { padding-top: 10px; margin-bottom: 10px;} .template-homepage #unit-plan-event h3 {margin:0 0 -10px; line-height:15px;padding-bottom:10px;border-bottom:1px solid #000;} .template-homepage #unit-plan-event h3 a { color:#65579a; text-decoration:none;} .template-homepage #unit-plan-event img { float:left; margin-bottom:10px; margin-right:10px; margin-top:5px; padding-bottom: 0; } .template-homepage #unit-plan-event .item { margin-bottom: 10px; padding-bottom: 10px; clear: left; overflow: auto; } .template-homepage #unit-plan-event .item p { float: right; width: 180px; } .template-homepage p.bottomborder { border-bottom: 1px solid black; padding-bottom: 15px; } /*. FIND EVENT*/ .template-homepage #unit-find-event {background:#FFFFFF url(/mmlib/images/bottom-corners-solid-330.png) no-repeat 50% 100%;overflow:hidden;zoom:1;color:#FFF;font-size:12px; margin:0px 0 20px 0} .template-homepage #unit-find-event .wrapper {background:#FFFFFF url(/mmlib/meetbirmingham/top-corners-solid-330.png) no-repeat 50% 0%;padding:13px 15px 0;} .template-homepage #unit-find-event h2 {margin:0 0 0 0px;font-size:1.8em; line-height:1em; padding-bottom:10px;border-bottom:1px solid #000;} .template-homepage #unit-find-event h2 a {color:#000;text-decoration:none;display:inline;font-weight:bold;background:url(/mmlib/images/meetbirmingham/hp-search-green.gif) no-repeat right center; padding-right: 18px;} .template-homepage #unit-find-event h4 { margin-bottom:0px} .template-homepage #unit-find-event h4 a { color:#65579a; } .template-homepage #unit-find-event p { color:#000000;} .template-homepage #unit-find-event h3 {margin:0 0 -10px; line-height:15px;padding-bottom:10px;border-bottom:1px solid #000;} .template-homepage #unit-find-event h3 a { color:#65579a; text-decoration:none;} /*homepage Venue*/ .template-homepage #unit-find-venue {background:#FFFFFF url(/mmlib/images/find-venue-bot.gif) no-repeat 0% 100%;overflow:hidden;zoom:1;color:#FFF;font-size:12px; margin:0px 0 20px 0; width: 330px;} .template-homepage #unit-find-venue .wrapper { background:#FFFFFF url(/mmlib/images/travel-to-top.gif) no-repeat 0% 0%;padding:13px 15px 0; } .template-homepage #unit-find-venue h2 {margin:0 0 0 0px;font-size:1.8em; line-height:1em; padding-bottom:10px;border-bottom:1px solid #000;} .template-homepage #unit-find-venue h2 a {color:#000;text-decoration:none;display:inline;font-weight:bold;background:url(/mmlib/images/arrow.gif) no-repeat right center; padding-right: 18px;} .template-homepage #unit-find-venue h4 { color:#65579a; margin-bottom:0px} .template-homepage #unit-find-venue p { color:#000000;} .template-homepage #unit-find-venue ul li { list-style:none; float:left; margin:0 15px 0 0} .template-homepage #unit-find-venue ul { padding:0px 10px 10px 6px; } .template-homepage #unit-find-venue ul li a { color:#fff; } .template-homepage #unit-find-venue p { margin-top: 0; margin-top: 10px; padding-bottom: 10px; } /* ipex block */ .template-homepage #unit-ipex-block {background:#FFFFFF url(/mmlib/images/find-venue-bot.gif) no-repeat 0% 100%;overflow:hidden;zoom:1;color:#FFF;font-size:12px; margin:0px 0 25px 0; width: 330px;} .template-homepage #unit-ipex-block .wrapper { background:#FFFFFF url(/mmlib/images/travel-to-top.gif) no-repeat 0% 0%;padding:13px 15px 0; } .template-homepage #unit-ipex-block h2 {margin:0 0 0 0px;font-size:1.8em; line-height:1em; padding-bottom:10px;border-bottom:1px solid #000;} .template-homepage #unit-ipex-block h2 a {color:#000;text-decoration:none;display:inline;font-weight:bold;background:url(/mmlib/images/arrow.gif) no-repeat right center; padding-right: 18px;} .template-homepage #unit-ipex-block h4 { color:#65579a; margin-bottom:0px} .template-homepage #unit-ipex-block p { color:#000000;} .template-homepage #unit-ipex-block ul li { list-style:none; float:left; margin:0 15px 0 0} .template-homepage #unit-ipex-block ul { padding:0px 10px 10px 6px; margin-top: -2px; } .template-homepage #unit-ipex-block ul li a { color:#fff; } .template-homepage #unit-ipex-block p { margin-top: 0; margin-top: 10px; padding-bottom: 10px; } .template-homepage #unit-ipex-block ul { margin-left: 10px; margin-right: 10px; } .template-homepage #unit-ipex-block ul a { padding-left: 12px; } /* end */ /* Template Event */ .template-find-your-event #unit-logo #logo.text-another-world a { background:url(../../images/meetbirmingham/text-cutting-edge.gif) no-repeat 92% 22px;} .template-find-your-event ul.list-with-photos li img { float:right} .template-find-your-event ul.list-with-photos li .info { float:left} .template-find-your-event #main-content #group-one { width:510px;} /* 190px */ .template-find-your-event #main-content #group-two { width:190px;padding:37px 30px 0 30px;} /* 570px */ .template-find-your-event h5, .template-find-your-event p.date span.venue {color: #ff3399;} .template-find-your-event h1 { margin-top:0px} .template-find-your-event h5 { margin:0px;} .template-find-your-event p.date { margin:0px} .template-find-your-event .info p { margin-bottom:0px} .template-find-your-event #unit-editorial p { margin-top:0px} .template-find-your-event ul.list-with-photos li .info { width:100%} .template-find-your-event ul.list-with-photos li.has-image .info {width: 320px;} .template-find-your-event ul.list-with-photos li .thumbnail {float: right; width: 170px;} .template-homepage h2#logo { display: none; } .template-holding #main-content { margin: 35px 0px 8px; width: auto; } .template-holding #main-content #group-one { margin-right:30px; width: 497px; } .template-holding #main-content #group-two { background: url(/mmlib/images/meetbirmingham/bg-holding-intro.gif) no-repeat; height:300px; margin-top: 18px; padding:15px 33px; width:334px; } .template-holding #main-content #group-two h2 { color:#65579a; font-size: 21px; font-weight: bold; line-height:25px; margin: 10px 0 7px; } .template-holding #main-content #group-two p { color:#000; font-size: 12px; line-height: 16px; margin: 0px 0px 17px; } .template-holding #main-content #group-two p .more-info { background: url(/mmlib/images/meetbirmingham/arrow.gif) no-repeat right center; color:#000; font-family: "Arial Black", arial; font-size: 15px; font-weight: bold; padding: 2px 21px 2px 0px; text-decoration: none; } .template-holding #unit-movie { padding-top:16px;} /* @group backstage edit */ a.backstageeditbutton { border:medium none; clear:left; color:#333333 !important; font-family:Verdana; font-size:10px; font-weight:bold; line-height:13px; padding:1em; position:fixed; right:10px; top:0px; vertical-align:middle; background: #FFF; border: 3px solid #999; border-top: none; color: #333 } a.backstageeditbutton:hover { color: #FFF; background-color: #999; border: 3px solid #666; border-top: none; } .backstageeditbutton img { float: left; margin-right: 6px; } /* @end */ #unit-map { height: 341px; width: 510px; } .template-search #main-content #group-one { width:730px; } .template-newsletter #main-content #group-one { width:730px; } .checkbox-list { clear:left; float:left; margin:3px 0 20px; padding:0; } .checkbox-list li{ float:left; list-style-type:none; margin:0px 0px 5px; padding:0; width:240px; } .small-list li { width: 80px; } .checkbox-list li input { float: left; margin: 0px 6px 0px 0px; } .checkbox-list li label { float: left; } .formfield .checkbox-list { margin: 5px 0px 0px; } .formfield { float:left; margin-bottom:10px; width:364px; } .formfield label { display: block; } .formfield select { padding: 5px; width: 312px; } .formfield input, .formfield select { margin: 0px; } p.hint { margin: 2px 0px; } .template-newsletter h2 { margin: 25px 0 8px; } .template-newsletter h3 { margin-bottom: 4px; } .results-list { margin:0 0 20px; } .results-list ul { margin:0px; padding:0; } .results-list li{ background: url(/mmlib/images/warwick/border.gif) repeat-x left bottom; clear: left; float: left; list-style-type: none; margin:0 0 13px; padding: 0px 0px 8px; width:100%; } .results-list .thumbnail { float: left; margin-right:10px; } .results-list .info { float: left; font-size:12px; padding: 0px; width: 500px; } .results-list h4 { font-size: 16px; margin: 0px 0px 2px; } .results-list p { margin: 0px; } .results-list .more a{ background: url(/mmlib/images/meetbirmingham/add.gif) no-repeat left center; clear: left; padding: 5px 0 2px 22px; } /* @group sitemap */ #unit-sitemap { margin-left: 0px; width: 600px; } #unit-sitemap a { list-style: none; } #unit-sitemap li.map-meet-birmingham { font-size: 18px; list-style: none; } #unit-sitemap ul { margin-left: 0; } #unit-sitemap ul ul, #unit-sitemap ul ul li { margin-left: 20px; } #unit-sitemap ul li { font-size: 18px; list-style: none; margin-top: 20px; } #unit-sitemap ul li a { margin-bottom: 2px; } #unit-sitemap ul li li a { border-bottom: none; } #unit-sitemap ul li li { font-size: 12px; list-style: disc; margin: 0; border-bottom: none; } /* @end */ .article { } .article-body.travel p { padding-top: 0; margin-top: 0; } .article-body.travel h4 { margin-bottom: 0; padding-bottom: 0; } .article-image { border: 1px solid white; margin-bottom: 10px; } .article-body#what { margin-right: 10px; } #whats-on-tabs { background: white; background: url('../images/tab-background.gif') top left no-repeat; color: black; width: 743px; } #whats-on-tabs .body { border-left: 1px solid #786dab; border-right: 1px solid #786dab; clear: both; color: black; padding: 18px; padding-bottom: 0; background: white; } #whats-on-tabs, #whats-on-tabs ul, #whats-on-tabs li { margin: 0; padding: 0; list-style-type: none; } #whats-on-tabs ul { clear:both; display:block; overflow:auto; width:auto } #whats-on-tabs li { float: left; color: black; } #whats-on-tabs .menu li a { display: block; font-weight: bold; font-size: 16px; padding:11px 20px; color: #65579a; } #whats-on-tabs ul.menu li#selected, #whats-on-tabs ul.menu li#selected a { color: white; } #whats-on-tabs .menu li a:hover { color: white; text-decoration: none; } #whats-on-tabs ul.menu li#selected { background-color: #65579a; } #whats-on-tabs ul.menu li.first#selected { background: url('../images/tab-selected-first.gif') top left no-repeat } #whats-on-tabs ul { display: block; clear: both; } .page-attractions #whats-on-tabs .body ul li { height: 155px; } #whats-on-tabs .body ul li { color:black; float:left; margin-right:10px; width:340px; } #whats-on-tabs .body ul li.col2 { width: 350px; margin-right: 0; } #whats-on-tabs .body ul li img { float: right; margin-right: 20px; margin-bottom: 50px; } #whats-on-tabs .body ul li p { margin-top: 0; } #whats-on-tabs .body ul li h4 { margin: 0; padding: 0; color: #786dab; font-size: 14px; } #whats-on-tabs .whats-on-footer { clear:both; height:11px; background: white url('../images/whats-on-footer.gif') bottom no-repeat }