/* ------------------------------------------------*/ /* Clear Signal /* Revision: 1.1 /* Date: 18-08-2009 /* Author: Clear Signal /* Corp. hex: #323c44 (dark blue), #51626f (mid blue), #b5bf00 (green), #627582 (grey) ---------------------------------------------------*/ /* Global styles ---------------------------------------------------*/ html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, hr, form, fieldset, a, div, img, blockquote, dl, dt, dd { margin: 0; padding: 0; border: 0; } body { font-family: arial, Helvetica, sans-serif; font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ line-height: 1.2em; text-align: left; color: #000; font-size: 0.9em; background: transparent url(/images/bg_main.gif) 0 0 repeat; margin: 0; padding: 0; } /*div { border-bottom: 1px solid #000; }*/ p { margin: 0 0 10px 0; padding: 0; font-size: 0.9em; } a { font-size: 0.9em; text-decoration: none; color: #51626f; } a:hover { text-decoration: underline; } a:active { outline: none; } img { border: none; } .clear { clear: both; } form, fieldset { margin: 0; padding: 0; border: none; } /* wrapper ---------------------------------------------------*/ #bottom, #wrapper { position: relative; width: 960px; margin: 0 auto 0 auto; } #wrapper { padding: 0 10px 0 10px; background: transparent url(/images/lr_shadow3.png) 0 0 repeat-y; } /* bottom shadow */ #bottom { padding: 0 10px 10px 10px; height: 1px; background: transparent url(/images/bottom_shadow2.png) 0 0 no-repeat; } /* header ---------------------------------------------------*/ #header { position: relative; margin: 0 auto 0 auto; width: 960px; height: 86px; background: transparent url(/images/logo_cs.gif) 0 0 no-repeat; z-index: 10 !important; } #header #skip { display: none; } #header h1 { position: absolute; width: 211px; height: 86px; margin: 0; padding: 0; z-index: 10; } #header h1 a { position: absolute; display: block; top: 0; left: 0; width: 211px; height: 86px; text-indent: -9999px; } a.goto { position: absolute; text-indent: -9999px; } /* header / top nav ---------------------------------------------------*/ #topNav { z-index: 100 !important; padding: 0; margin: 0; width: 400px; position: absolute; top: 18px; right: 20px; font-size: 0.75em; color: #51626f; } #topNav ul { float: right; padding: 0; margin: 0 85px 0 0; list-style-type: none; display: block; } #topNav li { padding: 0; margin: 0 0 0 10px; display: block; float: left; } #topNav img, #topNav a { display: block; float: left; padding: 0; margin: 0 0 0 7px; color: #51626f;} #topNav a:hover { text-decoration: none; } #topNav li.top1 { margin: 4px 0 0 0; } #topNav li.pipe { margin: 3px 0 0 1px; } #topNav li.top2 { margin: 0 0 0 7px; } #topNav li.top3 { margin: 1px 0 0 9px; } #topNav li.top3 img { margin: 2px 710px 0 0; } #topNav li.top3.hovered { background-color: #f4f5f6; cursor: pointer; } #topNav .callme:hover { color: #000; text-decoration: underline; cursor: pointer; } #topNav .callmeForm { z-index: 100 !important; position: absolute; right: 0; background-color: #fbfbfc; width: 180px; height: 152px; margin: 20px 0 17px 0; padding: 10px 0 0 10px; border: 2px solid #b5bf00; } #topNav .callmeForm p { font-size: 1.0em; line-height: 1.2em; margin: 0 10px 10px 0; } #topNav .callmeField { color: #666; font-size: 1em; width: 155px; border: 1px solid #666; margin: 0 0 10px 0; } #topNav .callmeEmail a { line-height: 0.8em; text-decoration: none; font-size: 0.8em; margin: 0; padding: 0 0 0 20px; background: transparent url(/images/icn_arrow_fff.gif) 0px 3px no-repeat; } #topNav .callmeEmail a:hover { text-decoration: underline; } #callback { position: absolute; float: right; right: 0; } #callback img { margin: 2px 6px 0 0; } #topNav .callmeForm .callme2 { height: 16px; background: transparent url(/images/icn_close.gif) top right no-repeat; cursor: pointer; text-align: right; margin: -5px 7px 5px 0; } #topNav .callmeForm .callme2 span { display: none; } /* header / top menu ---------------------------------------------------*/ #mainMenuContainer { position: relative; top: 52px; right: 20px; } #mainMenu { position: relative; float: right; margin: 0; width: 486px; height: 34px; z-index: 10 !important; } #mainMenu ul { padding: 0; margin: 0; list-style-type: none; display: block; } #mainMenu li { padding: 0; margin: 0; position: relative; float: left; display: block; } #mainMenu a.home, #mainMenu a.profile, #mainMenu a.services, #mainMenu a.people, #mainMenu a.work, #mainMenu a.otherStuff, #mainMenu a.contact { position: relative; display: block; text-decoration: none; height: 34px; } #mainMenu .home, #mainMenu .profile, #mainMenu .services, #mainMenu .people, #mainMenu .work, #mainMenu .otherStuff, #mainMenu .contact { border: 0 !important; } #mainMenu .home a.home, #mainMenu .profile a.profile, #mainMenu .services a.services, #mainMenu .people a.people, #mainMenu .work a.work, #mainMenu .otherStuff a.otherStuff, #mainMenu .contact a.contact { border: 0 !important; text-indent: -9999px; background: transparent url(/images/menu_main.gif) 0 0 no-repeat;} #mainMenu .home { width: 48px !important; } #mainMenu .profile { width: 59px !important; } #mainMenu .services { width: 74px !important; } #mainMenu .people { width: 62px !important; } #mainMenu .work { width: 51px !important; } #mainMenu .otherStuff { width: 131px !important; } #mainMenu .contact { width: 61px !important; } #mainMenu .home a.home { width: 48px !important; background-position: 0 0; } #mainMenu .profile a.profile { width: 59px !important; background-position: -48px 0; } #mainMenu .services a.services { width: 74px !important; background-position: -107px 0; } #mainMenu .people a.people { width: 62px !important; background-position: -181px 0; } #mainMenu .work a.work { width: 51px !important; background-position: -243px 0; } #mainMenu .otherStuff a.otherStuff { width: 131px !important; background-position: -294px 0; } #mainMenu .contact a.contact { width: 61px !important; background-position: -425px 0; } #mainMenu .home a.home:hover { width: 48px !important; background-position: 0 -34px; } #mainMenu .profile a.profile:hover { width: 59px !important; background-position: -48px -34px; } #mainMenu .services a.services:hover { width: 74px !important; background-position: -107px -34px; } #mainMenu .people a.people:hover { width: 62px !important; background-position: -181px -34px; } #mainMenu .work a.work:hover { width: 51px !important; background-position: -243px -34px; } #mainMenu .otherStuff a.otherStuff:hover { width: 131px !important; background-position: -294px -34px; } #mainMenu .contact a.contact:hover { width: 61px !important; background-position: -425px -34px; } #mainMenu .home a.current { background-position: 0 -68px; } #mainMenu .profile a.current { background-position: -48px -68px; } #mainMenu .services a.current { background-position: -107px -68px; } #mainMenu .people a.current { background-position: -181px -68px; } #mainMenu .work a.current { background-position: -243px -68px; } #mainMenu .otherStuff a.current { background-position: -294px -68px; } #mainMenu .contact a.current { background-position: -425px -68px; } #mainMenu .home ul, #mainMenu .profile ul, #mainMenu .services ul, #mainMenu .people ul, #mainMenu .work ul, #mainMenu .otherStuff ul, #mainMenu .contact ul { text-indent: 0 !important; } /* banner image ---------------------------------------------------*/ #bannerImg { position: relative; width: 960px; height: 300px; padding: 0; margin: 0; } #bannerImg img { width: 960px; height: 300px; border: 0; top: 0; left: 0; } #bannerImg span { display: none; } #bannerNav { position: absolute; text-align: right; width: auto; height: 12px; top: 396px; right: 30px; z-index: 99; font-size: 0; } #bannerNav a { display: block; float: left; width: 14px; height: 14px; font-size: 0; color: #929da3; border: 0; background: transparent url(/images/icn_bannerOff.png) 0 0 no-repeat; text-decoration: none; margin: 0 0 0 2px; padding: 0; } #bannerNav a:hover { font-size: 0; background: transparent url(/images/icn_bannerOn.png) 0 0 no-repeat; } #bannerNav a.activeSlide { font-size: 0; background: transparent url(/images/icn_bannerOn.png) 0 0 no-repeat; color: #b5bf00; } #bannerNav a:focus { font-size: 0; outline: none; } #bannerNav2 { position: absolute; width: 163px; min-height: 500px; top: 93px; left: 27px; z-index: 99; } #bannerNav2 a { display: block; color: #fff; font-size: 0.8em; background: transparent url(/images/bg_nav_people2.png) 0 0 no-repeat; width: 138px; height: 16px; padding: 4px 5px 5px 20px; margin: 0 0 5px 0; text-decoration: none; } #bannerNav2 a:hover { color: #51626f; background: #fff url(/images/bg_nav_people2_on.png) 0 0 no-repeat; text-decoration: none; } #bannerNav2 a.current { color: #51626f; background: #fff url(/images/bg_nav_people2_on.png) 0 0 no-repeat; text-decoration: none; } #bannerNav2 a.current:hover { color: #fff; background: #fff url(/images/bg_nav_people2.png) 0 0 no-repeat; text-decoration: none; } #bannerNav2 ul { padding: 0; margin: 0; list-style-type: none; display: block; } #bannerNav2 li { padding: 0; margin: 0; position: relative; display: block; color: #fff; } #bannerContent { display: none; } /* work */ #work #bannerNav2 .projectNav { width: 170px; } #work #bannerNav2 a { display: block; color: #000; font-size: 0.85em; background: none; width: 153px; height: 17px; padding: 1px 2px 2px 15px; margin: 0; text-decoration: none; } #work #bannerNav2 a:hover { color: #fff; background: transparent url(/images/bg_nav_work.png) 0 0 repeat-x; text-decoration: none; } #work #bannerNav2 a.current { color: #fff; background: #51626f url(/images/bg_nav_work.png) 0 0 repeat-x; text-decoration: none; } #work #bannerNav2 a.current:hover { color: #000; background: #fff url(/images/bg_nav_work.png) 0 0 repeat-x; text-decoration: none; } #work #bannerNav2 .projectNav h5 { display: block; padding: 5px 0 2px 15px; background: #fff; width: 155px; color: #627582; } /* work scrollable */ #work #latestNews { height: 262px; padding: 0; overflow: hidden; background: transparent url(/images/bg_subnav_work.png) 0 0 repeat; } #work #latestNews .items { height: 242px !important; float: left; width: 170px; margin: 0 0 0 0; } #work #latestNews .items div { width: 170px; height: 20px; margin: 0; padding: 0; } #work #latestNews .items div.noBorder { border: none; } #work #latestNews .newsSnip.hovered { cursor: pointer; } #work #latestNews .newsSnip p { margin: 0; padding: 2px 0 2px 0; } #work #latestNews .navi { display: block; width: 170px; margin: 3px 0 0 15px; height: 15px; overflow: hidden; } #work #latestNews .navi span { display: block; float: left; width: 17px; height: 32px; margin: 0; background:url(/images/btn_pagination_work.png) 0px 0px no-repeat; cursor: pointer; } #work #latestNews .navi span:hover { background-position: 0 -15px; } #work #latestNews .navi span.active { background-position: 0 -15px; cursor: default; } /* page title ---------------------------------------------------*/ #home #wrapper #pageTitle h2 { width: 940px; height: 24px; background: #b6be01 url(/images/bg_pageTitle.gif) 0 0 repeat-x; margin: 0; padding: 6px 0 0 20px; color: #fff; font-size: 1.1em; font-weight: normal; } #pageTitle { position: relative; float: left; width: 960px; height: 30px; background: #b6be01 url(/images/bg_pageTitle.gif) 0 0 repeat-x; margin: 0; padding: 0; } #pageTitle #pageTitleCol1 { position: relative; float: left; width: 460px; margin: 7px 0 0 20px; } #pageTitle #pageTitleCol2 { position: relative; float: left; width: 440px; text-align: right; padding: 0 20px 0 0; margin: 7px 0 0 20px; } #pageTitle #pageTitleCol1 h2 { color: #fff; font-size: 1.1em; font-weight: normal; } #pageTitle #pageTitleCol1 h2 span { font-weight: bold; margin: 0 0 0 10px; } #pageTitle #pageTitleCol2 a { color: #fff; } #pageTitle #pageTitleCol2 a:hover { color: #51626f; text-decoration: none; } /* main container ---------------------------------------------------*/ #mainContainer { background: #fff url(/images/bg_mainContainer.png) 0 30px no-repeat; height: auto !important; min-height: 450px; height: 450px; margin: 0; padding: 0; } #people #mainContainer { background: #fff url(/images/bg_mainContainer2.png) 0 30px no-repeat; height: auto !important; min-height: 450px; height: 450px; margin: 0; padding: 0; } #contact #mainContainer { background: #fff url(/images/bg_mainContainer2.png) 0 30px no-repeat; height: auto !important; min-height: 450px; height: 450px; margin: 0; padding: 0; } #services #mainContainer { background: #fff url(/images/bg_mainContainer2.png) 0 30px no-repeat; height: auto !important; min-height: 450px; height: 450px; margin: 0; padding: 0; } #profile #mainContainer { background: #fff url(/images/bg_mainContainer2.png) 0 30px no-repeat; height: auto !important; min-height: 450px; height: 450px; margin: 0; padding: 0; } #work #mainContainer { background: #fff url(/images/bg_mainContainer2.png) 0 30px no-repeat; height: auto !important; min-height: 450px; height: 450px; margin: 0; padding: 0; } #profile.footerPages #mainContainer, #services.other #mainContainer { background: #fff url(/images/bg_mainContainer3.png) 0 0 no-repeat; height: auto !important; min-height: 450px; height: 450px; margin: 0; padding: 0; } #mainContainer #leftCol { position: relative; float: left; width: 445px; margin: 0; padding: 20px 10px 10px 20px; } #mainContainer #centreCol { position: relative; float: left; width: 210px; margin: 0; padding: 20px 10px 10px 20px; } #mainContainer #rightCol { position: relative; float: left; width: 215px; margin: 0; padding: 20px 10px 10px 20px; } #profile.footerPages #mainContainer #leftCol, #services.other #mainContainer #leftCol { width: 685px; } .greystrong { font-weight: bold; color: #51626f; } /* all cols ---------------------------------------------------*/ #leftCol h2, #centreCol h2, #rightCol h2 { font-size: 1em; padding: 0; margin: 0 0 10px 0; color: #51626f; margin: 0 0 7px 0; } #leftCol h3, #centreCol h3, #rightCol h3 { font-size: 0.8em; padding: 0; margin: 0 0 4px 0; color: #51626f; } #home #rightCol h2 { display: block; float: left; font-size: 1em; color: #51626f; margin: 0; } #home #rightCol h3 { font-size: 0.75em; color: #000; margin: 0 0 00; } /* left col ---------------------------------------------------*/ #leftCol h4 { color: #51626f; font-size: 0.9em; } #leftCol strong { color: #51626f; } #leftCol ul { margin: 0 0 20px 20px; } #leftCol li { list-style-image: url(/images/icn_bullet_gr.gif); font-size: 0.9em; } #leftCol a { color: #000; text-decoration: underline; } #leftCol a:hover { color: #51626f; text-decoration: underline; } #profile #leftCol #sitemap1 { } #profile #leftCol #sitemap1 li { font-size: 1.2em; } #profile #leftCol #sitemap1 ul ul li { font-size: 0.9em; } #profile #leftCol #sitemap1 a { text-decoration: none; } #profile #leftCol #sitemap1 a:hover { text-decoration: underline; } /* contact form ---------------------------------------------------*/ #leftCol #formEnquiry #formContainer { width: 450px; } #leftCol #formEnquiry #formContainer .col1 { position: relative; float: left; width: 225px; margin: 0 0 20px 0; } #leftCol #formEnquiry #formContainer .col2 { position: relative; float: left; width: 225px; margin: 0 0 20px 0; } #leftCol #formEnquiry #formContainer .col12Merge { position: relative; float: left; width: 450px; margin: 0 0 20px 0; } #leftCol #formEnquiry #formContainer label { font-size: 0.8em; } #leftCol #formEnquiry #formContainer label em { color: red; } .captchText { display: block; margin: 10px 0 0 0; font-size: 0.75em; line-height: 1.2em; } #leftCol #formEnquiry #formContainer .fldInput { border: 1px solid #87939a; border-top: 1px solid #323c44; width: 200px; height: 20px; font-size: 0.9em; } #leftCol #formEnquiry #formContainer .fldArea { border: 1px solid #87939a; border-top: 1px solid #323c44; width: 430px; height: 80px; font-size: 0.9em; } div.grippie { background: #EEEEEE url(/images/icn_grippie.png) no-repeat scroll center 2px; border-color: #ddd; border-style:solid; border-width: 0pt 1px 1px; cursor: s-resize; height: 9px; overflow: hidden; } .resizable-textarea textarea { display: block; margin-bottom: 0pt; width: 95%; height: 20%; } #contact .captcha_success_message { width: 320px; display: block; background-color: #d9efd0; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #33691c; } #contact .captcha_error_message { width: 320px; display: block; background-color: #efa3a3; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #f90505; } #contact .referrer { visibility: hidden; } /* news ---------------------------------------------------*/ @media projection, screen { .toggler2 { margin: 5px 0 15px 0; cursor: pointer; text-decoration: none; font-size: 1em; font-weight: normal; display: block; border: none; padding: 10px 35px 10px 10px; background-color: #b2bb01; } #newsContent a { text-decoration: none; color: #51626f; } #newsContent a:hover { text-decoration: none; color: #51626f; } .toggler2-closed { color: #323c44 !important; text-decoration: none; background: #dce0e2 url(/images/icn-news-arrow_open.png) 620px 14px no-repeat; } .toggler2-closed:hover { color: #fff !important; text-decoration: none; background: #97a1a9 url(/images/icn-news-arrow_open.png) 620px 14px no-repeat; } .toggler2-opened { color: #fff !important; background: #b5bf00 url(/images/icn-news-arrow_closed.png) 620px 14px no-repeat; } .toggler2-opened:hover { color: #fff !important; text-decoration: none; background: #97a1a9 url(/images/icn-news-arrow_closed.png) 620px 14px no-repeat; } .toggler2-c { margin-bottom: 25px; } .toggler2-c-closed { margin: -14px 0 10px 0; background: #fff; border: none; border-top: 0; padding: 10px; width: 628px; } .toggler2-c-opened { margin: -14px 0 10px 0; background: #fff; border: none; border-top: 0; padding: 10px; width: 628px; } } #newsContent .newsCol1 { position: relative; float: left; width: 95px; } #newsContent .newsCol2 { position: relative; float: left; width: 500px; } #newsContent .newsCol2 a { text-decoration: underline !important; } @media print { .toggler2-c { margin-bottom: 25px; } .toggler2 { display: none; } } #services.other #newsContent { line-height: 1.4em; position: relative; float: left; margin: 19px 10px 10px 12px; width: 650px; } #services.other #newsContent h3 { color: #616161; font-size: 1.1em; margin: 5px 0 10px 0; } #services.other #newsContent .toggleNews a { text-decoration: none; } #services.other #newsContent .toggleNews a:hover { color: #000; text-decoration: underline; } #services.other #newsContent ul { padding: 0 0 0 10px; margin: 0 0 20px 10px; } #services.other #newsContent h4 { color: #616161; font-size: 1.0em; margin: 5px 0 10px 0; } #services.other #newsContent h5 { color: #616161; font-size: 0.9em; margin: 5px 0 10px 0; } #services.other #newsContent em { font-weight: normal; font-style: normal; } #services.other .toggleNews img { position: relative; float: left; margin: 0 10px 0 0; } #services.other #newsContent .toggleNews .backtop a { color: #000; text-decoration: underline; } #services.other #newsContent .toggleNews .backtop a:hover { color: #616161; } p.pagination { color: #616161; margin-right: 22px; text-align: right; font-size: 0.75em; } .pagination a { text-decoration: none !important; color: #616161 !important; border: 1px solid #b2bb01; padding: 4px 6px 4px 6px !important; } .pagination a:hover { text-decoration: none; background-color: #b5bf00; } .pagination strong { background-color: #b5bf00; color: #fff !important; border: 1px solid #b2bb01; padding: 3px 6px 4px 6px; } /* right col ---------------------------------------------------*/ #rightCol #rss { position: relative; float: right; margin: 0 10px 0 0; } #rightCol #newsContainer { margin: 15px 0 0 0; } #rightCol .newsItem { position: relative; margin: 5px 0 8px 0; } #rightCol .newsItem .newsImg { position: relative; float: left; width: 90px; } #rightCol .newsItem .newsItemContent { position: relative; float: left; margin: 6px 0 0 0; width: 100px; font-size: 0.9em; line-height: 1.2em; } #rightCol .newsItem .newsItemContent a { color: #000; font-size: 0.95em; } #rightCol .newsItem .newsItemContent a:hover { text-decoration: none; } #profile #rightCol .newsItem .newsImg, #services #rightCol .newsItem .newsImg { position: relative; float: left; width: 70px; } #profile #rightCol .newsItem .newsItemContent, #services #rightCol .newsItem .newsItemContent { width: 130px; } #profile #rightCol .newsItem .newsItemContent a #services #rightCol .newsItem .newsItemContent a { color: #51626f; } #rightCol ul { list-style-type: none; margin: 7px 0 0 0; padding: 0; } #rightCol li { color: #51626f; padding: 0 0 0 16px; margin: 0 5px 7px 0; background: transparent url(/images/icn_cs_bullet3_off.png) 0 2px no-repeat; } #rightCol li:hover { background: transparent url(/images/icn_cs_bullet3_on.png) 0 2px no-repeat; } #rightCol ul.blue { list-style-type: none; margin: 15px 0 0 0; padding: 0; } #rightCol ul.blue li { color: #51626f; padding: 0 0 0 16px; margin: 0 5px 7px 0; background: transparent url(/images/icn_cs_bullet_blue.gif) 0 2px no-repeat; } #rightCol hr { height: 2px; border-top: 1px solid #c8cacb; background-color: #fff; margin: 20px 10px 20px 0; } /* clickable hovered ---------------------------------------------------*/ #rightCol .newsItem.hovered { background-color: #dfe2e4; cursor: pointer; } /* people ---------------------------------------------------*/ #people #rightCol .linkItem { background: transparent url(/images/icn_cs_bullet.gif) 0 0 no-repeat; margin: 0 0 10px 0; padding: 0 0 0 20px; } #people #rightCol .linkItem h3 { margin: 0; padding: 4px 0 0 0; color: #51626f; font-size: 0.8em; font-weight: normal; } #people #rightCol .linkItem h3 a { color: #51626f; font-size: 1em; } #people #rightCol .linkItem span { margin: 0; padding: 0; color: #000; } #people #rightCol .linkItem span a { margin: 0; padding: 0; color: #000; font-size: 1em; } #people #rightCol .linkItem span a:hover { text-decoration: none; border-bottom: 1px dotted #666; } #people #rightCol li { margin: 0; } /* centre col ---------------------------------------------------*/ #centreCol li, p { font-size: 0.9em; } #centreCol ul { list-style-type: none; margin: 7px 0 0 0; padding: 0; } #centreCol li { color: #51626f; padding: 0 0 0 16px; margin: 0 5px 7px 0; background: transparent url(/images/icn_cs_bullet3_off.png) 0 2px no-repeat; } #centreCol li:hover { background: transparent url(/images/icn_cs_bullet3_on.png) 0 2px no-repeat; } #centreCol h4 { color: #51626f; font-size: 0.8em; } #people #centreCol li { background: transparent url(/images/icn_bullet_gr.gif) 0 2px no-repeat; } #people #centreCol li:hover { background: transparent url(/images/icn_bullet_gr.gif) 0 2px no-repeat; } /* footer ---------------------------------------------------*/ #footer { position: relative; width: 920px; height: 40px; margin: 0 20px 0 20px; padding: 30px 0 0 0; border-top: 1px solid #cad0d4; font-size: 0.75em; color: #323c44; } #footer a { text-decoration: none; color: #323c44; } #footer a:hover { text-decoration: underline; color: #000; } #footer .goto { display: none;} #footer #footerL li { position: relative; float: left; display: block; margin: 0 5px 0 0; padding: 2px 5px 0 0; height: 10px; border-right: 1px solid #323c44; line-height: 10px; } #footer #footerR li { position: relative; float: left; display: block; margin: 0 5px 0 0; padding: 0 5px 0 0; border: 0; } #footer #footerL li.last { border: none; } #footer #footerL li a { font-size: 1em; } #footerL { position: relative; float: left; } #footerR { position: relative; float: right; margin: 0; padding: 0;} #footerR ul { margin: 0; padding: 0; } #footerR ul li { margin: 0; padding: 0; } #footerR a.sage { display: block; background: transparent url(/images/logo_sagepay.gif) 0 0 no-repeat; width: 97px; height: 23px; margin: 3px 20px 0 0; } #footerR a.dba { display: block; background: transparent url(/images/logo_dba.gif) 0 0 no-repeat; width: 120px; height: 19px; } #footerR span { display: none; } /* alert */ #leftCol p.red strong { color: #900 !important; }