/* Osborne Brook to the rescue */ a img { border: none; } a { color: #323467; } body { color: #000; font: normal 1em Arial, Verdana, sans-serif; margin: 0; padding: 0; } form { margin: 0; padding: 0; } h1 { font-size: 1.4em; font-weight: normal; margin: 0 0 1em; } h2 { font-size: 1.2em; font-weight: normal; } h3 { color: #323467; font-size: 1em; } p { margin: 0 0 1em;} ul { } /* how e r u e-commerce pages */ form.order { padding: 15px; } form.order button { border: 1px solid #000; background: #09c; color: #fff; font: 0.8em normal Arial, Verdana, sans-serif; margin: 1em 0; padding: 5px; } form.order label { display: block; font: 0.7em normal Arial, Verdana, sans-serif; margin: 0 0 0.3em; } form.order input.text { width: 340px; background: url(/_img/backgrounds/formfield.gif) top left repeat-x; border: 1px solid #333; font: 0.8em normal Arial, Verdana, sans-serif; margin: 0 0 0.5em; } p.download { text-align: center; } #pageContent2Col p.download a:link , #pageContent2Col p.download a:visited { color: #6ca300; font-size: 1.3em; text-decoration: none; } .imptmsg { background: #fae5e5; border: 3px solid #c00; color: #c00; font-size: 1.2em; margin: 5px 0 10px; padding: 5px; text-align: center; text-decoration: none; display: block; } div.error { background: #fae6e6; border: 1px solid #c00; font-size: 0.8em; margin: 0 0 1em; } div.error p { padding: 5px; color: #c00; margin: 0; } div.error p.errorhead { background: #eb9999; border-bottom: 1px dotted #c00; font-weight: bold; margin: 0; } div.error a:link, div.error a:visited { color: #c00; text-decoration: none; } div.error a:hover { text-decoration: underline; } #pageContent h1.error { color: #c00; font-size: 1.5em; } ul.topNav { border-bottom: 1px solid #666; float: left; margin: 0 1px; padding: 0; list-style: none; } ul.topNav li { float: left; margin: 0; padding: 0; } ul.topNav a { background: url(/_img/backgrounds/nav_tab.jpg) top left no-repeat; color: #000; display: block; float: left; font: 0.8em Arial, Verdana, sans-serif; height: 20px; padding: 8px 0 0; text-align: center; text-decoration: none; width: 118px; } ul.topNav a:hover { background: url(/_img/backgrounds/nav_tab.jpg) left -60px no-repeat; color: #000; text-decoration: none; } /* make the tab for the current mainsection blue */ .home a#homelink, .about a#aboutlink, .services a#serviceslink, .newsletter a#newslink, .news a#newslink, .blog a#bloglink, .cases a#caseslink, .noras a#noraslink { background: url(/_img/backgrounds/nav_tab.jpg) left -120px no-repeat; } .home a:hover#ahomelink, .about a:hover#aboutlink, .services a:hover#serviceslink, .news a:hover#newslink, .newsletter a:hover#newslink, .noras a:hover#noraslink { background: url(/_img/backgrounds/nav_tab.jpg) left -120px no-repeat; cursor: default; } .clear { clear: both; height: 0px; font-size: 0px; } /*------------------------------------------------------------------------------------------------------------------------------------------- SECTION MENUS - APAR FROM SERVICES -------------------------------------------------------------------------------------------------------------------------------------------*/ #sectmenu, #leftmenu { float: left; margin: 0; padding: 0; width: 156px; font: 0.8em Arial, Verdana, Geneva, sans-serif; } #sectmenu ul { list-style: none; padding: 0; margin: 0; } #sectmenu ul li { background: url(/_img/backgrounds/sectmenuitem_bottom.gif) bottom left no-repeat; margin: 0 0 10px; padding: 0; } #sectmenu ul li a { background: url(/_img/backgrounds/sectmenuitem_top.gif) left top no-repeat; color: #000; display: block; margin: 0; padding: 10px 25px 10px 10px; text-decoration: none; width: 115px; } #sectmenu ul li a:hover { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /* make the link for the current page show the 'selected' arrow' */ #about_jobs a#ajobslink, #about_who a#awholink, #about_home a#ahomelink, #about_video a#avideolink, .general#terms a#atermslink, .general#accessibility a#aaccessibilitylink { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /*------------------------------------------------------------------------------------------------------------------------------------------- SECTION MENUS - SERVICES (AND CASE STUDIES) -------------------------------------------------------------------------------------------------------------------------------------------*/ ul#servicesmenu, ul#casesmenu { list-style: none; padding: 0; margin: 0; } /*used because we can't apply bg graphics to the li and a - thanks realityhouse - not */ ul.submenu, ul.subsubmenu { list-style: none; padding: 0; margin: 0; } ul.submenu li { background: url(/_img/backgrounds/sectmenuitem_bottom.gif) bottom left no-repeat; margin: 0 0 10px; padding: 0; } ul.submenu li a { background: url(/_img/backgrounds/sectmenuitem_top.gif) left top no-repeat; color: #000; display: block; margin: 0; padding: 10px 25px 10px 10px; text-decoration: none; width: 115px; } ul.submenu li a:hover { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } ul.subsubmenu li, ul.subsubmenu li a, ul.subsubmenu li a:hover { background: none; color: #323467; font-size: 0.9em; margin: 0; } /* add background colors to the main buttons */ li.researchmain span { background: url(/_img/backgrounds/research_button_bottom.gif) bottom left no-repeat; display: block; margin: 0 0 20px; width: 150px; } li.researchmain span a { background: url(/_img/backgrounds/research_button_top.gif) left top no-repeat; color: #000; display: block; margin: 0; padding: 10px 25px 10px 10px; text-decoration: none; width: 115px; } li.trainingmain span { background: url(/_img/backgrounds/training_button_bottom.gif) bottom left no-repeat; display: block; margin: 0 0 20px; width: 150px; } li.trainingmain span a { background: url(/_img/backgrounds/training_button_top.gif) left top no-repeat; color: #000; display: block; margin: 0; padding: 10px 25px 10px 10px; text-decoration: none; width: 115px; } li.strategymain span { background: url(/_img/backgrounds/strategy_button_bottom.gif) bottom left no-repeat; display: block; margin: 0 0 20px; width: 150px; } li.strategymain span a { background: url(/_img/backgrounds/strategy_button_top.gif) left top no-repeat; color: #000; display: block; margin: 0; padding: 10px 25px 10px 10px; text-decoration: none; width: 115px; } li.advertisingmain span { background: url(/_img/backgrounds/advertising_button_bottom.gif) bottom left no-repeat; display: block; margin: 0 0 20px; width: 150px; } li.advertisingmain span a { background: url(/_img/backgrounds/advertising_button_top.gif) left top no-repeat; color: #000; display: block; margin: 0; padding: 10px 25px 10px 10px; text-decoration: none; width: 115px; } /* make the rollovers work */ li.advertisingmain span a:hover, li.researchmain span a:hover, li.strategymain span a:hover, li.trainingmain span a:hover { background-position: -150px top; } /*------------------------------------------------------------------------------------------------------------------------------------------- SECTION MENUS - SERVICES SPECIFIC -------------------------------------------------------------------------------------------------------------------------------------------*/ /* hide other sections */ .services.advertising ul.substrat, .services.advertising ul.subres, .services.advertising ul.subtrain { display: none; } .services.research ul.substrat, .services.research ul.subadv, .services.research ul.subtrain, .noras.research ul.substrat, .noras.research ul.subadv, .noras.research ul.subtrain { display: none; } .services.strategy ul.subres, .services.strategy ul.subadv, .services.strategy ul.subtrain { display: none; } .services.training ul.subres, .services.training ul.subadv, .services.training ul.substrat { display: none; } #services_home ul.substrat, #services_home ul.subres, #services_home ul.subtrain, #services_home ul.subadv { display: none; } /* indicate current page - services (advertising) */ #advertising_jobboards ul.submenu li#ajobboards a, #advertising_ppc ul.submenu li#appc a, #advertising_non ul.submenu li#anon a, #advertising_video ul.submenu li#avideo a, #advertising_search ul.submenu li#asearch a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /* indicate current page - services (research) */ #research_benchmarking ul.submenu li#rbench a, #research_focus ul.submenu li#rfocus a, #research_noras ul.submenu li#rnoras a, #research_surveys ul.submenu li#rsurveys a, #research_usability ul.submenu li#rusability a, #research_rio ul.submenu li#rrio a, #research_howe ul.submenu li#rhowe a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /* indicate current page - services (strategy) */ #strategy_media ul.submenu li#smedia a, #strategy_recruiters ul.submenu li#srecruiters a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /* indicate current page - services (training) */ #training_seminars ul.submenu li#tseminars a, #training_inhouse ul.submenu li#tinhouse a, #training_feedback ul.submenu li#tfeedback a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } #training_seminars ul.submenu li#tseminars ul.subsubmenu a { background: none; color: #323467; font-size: 0.9em; margin: 0; } /*------------------------------------------------------------------------------------------------------------------------------------------- SECTION MENUS - CASES SPECIFIC -------------------------------------------------------------------------------------------------------------------------------------------*/ /* hide other sections */ .cases.advertising ul.substrat, .cases.advertising ul.subres, .cases.advertising ul.subtrain { display: none; } .cases.research ul.substrat, .cases.research ul.subadv, .cases.research ul.subtrain { display: none; } .cases.strategy ul.subres, .cases.strategy ul.subadv, .cases.strategy ul.subtrain { display: none; } .cases.training ul.subres, .cases.training ul.subadv, .cases.training ul.substrat { display: none; } #cases_home ul.substrat, #cases_home ul.subres, #cases_home ul.subtrain, #cases_home ul.subadv { display: none; } /* indicate current page - cases (advertising) */ #advertising_cap ul.submenu li#acap a, #advertising_psa ul.submenu li#apsa a, #advertising_won ul.submenu li#awon a, #advertising_incomm ul.submenu li#aincomm a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /* indicate current page - cases (research) */ #research_anders ul.submenu li#randers a, #research_eden ul.submenu li#reden a, #research_hill ul.submenu li#rhill a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /* indicate current page - cases (strategy) */ #strategy_psa ul.submenu li#spsa a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /* indicate current page - cases (training) */ #training_times ul.submenu li#ttimes a, #training_macdonald ul.submenu li#tmacdonald a, #training_royal ul.submenu li#troyal a, #training_loot ul.submenu li#tloot a { background: url(/_img/backgrounds/sectmenuitem_top.gif) -150px top no-repeat; } /*------------------------------------------------------------------------------------------------------------------------------------------- NEWS AND NEWSLETTERS -------------------------------------------------------------------------------------------------------------------------------------------*/ .news #newsarchive, .newsletter #newsarchive { background: url(/_img/backgrounds/newsarchive_bottom.gif) bottom left no-repeat; padding: 0 10px 10px; } .news #newsarchive ul, .newsletter #newsarchive ul { list-style: none; margin: 0; padding: 0; } .news #newsarchive li a, .newsletter #newsarchive li a { border-bottom: 1px dotted #323467; display: block; padding: 5px; text-decoration: none; } .news #newsarchive h2, .newsletter #newsarchive h2 { background: url(/_img/backgrounds/newsarchive_top.gif) top left no-repeat; margin: 0 -10px; padding: 10px; } a.signup { background: url(/_img/backgrounds/button_signup.gif) top left no-repeat; color: #fff; display: block; font-size: 1.1em; height: 24px; margin: 0 0 20px; padding: 15px 30px 15px 10px; text-decoration: none; width: 115px; } #newsletter_signup a.signup { display: none; } .newsletter .wideleft h2, .news .wideleft h2 { border-top: 1px dotted #323467; margin: 2em 0 0; padding: 5px 0 0;} form#newsletterSignup p { border-bottom: 1px dotted #ccc; clear: both; margin: 0; padding: 5px 0;} form#newsletterSignup label { float: left; width: 250px;} form#newsletterSignup input.text { background: #efefef; border: 1px solid #333; padding: 3px; width: 250px;} form#newsletterSignup p.submitForm {border: none; padding-left: 250px;} form#newsletterSignup input[type=submit] { background: #323467; border: 1px solid #000; color: #fff; padding: 5px; } /*------------------------------------------------------------------------------------------------------------------------------------------- HOMEPAGE -------------------------------------------------------------------------------------------------------------------------------------------*/ #courseads a { text-decoration: none; } #courseads a:hover { text-decoration: underline; } #homepage #flash { margin-bottom: 7px; } #topfeatures { background: url(/_img/backgrounds/home_top_features.png) bottom left no-repeat; margin: 0; } #bottomfeatures { background: url(/_img/backgrounds/home_bottom_features.png) bottom left no-repeat; margin: 20px 0; } #homepage .wideleft { padding: 0; } #boxStrategy { float: left; width: 237px; background: url(/_img/backgrounds/home_box_strategy_top.png) top left no-repeat; margin: 0 0 10px; } #boxStrategy a.area:link, #boxStrategy a.area:visited, #boxResearch a.area:link, #boxResearch a.area:visited, #boxAdvertising a.area:link, #boxAdvertising a.area:visited, #boxTraining a.area:link, #boxTraining a.area:visited { color: #323467; display: block; font: bold 1.1em Arial, Helvetica, sans-serif; padding: 10px 40px 0 10px; text-decoration: none; } #boxAdvertising { float: left; width: 237px; background: url(/_img/backgrounds/home_box_advertising_top.png) top left no-repeat; margin: 0; } p.big { font-size: 1.3em;} p.bigwide { font-size: 1.1em; width: 515px;} p.bigfull { border-top: 1px dotted #ccc; font-size: 1.3em; padding: 5px 0 0; width: 710px;} p.bigtop { font-size: 1.2em; padding: 5px 0 0; width: 710px;} #boxResearch { float: left; width: 237px; background: url(/_img/backgrounds/home_box_research_top.png) top left no-repeat; height: 185px; margin: 0 41px 10px 0; } #boxTraining { float: left; width: 237px; background: url(/_img/backgrounds/home_box_training_top.png) top left no-repeat; height: 185px; margin: 0 41px 10px 0; } p.clientrow { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; margin: 0 0 1em; padding: 5px 0; } p.clientrow img { margin-right: 10px;} p.clientrow img.last { margin-right: 0;} p#improve { background: url(/_img/backgrounds/home_improve.png) top left no-repeat; height: 25px; margin: 11px 0; padding: 0; text-indent: -1000em; width: 710px;} #boxResearch .inner, #boxStrategy .inner, #boxAdvertising .inner, #boxTraining .inner { color: #333333; font-size: 0.9em; padding: 10px; } #homepage #feature { color: #666; font-size: 0.75em; line-height: 1.4; } #feature h3 { background: url(/_img/backgrounds/feature_heading.png) top left no-repeat; height:26px; margin: 0; padding: 15px 5px;} #feature h3 a { text-decoration: none;} #workfor a { background: url(/_img/backgrounds/work4.png) top left no-repeat; border-bottom: 1px dotted #323467; display: block; padding: 5px 0 5px 20px; text-decoration: none;} #workfor { margin: 0 0 15px;} /*------------------------------------------------------------------------------------------------------------------------------------------- HEADER -------------------------------------------------------------------------------------------------------------------------------------------*/ #outerheader { background: url(/_img/backgrounds/outer_header.gif) repeat-x bottom left; margin: 0 0 10px; } #header { border-left: 1px solid #fff; border-right: 1px solid #fff; color: #000; margin: 10px auto 0; width: 710px; } /*------------------------------------------------------------------------------------------------------------------------------------------- FOOTER -------------------------------------------------------------------------------------------------------------------------------------------*/ #footer { background: url(/_img/backgrounds/footer_top.gif) top left no-repeat #fff; font: 0.7em Arial, Verdana, Geneva, sans-serif; margin: 0 0 10px; padding: 10px 10px 0; width: 700px; } #snailTrail { background: #fff; font-size: 0.7em; padding: 0 0 10px; margin: 0; } #snailTrail p { border-bottom: 1px dotted #ccc; margin: 0 0 10px; padding: 5px 0; } ul.footerlinks { float: left; margin: 0; padding: 0 0 15px; list-style: none; } ul.footerlinks li { background: url(/_img/backgrounds/footerlinks_dots.gif) right 50% no-repeat; float: left; margin: 0; padding: 0 20px 0 0; } ul.footerlinks li.noborder { background: none; } ul.footerlinks a { color: #000; text-decoration: none; } #clearfooter { margin: 0 -10px; background: url(/_img/backgrounds/footer_bottom.gif) bottom left no-repeat #fff; padding: 10px 0 0; } #share { margin: 10px auto 20px; padding: 5px; width: 705px; } /*------------------------------------------------------------------------------------------------------------------------------------------- CONTENT -------------------------------------------------------------------------------------------------------------------------------------------*/ #container, #container2, #container3 { background: url(../images/bkg_strip_dots.gif) repeat-y; margin: 0 auto; width: 710px; } #container2, #container3 { background: none; } .solo #container { background: none; } .solo #printready { font-size: 0.8em; margin: 0 0 30px; } #pageContent, #pageContent2Col, #pageContentContact, #pageContent2ColNews { font-size: 0.7em; margin: 0 0 20px 20px; } .wideleft, .wideright { background: #fff; float: left; font-size: 0.8em; line-height: 1.5; padding: 0 0 20px; width: 515px; } .wideright { float: right; } #feature { float: right; width: 152px; font-size: 0.7em; } #feature div.logo { height: 60px; margin-bottom: 10px; text-align: center; vertical-align: middle; background: url(/images/feature_logo_bkg.gif) top left no-repeat; } .centrecontent { float: left; font-size: 0.8em; line-height: 1.5; padding: 0 10px 30px; width: 370px; } .sole { font-size: 0.8em; } .col1, .col2 { float: left; font-size: 0.8em; width: 340px;} .col2 { float: right; width: 340px;} /*------------------------------------------------------------------------------------------------------------------------------------------- MISC -------------------------------------------------------------------------------------------------------------------------------------------*/ .floatright { float: right; } .centrecontent .contactBox { background: url(/_img/backgrounds/contact_box_bottom.gif) bottom left no-repeat; padding: 0 10px 10px; } .centrecontent .contactBox h2 { background: url(/_img/backgrounds/contact_box_top.gif) top left no-repeat; color: #323467; font-size: 1.2em; line-height: 1; margin: 0 -10px; padding: 10px; } div.quoteBox { width: 515px; background-color: #D9E8FF; } div.quoteBoxTop { height: 32px; background-image: url(../images/bkg_quote_box_t.gif); background-repeat: no-repeat; } div.quoteBoxBottom { height: 10px; background-image: url(../images/bkg_quote_box_b.gif); background-repeat: no-repeat; background-color: #FFF; } div.quoteBox p { background-color: #D9E8FF; color: #626262; padding: 0 20px; } .conference #container2 { font-size: 0.8em;} .conferencerow { background: url(/_img/backgrounds/conference_feature_wide.png) bottom left no-repeat; margin: 0 0 20px; padding: 0; } .conferencerownarrow { background: url(/_img/backgrounds/conference_feature.png) bottom left no-repeat; margin: 0 0 20px; padding: 0; } .conferencefeaturel, .conferencefeaturer { background: url(/_img/backgrounds/conference_feature_top.png) top left no-repeat; margin: 0; padding: 0 10px 10px; width: 320px;} .conferencefeaturel {float: left;} .conferencefeaturer { float: right; } p.speaker { text-align: right; } .conferencerow p, .conferencerownarrow p { clear: both; padding: 3px 0;} .conference form { border: 1px solid #666; padding: 5px;} p.speaker img { float: left; } .clearFloats { clear: both; } .clearFloatsBreak { clear: both; height: 10px; background-color: #FFFFFF; color: #000000; } br.clear { clear: both; padding: 0; margin: 0; } /* Training Open Seminars table styles */ #trainingSeminars { margin-left: 15px; } #trainingSeminars caption { text-align: left; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 14px; color: #000; font-weight: bold; padding: 0 0 12px 0; } #trainingSeminars th, #trainingSeminars td { font-family: Arial, Verdana, sans-serif; } #trainingSeminars th { height: 26px; background-color: #D9E8FF; color: #323467; font-weight: bold; text-align: left; font-size: 12px; padding: 5px; } #trainingSeminars th.curveLeft { background-image: url(../images/bkg_seminar_head_l.gif); background-repeat: no-repeat; background-position: left; } #trainingSeminars th.curveRight { background-image: url(../images/bkg_seminar_head_r.gif); background-repeat: no-repeat; background-position: right; } #trainingSeminars tr.colour { background-color: #F6FAFF; } #trainingSeminars td { color: #000; font-size: 11px; border-bottom: 2px solid #E6F0FF; padding: 14px 5px; } #trainingSeminars td a { color: #767676; text-decoration: none; font-weight: bold; } #trainingSeminars td a:hover { color: #323467; } #trainingSeminars td.description { font-size: 11px; color: #AEAEAE; } /* Training Courses layout */ #bkgFixer { background-image: url(../images/bkg_white_fix_right.gif); background-repeat: repeat-y; background-position: right; } #trainingCourseLeft { float: left; width: 291px; background-image: url(../images/bkg_trainingcourse_dots.gif); background-repeat: repeat-y; background-color: #FFF; background-position: left; } #trainingCourseLeft h1, #trainingCourseLeft h2, #trainingCourseLeft p, #trainingCourseLeft ul { padding: 0 32px 0 16px; font-family: Arial, Verdana, sans-serif; } #trainingCourseLeft h1 { font-size: 0.8em; font-weight: bold; color: #000; margin: 0 0 10px 0; } #trainingCourseLeft h2 { font-weight: bold; font-size: 0.8em; color: #323467; margin: 0 0 8px 0; } #trainingCourseLeft p { font-size: 0.8em; color: #000; line-height: 1.4em; } #trainingCourseLeft p a { color: #323467; } #trainingCourseLeft p a:hover { text-decoration: none; } #trainingCourseLeft ul { list-style: disc url(../images/bullet.gif); margin-left: 16px; } #trainingCourseLeft ul li { font-family: Arial, Verdana, sans-serif; color: #000; font-size: 0.7em; margin: 0; padding: 0 0 4px 0; } #trainingCourseRight { float: left; width: 258px; background-color: #FFF; } #trainingCourseRight div.DetailsTop { height: 23px; background-color: #D9E8FF; background-image: url(../images/bkg_trainingc_box_t.gif); } #trainingCourseRight div.DetailsContent { background-color: #D9E8FF; padding: 0 22px; } #trainingCourseRight div.DetailsBot { height: 23px; background-color: #D9E8FF; background-image: url(../images/bkg_trainingc_box_b.gif); } #trainingCourseRight div.DetailsContent h1, #trainingCourseRight div.DetailsContent h2, #trainingCourseRight div.DetailsContent p, #trainingCourseRight div.DetailsContent ul li { font-family: Arial, Verdana, sans-serif; color: #00255D; margin: 0; } #trainingCourseRight div.DetailsContent h1 { font-size: 0.8em; border-bottom: 1px solid #00255D; padding-bottom: 4px; margin: 0 0 12px 0; font-weight: bold; } #trainingCourseRight div.DetailsContent h2 { font-weight: bold; font-size: 0.7em; } #trainingCourseRight div.DetailsContent h2 span { color: #323467; /* color: #0066FF : bright blue */ } #trainingCourseRight div.DetailsContent h2.Strip { background-color: #CFDEF3; padding: 1px; margin-bottom: 12px; } #trainingCourseRight div.DetailsContent p { font-size: 0.7em; padding: 0 0 12px 0; } #trainingCourseRight div.DetailsContent ul { padding: 0 0 12px 0; margin: 0; list-style: none; } #trainingCourseRight div.DetailsContent ul li { font-size: 0.7em; padding: 0 0 0 10px; line-height: 1.3em; } /* Who's Whos layout */ .whosWhoBox { padding-left: 16px; padding-bottom: 20px; } .whosWhoBox div.whosWhoBoxTop { width: 413px; height: 21px; background-image: url(../images/bkg_whoswho_box_t.gif); background-repeat: no-repeat; background-position: bottom; } .whosWhoBox div.whosWhoBoxContent { width: 413px; background-image: url(../images/bkg_whoswho_box.gif); background-repeat: repeat-y; } .whosWhoBox div.whosWhoBoxBot { width: 413px; height: 27px; background-image: url(../images/bkg_whoswho_box_b.gif); background-repeat: no-repeat; background-position: top; } .innerContent { padding: 0 30px 0 30px; } .innerContent h4, .innerContent p { margin: 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000; padding: 0; } .innerContent h4 { font-weight: bold; font-size: 12px; margin-bottom: 14px; } .innerContent h4 span { font-weight: normal; } .smallTxt { font-size: 12px; } #trainingSeminars td.seminarcell { font-family: Arial, Verdana, Geneva, sans-serif; font-size: 11px; }