/* !notes #################### COMMISSIONAIRES CANADA - PRINT STYLES Web Development, XHTML/CSS 2009 Seedlings Studio http://www.seedlingsstudio.com NAVY BLUE #003a63 ORANGE #f47d30 2009-06-29 Validated CSS 2.1 2010-03-03 Change: Just the content please #################### */ /* #page {margin-top: .25in;width: 629px;clear:both;} body {font-size:45%;min-width:629px;} .holder {width:629px;} */ /* img, a img {width: 100%; height:100%} */ img.right {width: 25%; height: 25%;width:120px;} /* ADD TO SIZE BACKGROUND IMAGE */ /* SAMPLE img { width: 100%; height: auto; } */ #page, body, .holder {width: auto !important;} .main-content { width:auto !important; margin: 0 3% !important; padding: 0 !important; border: 0 !important; float: none !important; color: black !important; background: transparent none !important; } /* //////////////// MISC ////////////////////// */ .right {float:right;clear:right; margin: 7px 0 7px 14px;line-height:90%;} /*KP added for image w/ captions - no other options in EE wysysig*/ .right-caption {float:right;clear:right; margin: 7px 0 7px 14px;font-size:110%;line-height:90%;} /* ///////////////////////////////////// */ p {margin: 0 0 8px 0; font-size: 120%; line-height: 140%;} /* ////////////// HEADER //////////// */ #header {width:629px; } #header #header-top { float: left; padding: 9px 0 13px 0; width: 629px; } #header #header-top img {margin: 5px 0 0 16px; width: 210px;} #header #header-top #navtop form {width: 105px;} #header #header-top #navtop fieldset {width:105px; } #header #header-top #navtop input { width: 85px;} #header #header-top #navtop input.search {background: url(/common/img/search_btn.gif) top left no-repeat;height: 11px;width: 11px;} #header #header-top #navtop input.search_btn {background: url(/common/img/search_btn.gif) bottom left no-repeat;height: 11px;width: 11px;} #header #header-top #navtop .searchForm {background: url(/common/img/searchbar.gif) 0 0 no-repeat;height: 11px;padding: 2px 0 0 2px;width:88px;} #header #header-top #navtop ul {padding-top: 3px;width: 225px;} #header #header-top #navtop ul li {background: url(/common/img/v3-top-nav-divider.gif) 0 4px no-repeat;padding: 0 4px;width: auto;} #header #header-top #navtop ul li.none {padding: 0 4px;width: auto;} #header #header-bottom {padding: 11px 0 4px 15px; width:629px; } #header #header-bottom img {width:20%;height:20%;} #header #header-bottom #navmain {width:442px; } #header #header-bottom #navmain ul { padding-top: 20px;width: auto;} #header #header-bottom #navmain ul li {background: url(/common/img/v3-main-nav-divider.gif) 0 3px no-repeat;padding: 0 8px;} #header #header-bottom #navmain ul li.none {padding: 0 4px 0 0;} h2.pgbanner {margin-left:8px;color:#003A63;width:90% !important;height:40px !important;background:transparent none !important;} #content p img.right {width:25% !important;height:25% !important;} /* ////////// MAIN MENU ///////////// */ ul#navmenu {width: 448px;} ul#navmenu li {width:132px; } ul#navmenu ul {top: 8px; width: 143px!important; } /* //////////// MAIN CONTENT //////////////// */ #content {width: 629px;} /* ////////// LEFT CONTENT - v2 styles - keep //////////// */ .left-content {width: 165px;} .text-box {margin: 1px 0 0 5px; padding: 11px 2px 0 11px;} * html .text-box {height: 79px;} #home #homePg .text-box {min-height: 151px;} * html #home #homePg .text-box {height: 151px;} .text-box-2 {width: 138px; margin: 1px 0 0 0;padding: 10px 10px 1px 6px;} .text-box-3-homepage {margin: 1px;width: 138px; min-height: 49px; padding: 9px 2px 1px 7px;} .text-box-3, .text-box3a, .text-box3b, .text-box3c {margin: 1px;width:150px;padding: 9px 3px 1px 7px;} #home #homePg div.text-box-3 .stop-s-2 {height: 92px;} #home #homePg div.text-box-3 h3 {padding-top:8px;} .bt-b {width: 165px;} .text-box h3, .sidebox-ad h3,.text-box-2 h3,.text-box-3 h3 {padding: 0 0 7px 0;} .text-box p,.text-box-2 p, .sidebox-ad p,.text-box-3 p {padding: 0 0 6px 0;} .text-box .h3, .sidebox-ad .h3, .text-box-2 .h3, .text-box-3 .h3 {padding: 0 0 11px 0;} .text-box-2 .h3, .sidebox-ad .h3, .text-box-3 .h3 {padding: 0 0 2px 0;} .text-box .p, .text-box-2 .p, .sidebox-ad .p, .text-box-3 .p { padding: 0 0 6px 0; } /* //////////// OLD SERVICES BRAND v2 - keep for now /////////// */ .sidebar-services-brand { width: 153px; margin: 1px 0pt 0pt;padding: 1px 0pt 0px 1px;} .sidebar-services-brand .border-box { width: 135px; padding:15px 6pt 8px 7px;border-left:7px solid #f47d30;} /* SIDEBAR AD BOX -- original, used with careers - attention apply sidebar */ .sidebar-ad-box { width:153px;margin: 1px 0pt 0pt;padding: 1px 0pt 1px 1px;} .sidebar-ad-box .border-box { width: 137px; padding: 8px 6px 7px 6px;} .sidebar-ad-box p {padding: 0 0 0px 6px;} .sidebar-ad-box img.button { margin-left:79px;} /* text ad box */ /* SIDEBAR AD BOX . ATTENTION - APPLY BOX =============== */ div.sidebar-ad-box div.border-box2 { width: 137px; padding: 8px 4px 7px 8px;} div.sidebar-ad-box div.border-box2 a span.title { font-size:30px;} div.sidebar-ad-box div.border-box2 a span.subtitle {font-size:13px;padding:5px 0px 1px 2px;} div.sidebar-ad-box div.border-box3 {width: 137px; padding: 8px 4px 7px 8px;} div.sidebar-ad-box div.border-box3 a span.bodytext {font-size:11px;padding:0px 1px 5px 1px;} div.sidebar-ad-box div.border-box3 a span.applytoday {font-size: 15px; line-height: 160%;padding-left: 36px; } .sidebar-ad-box img.button { margin-left:79px;} /* text ad box */ /* SIDEBAR AD BOX --- TRAINING/CAREERS PAGE -------------- */ .sidebar-ad-trbox {width: 153px;height:151px;margin: 1px 0pt 0pt; padding: 1px 0pt 1px 1px;} #side-ad-trcontainer { width:149px;height:151px;} .train1, .train1 a {padding:8px 0px 0px 8px;} .train2, .train2 a {margin:40px 0px 0px 6px;} .train3, .train3 a {margin:1px 0px 0px 6px;} /* NEW ROTATING SIDEBAR BOXES ------- */ /* SIDEBAR AD BOX0 -- 1st ---------------------- */ .sidebar-ad-box0 {width:153px;height:151px;margin: 1px 0pt 0pt;padding: 1px 0pt 1px 1px; } #side-ad-container0 {width:149px;height:151px;} .stop1 {font-size:190%;padding:8px 0px 0px 6px;} .stop2 {font-size:125%;margin:8px 63px 3px 1px;padding: 0px 0px 0px 3px;} .stopmore {margin:12px 0px 0px 5px;} /* SIDEBAR AD BOX1 -- 2nd ---------------------- .sidebar-ad-box1 {width: 153px;height:151px;margin: 1px 0pt 0pt;padding: 1px 0pt 1px 1px; } #side-ad-container1 {width:149px;height:151px;} /*--- MAIN CONTENT / right-content ---*/ .home-content {width: 374px;} .main-content {float:right; width: 442px; padding: 0 0 16px 14px;} .main-content h2 {padding: 15px 0 6px 0;} .main-content h2 a {font-size:100%;} .main-content h3 {padding:11px 0 8px; font-size: 140%} .main-content h4 {padding: 10px 0 3px 0;} /*--- Main Ad Box | stop-sign-box ---*/ .main-ad-box {width: 368px;min-height: 153px;margin: 1px 1px 0 1px;} * html .main-ad-box {height: 154px;} .main-ad-box .box-link {width: 368px;height: 153px; } .main-ad-box h2 {padding: 18px 0 0 13px;font-size:230%;} .main-ad-box h3 {padding: 11px 0 0 13px;font-size:230%;} .main-ad-box h4 {width: 237px;font-size: 140%;line-height: 140%; padding: 14px 0 0 13px;} .main-ad-box .learn-more { top: 114px;left: 269px;} /*--- list-services ---*/ #home #content .list-services {width: 371px; margin: 1px 0 0 0;padding: 1px 0 0 1px;} #home #content .list-services li { width: 89px;padding: 0 1px 1px 0;} #home #content .list-services li a {width:89px;font-size:110%; } #home #content .list-services li a span {display: block;padding: 1px 3px 1px 3px;} /* /////////////// FOOTER //////////////////// */ #footer {width:627px;float:none;clear:both;} #footer ul {padding: 13px 0 13px 9px !important;width: 448px;} #footer p {font-size:110%;} #footer ul li {font-size: 110%;} #footer ul li span {padding: 0 0 0 11px;} #footer p.right { font-size:110%;padding:12px 5px 0px 9px !important;} #home #homePg #footer p.intranetlink, #footer p.intranetlink {font-size:110%;margin-top:-42px;padding-right:3px;float:none;} #footer ul.regional-links{padding:12px 0 0 7px !important;width:620px;float:none;} /* ///////////////// PAGE 2 SIDEBARS - INSIDE PAGES, v2 old styles, keep for now ///////////////////////////// */ .left-links li {font-size: 90%; line-height: 230%;} .left-links li li {font-size: 100%;padding: 0 0 0 6px;} .list-bot {padding: 1px 0 3px 0;} .list-bot li { font-size: 120%; line-height: 160%;padding-top:1px;} .list-bot .last {padding: 7px 0 7px 0;} .list-bot li li {padding-left:6px;font-size:100%;} /* for specific size width images */ .img-left {margin: 3px 6px 3px 0; width: 115px;} .img-right { margin: 3px 0 3px 6px;width: 115px;} /* //////////////// V3CBC SIDEBAR MENU updated 03-26-09 ORIGINAL copied to template notes //////////////////// */ .nav-box { width: 161px;margin: 1px 1px 1px 1px; background:transparent none;} .nav-box h3{height: 16px;padding: 1px 0 0 13px;} #secnav .menu_list {display:inline;padding-left: 1px;font-size: 110%; color:#000;background:none;} .menu_list {width: 161px;} ul#secnav li a {font-size:110%;padding: 1px 5px 1px 0px;background:#E1E2E3 none;} ul#secnav li ul li a{padding:1px 0px 1px 23px;font-size: 110%;} ul#secnav li ul li ul li a {font-size:110%;padding:1px 0 1px 33px;} /* //////////////// END NEW V3 CBC SIDEBAR MENU //////////////////// */ /* News Press Release LIST ======== */ ul#pressList { width:330px;margin-left:13px;font-size:120%; } ul#pressList .pressTitle {margin:7px 0 6px 0px;} .pressReadMore {margin:2px 2px 0 0;} /* ////////////////// MORE MISC //////////////////////// */ img.left {margin: 3px 6px 3px 0;} img.right {margin: 3px 0px 3px 6px;} img .sidebar-padding {padding-left:13px;} #about #termsPg .main-content p {line-height:140%;} #about #privacyPg .main-content p {line-height:140%;} #media .main-content p {padding:1px 0 1px 0;} #media .main-content {width:429px;} #content p.caption {margin:3px 0px 6px 5px;padding:2px 0px 4px 3px;font-size:1.0em;} /*KP-ADD AS PER JOANN FOR WIDE MEDIA IMAGES*/ #content p.wide-caption {margin:3px 0px 6px 5px;padding:2px 0px 4px 3px;font-size:1.0em;width: 280px;} #content p.caption img {padding:1px;} /* ////////////////////////////////////////////// */ /* == HOME PAGE == */ /* about/partners page, technology, quality assurance */ .main-content .right-col2 {width: 316px;padding-top:3px;} .main-content img.partners {padding-top:13px} .main-content img.quality1 {padding-top:5px} .main-content img.quality {padding-top:9px} /* media / fact sheet */ /* for media fact sheet and fingerprint pages */ .main-content h4 {padding:14px 0px 5px; } .main-content h4.clr-bth {padding:14px 0px 5px; } .main-content p span.gt {width:6px;} .main-content p span.info {width:323px;padding-bottom:2px;} .main-content p span.steps {width:26px;} .main-content p span.info2 {width:303px;padding-bottom:2px;} #media .main-content p.tright {padding:0;margin-top:-6px;line-height:100%;} /* careers pages */ #careers .main-content {float:right; width: 420px; padding: 0 0 16px 14px;} #careers .careersFooter {margin-top:6px;padding:6px 0 9px 0;} .main-content p.requestinfo {padding:16px 0 10px 0;} .sidebox-ad { margin:1px 0pt 0pt;padding:13px 7px 3px 9px;width:138px;} .sidebox-ad p {margin: 0 0 2px 0;font-size: 110%;line-height: 130%;} .hiringbox {margin:1px 0px 0pt 0px;padding:6px 0px 6px 1px;width:153px;} .hiringbox img {padding-left:26px;} /* == SUBPAGES SIDEBAR NAVIGATION === */ #careers .bt-b1 {padding-top:1px;width:155px;} /* arrow bulleted lists in main-content area only */ div.main-content li {font-size:120%;line-height:140%;padding-bottom: 1px;} div.main-content ul li {padding-left:10px;} div.main-content ul ul { padding-top:1px;} div.main-content li li { font-size:100%;} div.main-content ol {margin: 0 0 0 12px; } div.main-content ol li { padding-left:2px;} div.main-content ol.subitem { margin-top:-2px;padding:0px 0px 0px 26px} div.main-content ol.subitem li { padding-left:2px; padding-top:1px; } div.main-content ol.securitylicense {padding-left:12px;} div.main-content ol.list-number { padding-left:12px;} /* === REGIONAL OFFICE PAGES ======= */ #offices #canadaPg .main-content { width:97%;margin-left:52px;} #offices #regionPg .main-content { width:97%;margin-left:7px;} #offices #cityPg .main-content { width:97%;margin-left:7px;} .gridcity{font:7px arial,helvetica,sans-serif;padding-left:1px;} .gridcity-hq{font-weight:bold;font:7px arial,helvetica,sans-serif;padding-left:1px;} .gridtablerowbg1{font-size:7px;} .gridtablerowbg1 td{font-size:7px;} .gridtablerowbg2{font-size:7px;} .largeStar{font:1.5em arial,sans-serif;color:#003a63;} /* May 22 - new regional office design added ------ */ .gridcity{font:7px arial,helvetica,sans-serif;padding:6px 0 0 1px;} .gridcity-hq {font:7px arial,helvetica,sans-serif;padding-left:1px;} .gridtablerowbg1{font-size:7px;} .gridtablerowbg2,.gridtablerowbg3{font-size:7px;} .largeStar{font:1.5em arial;} .gridlegend {margin-top:-21px;line-height:120%;font-size:110%;padding-bottom:2px;} p.gridlegend img {width: 8px; height:8px;} .gridtable {width: 100%;} .gridtable img{width: 8px; height:8px;} p.scroll img, p.scroll img a {width: 10px; height:10px;} .gridlegend img {width: 70%; height:70%;} .gridlegend2 {margin-top:2px;} /* for normal office page */ #officeinfo{padding:6px 0px 6px 31px;width:191px;} /* for 2 columns offices page */ #officeinfo2{padding:6px 0px 6px 18px;width:231px;} .xsmall {font-size:100%;} .footnote {font-size:110%;} sup.footnote {font-size:90%;} #content ul.sitemap ul li {font-size:100%;} ul.sitemap {font-size:110%;margin:0px 6px 0px 0px;} ul.sitemap li {padding-left:12px;font-size:110%;} .main-content div.right-col2 h3 {padding-bottom:1px;} .main-content div.right-col2 h4 {padding-top:1px;} /*### Changed .twocols to .locations3col ## */ #content table.locations3col, #content table.locations3col td, #content table.locations3col tr { font-size:120%;margin: 0 0 3px 0;font-size: 106.5%;line-height: 110%;} #offices #regionPg table.locations3col, #offices #regionPg table.locations3col td, #offices #regionPg table.locations3col tr {font-size: 108%;} #content table.locations3col tr {padding: 0.5em 0 0.5em 0;} #content table.locations3col td {padding: 0pt 2em 0pt 0pt;} #content table.fourcols, #content table.fourcols td, #content table.fourcols tr, #content table.twocols, #content table.twocols td, #content table.twocols tr, #content table.threecols, #content table.threecols td, #content table.threecols tr { font-size:120%;margin: 0 0 3px 0; /* my version */line-height: 120%;} #content table.fourcols tr {padding: 0.7em 0 0.7em 0;} #content table.fourcols th {padding: 0.7em 0.8em 0.7em 0.8em;background-color:#003A63;color:#ffffff;} #content table.fourcols td {padding: 0 0.5em 0 0.5em;} #content table.fourcols td {padding: 0 0.5em 0 0.5em;} .callout { font-size:130%;width:303px;padding:12px;} .quote { font-size:130%;width:303px;padding:12px 12px 0px 12px;} .byline { font-size:130%;width:250px;margin-left:72px;padding:0px 0px 12px 0px;} /* for careers avail pos ================ #content table.bluegray, #content table.bluegray td p, #content table.bluegray td, #content table.bluegray tr {font-size:107%;line-height:120%;margin:0pt 0pt 2px 0px;padding: 0.1em 0.25em 0.1em 0px;} #content table.bluegray th {padding:0.7em 0.8em;font-size:110%;} #content table.bluegray tr { padding:0.7em 0pt; } #content table.bluegray th.jobTableWidth, #content table.bluegray td.jobTableWidth { width:158px; } #content table.bluegray th.jobTableWidthCity, #content table.bluegray td.jobTableWidthCity { width:52px; }*/ /* career posting page */ #postingPg #content .jobinfo {padding-left:92px;font-size:108%;} #careers .applynow {padding:6px;} /* for Single Job Posting Page table #content table.bluegrayWhite tr { padding:1px 0 1px 0;} #content table.bluegrayWhite td {font-size:8px;line-height:120%;margin:0;padding:2px 11px 2px 0px;} #content table.bluegrayWhite td.jobhead {width:92px;} #content table.bluegrayWhite td p {font-size:7px;line-height:120%;margin:0;}*/ #careers #content h4 {font-size:130%; width: 100%; float: none;} /* AVAILABLE POSITIONS TABLE */ /* div.job-region table {table-layout: fixed; width:428px; clear: left;} div.job-region td {overflow-x:hidden; word-wrap:break-word; width:auto; } div.job-region td.cols1 {width:188px;} div.job-region td.cols2 {width:46px;} div.job-region td.cols3 {width:79px;} div.job-region td.cols4 {width:49px;} div.job-region td.cols5 {width:49px;} div.job-region {width:442px; } #careers #careersPg h3.byregion {width:428px;} */ /* AVAILABLE POSITIONS PAGE AND TABLE July 2009 ####### */ #careers #careersPg #page { width: 640px; clear: both; } #careers #careersPg .left-content { float: left; } #careers #careersPg .main-content { float: none; width: 420px; } #careers #careersPg .pagebrk {float:none;width:640px;clear:both;} #careers #careersPg .pagebrk h2 { margin-top:40px;width:420px; page-break-before:avoid; } /* #careers #careersPg .main-content h2 { width:420px; page-break-before:avoid; } */ #careers #careersPg .pagebrk h3.byregion { page-break-before: always; width:600px;} div.job-region table {table-layout: fixed; width:600px; clear: left;} div.job-region td {overflow:hidden;width:auto; } div.job-region {width:98%; page-break-before: avoid; } #careers #careersPg #footer {margin-top:220px;width:620px;float:none;clear:both;} /* ////////////////// old search box styles - needs to be changed OR REMOVED //////////////////////////// */ .top-header form#cse-search-box {font: bold 110% arial, helvetica, "trebuchet ms", sans-serif;padding-top:6px;} .top-header form#cse-search-box input.searchinput {font-size:7pt;} .top-header form#cse-search-box .submitB {font:bold 100% arial, helvetica, "trebuchet ms", sans-serif;} .top-header form#cse-search-box .submitB-hover {font:bold 100% arial, helvetica, "trebuchet ms", sans-serif;} /* //////////////// END NEW V3 CBC SIDEBAR MENU //////////////////// */ /* BUSINESS MENU */ /*Accordion ddacordion */ .nav-box2 { width: 150px;padding: 0 0 1px 0;margin: 1px 1px 1px 1px; background:transparent none;} .nav-box2 h3{height: 16px; padding: 1px 0 0 13px; background:transparent none;} .nav-box2 div a{ font: bold 7px Verdana, Arial, Helvetica, sans-serif;font-size:120%; height: 15px;padding: 1px 0 1px 12px; line-height: 15px; } .nav-box2 div.selected a{background-position: 100% -42px !important; background: transparent url(/common/img/blue-down.gif) no-repeat 100% -42px;} .nav-box2 ul#secnav li a{ font: bold 110% Verdana, Arial, Helvetica, sans-serif;padding:1px 0 1px 18px;} .nav-box2 ul#secnav li ul li a {font-size:110%;padding:1px 0px 1px 24px;} /* CONTACT PAGE TABLE */ #flashcontent object{height:200px;visibility:visible;width:297px;} form.ddfm {width:330px;} #offices #regionPg table.contact3cols, #offices #regionPg table.contact3cols td, #offices #regionPg table.contact3cols tr {font-size:108%;} #content table.contact3cols, #content table.contact3cols td, #content table.contact3cols tr {font-size:106.5%;line-height:110%;margin:0 0 3px;} /* SIDEBAR Call to Action */ .left-content #calltoaction {margin-top:1px;padding:1px 0 0px 0;width:165px;} .left-content #calltoaction .request {margin-bottom:1px;padding:0 0 0px 1px;width:153px;} .left-content #calltoaction .request .inside { border-left:5px solid #F47321;padding:6px 0 0px 5px;width:140px;} .left-content #calltoaction .request .inside p {font-size:110%;width:138px;} /* #### seedlingsstudio added Mar. 31 2:20am works ###### SIDEMENU WORKING April 1, 2009 */ #imgrandom {float: none; margin-top:1px; padding:0 0 6px 12px; } #imgrandom img {float:right; padding:0 0 6px 12px; height:25%; width:25%;} /* height:30%; width:30%; */ ul#sidemenu li.active.disabled a span{ background:url(/common/img/blue-down.gif) no-repeat 0 46% !important;} ul#sidemenu {margin:6px 0 10px;padding:0;} ul#sidemenu li{ padding:0 0 1px;} ul#sidemenu li a{padding:0 0 0 5px;line-height:14px;} ul#sidemenu li a span{padding:0 0 0 7px;font-size:120%;} ul#sidemenu ul ul li a{padding:0 0 0 12px !important;} ul#sidemenu ul {margin:3px 0 0 0;} ul#sidemenu ul li a{font-size:110%;padding:0 0 0 23px;} ul#sidemenu ul ul{margin:0 0 0 9px;} ul#sidemenu ul ul li {padding:0 0 1px 0;} ul#sidemenu ul ul li a{ font-size:98%; line-height:10px; padding:0 0 0 39px !important;} #redirectbox {font-size:110%;width:184px;margin-top:-17px;} /* CNO BANNER ADS for Services-Personal - Added 04-22-09 */ #pgbanner { margin: 1px 0 0 -10px;height: 72px;width: 455px;} #pgbanner h2 { font-size:160%;margin:-56px 0 19px 12px;} /* Regional Sites CNO4 */ table.regionalsites {width: 448px; } table.regionalsites td.col1 {width:234px;padding-right: 12px;} h4.clr-bth p {font-size:100%;} /* ###################COPIED FROM HOMEPAGE CSS ############### */ /* ///////// MAIN CONTENT - RIGHT //// */ #maincontent {width: 459px;} #maincontent-top {padding: 0 0 1px 1px;width: 459px;height: 166px;} #maincontent-top .banner-home-1{height: 163px;width: 369px;margin:1px 0px 1px 1px;} #maincontent-top .banner-home-2 {height: 163px;width: 369px;margin: 1px 0px 1px 1px;} /* UPDATE DIV ID TO CLASS - FOR VALIDATION */ #maincontent-top .banner-home-1 .content-area {height: 145px;width: 346px;padding:17px 0 0 16px;} #maincontent-top .banner-home-2 .content-area{padding: 17px 0 0 16px;width: 346px;} /* REMOVE THIS CSS - H3 TO INLINE #################################### */ #maincontent-top .banner-home-1 .content-area h3, #maincontent-top .banner-home-1 .content-area h3 a{font: bold 190% Helvetica, Arial, sans-serif;width: 346px;} #maincontent-top .banner-home-2 .content-area h3 {font: bold 200% Helvetica, Arial, sans-serif;width: 346px;} #maincontent-top .banner-home-1 .content-area p, #maincontent-top .banner-home-1 .content-area p a{font: normal 180% Helvetica, Arial, sans-serif;line-height: 18px;padding: 11px 0 5px 0;width: 310px;} #maincontent-top .banner-home-1 .content-area ul li, #maincontent-top .banner-home-1 .content-area ul li a{padding-top: 1px;width: 310px;} #maincontent-top .banner-home-1 .content-area li, #maincontent-top .banner-home-1 .content-area li a{font: normal 120% Helvetica, Arial, sans-serif;} /*##################################END REMOVE ######################## */ #maincontent-top .banner-home-1 .content-area .h3, #maincontent-top .banner-home-1 .content-area .h3 a{font: bold 190% Helvetica, Arial, sans-serif;width: 346px;} #maincontent-top .banner-home-2 .content-area .h3 {font: bold 200% Helvetica, Arial, sans-serif;width: 346px;} #maincontent-top .banner-home-1 .content-area .p, #maincontent-top .banner-home-1 .content-area .p a{font: normal 180% Helvetica, Arial, sans-serif;line-height: 18px;padding: 11px 0 5px 0;width: 310px;} #maincontent-top .banner-home-2 .content-area p {font: normal 145% Helvetica, Arial, sans-serif;line-height: 18px;padding: 3px 0 6px 0;width: 310px;} #maincontent-top .banner-home-1 .content-area .ul, #maincontent-top .banner-home-1 .content-area .ul a{padding-top: 1px;width: 310px;font: normal 120% Helvetica, Arial, sans-serif;} #maincontent-top .banner-home-2 .content-area ul {padding-top: 6px;width: 310px;font: normal 120% Helvetica, Arial, sans-serif;} #maincontent-top .banner-home-2 .content-btm {width: 240px;margin: 128px 0 0 0;padding: 0 0 0 92px;} #maincontent-top .banner-home-2 .content-btm p {font: normal 120% Helvetica, Arial, sans-serif;width: 20%;} #maincontent-top .banner-home-2 .content-btm li {font:bold 105% Helvetica, Arial, sans-serif;width: 80%;line-height: 170%;} /*######################--BOTTOM RIGHT SECTION -- ##################################--*/ /*##############--BUSINESS BOX--###########*/ #business-personal {width: 462px;} #business-personal .business-section { padding: 1px 2px 3px 2px; width: 224px;height: 135px;} #business-personal .business-section h3 {font: bold 140% Helvetica, Arial, sans-serif;height: 23px;padding: 7px 0 5px 17px;width: 213px;} #business-personal .business-section p{font-size:120%;padding: 1px 0 1px 11px;} #business-personal .business-section ul { padding: 0 0 0 2px;} #business-personal .business-section ul li, #business-personal .business-section ul li a {font: bold 105% Helvetica, Arial, sans-serif;padding: 0 0 0 9px;line-height: 1.5em;} #business-personal .business-section ul li a {background:transparent url(/common/img/blue-right.gif) no-repeat scroll -10px -1px;} #business-personal .business-section ul li a:hover { background:transparent url(/common/img/org-right.gif) no-repeat scroll -10px -1px;} #business-personal .business-section ul li ul {margin-left: 1px;} #business-personal .business-section ul li ul li {font: bold 100% Helvetica, Arial, sans-serif;padding: 0 0 0 11px;} /*##############PERSONAL BOX###########*/ #business-personal .personal-section { padding-top: 1px; width: 229px;} #business-personal .personal-section h3 {font: bold 140% Helvetica, Arial, sans-serif;height: 23px; padding: 7px 0 5px 17px;width: 216px;} #business-personal .personal-section p{font-size:120%;padding: 2px 0 2px 17px;} #business-personal .personal-section ul {padding:0 0 0 1px;} #business-personal .personal-section ul li, #business-personal .personal-section ul li a {font: bold 105% Helvetica, Arial, sans-serif;padding: 0 0 0 10px;line-height: 1.5em;margin-left: 4px;} #business-personal .personal-section ul li a {background:transparent url(/common/img/blue-right.gif) no-repeat scroll -10px -1px;} #business-personal .personal-section ul li a:hover { background:transparent url(/common/img/org-right.gif) no-repeat scroll -10px -1px;} /* ############KIM ADDED HOME PAGE UPDATES 03-31-09 ###### */ #home #homePg .text-box-2 {margin:1px 1px 1px 0px;padding:9px 2px 1px 6px;width:148px;} #home #homePg .text-box-3 {margin:1px;padding:6px 2px 0px 6px;width:148px;} #home-left-content-ads {margin: 1px 0px 0px 1px;padding: 0 0 0 5px;width:165px;} #home #homePg .text-box-2 .stop-s-1, .stop-s-2, .stop-s-1 a, .stop-s-2 a {margin:6px 0 0 8px;} /* ############## ADS-CSS ################################################# */ /* ### ENGLISH - LARGE SIDE BAR ADS ### */ #adbox {width:165px;} #adbox .inside {margin:0 0 0 1px;width:160px;} /* ads smaller background images */ .ad-cno-biz-evbinoculars1{background:transparent url(/common/img/adp-CNO-Biz-EVbinoculars1-242.jpg) no-repeat scroll left top;} .ad-cno-biz-expertguards1{background:transparent url(/common/img/adp-CNO-Biz-ExpertGuards1-242.jpg) no-repeat scroll left top;} .ad-cno-biz-howsafe1{background:transparent url(/common/img/adp-CNO-Biz-HowSafe1-242.jpg) no-repeat scroll left top;} .ad-cno-biz-longhaul1 {background:transparent url(/common/img/adp-CNO-Biz-LongHaul1-242.jpg) no-repeat scroll left top;} .ad-cno-career-goodcareer1{background:transparent url(/common/img/adp-CNO-Career-GoodCareer1-242.jpg) no-repeat scroll left top;} .ad-cno-career-military1{background:transparent url(/common/img/adp-CNO-Career-military1-242.jpg) no-repeat scroll left top;} .ad-cno-career-retiring1{background:transparent url(/common/img/adp-CNO-Career-retiring1-242.jpg) no-repeat scroll left top;} .ad-cno-per-fpsign1{background:transparent url(/common/img/adp-CNO-Per-FPSign1-242.jpg) no-repeat scroll left top;} .ad-cno-per-getcleared1{background:transparent url(/common/img/adp-CNO-Per-GetCleared1-242.jpg) no-repeat scroll left top;} .ad-cno-per-fppctrain1{background:transparent url(/common/img/adp-CNO-Per-FPPCTrain1-242.jpg) no-repeat scroll left top;} /* Home ad backgrounds */ .ad-cno-home-evbinoculars1 {background:transparent url(/common/img/adp-CNO-Home-EVbinoculars1-690.jpg) no-repeat scroll left top;} .ad-cno-home-fpsign1{background:transparent url(/common/img/adp-CNO-home-FPSign1-690.jpg) no-repeat scroll left top;} .ad-cno-home-howsafe1{background:transparent url(/common/img/adp-CNO-Home-HowSafe1-690.jpg) no-repeat scroll left top;} .ad-cgl-home-livehappilyafter-h1-v2{background:transparent url(/common/img/adp-cgl-home-livehappilyafter-h1-v2.jpg) no-repeat scroll left top;} /* [1] ad-CNO-Biz-EVbinoculars1-242.jpg/236*/ .ad-cno-biz-evbinoculars1{height:149px; padding: 9px 0 0 25px;} .ad-cno-biz-evbinoculars1 .h3{font-size:9px;line-height:12px;padding-left:40px;} .ad-cno-biz-evbinoculars1 p{font-size:7px;padding:8px 0 0 40px;} .ad-cno-biz-evbinoculars1 .learn-more, .ad-cno-biz-evbinoculars1 .learn-more a{margin:2px 10px 0 0} .ad-cno-biz-evbinoculars1 .sec-link {font-size:115%;margin:11px 0 0 0;} /* [2] ad-CNO-Biz-ExpertGuards1-242.jpg/236 */ .ad-cno-biz-expertguards1{height:130px; padding:25px 0 0 6px;} .ad-cno-biz-expertguards1 .h3, .ad-cno-biz-expertguards1 .h3 a {font-size:170%;padding:0 0 0 99px;} .ad-cno-biz-expertguards1 .p, .ad-cno-biz-expertguards1 .p a{font-size:115%;line-height:7px;padding:21px 0 0 9px;} .ad-cno-biz-expertguards1 .ul, .ad-cno-biz-expertguards1 .ul a{font-size:110%;padding-left:16px;width:126px;} .ad-cno-biz-expertguards1 .arrow, .ad-cno-biz-expertguards1 .arrow a{margin:0 0 0 -6px;Padding:0 1px 0 0;} /* [3] ad-CNO-Biz-HowSafe1-242.jpg/236 */ .ad-cno-biz-howsafe1{padding:25px 0 0 2px;height:130px; } .ad-cno-biz-howsafe1 .h3, .ad-cno-biz-howsafe1 .h3 a{font-size:9px;font-weight:bold;line-height:18px;} .ad-cno-biz-howsafe1 .p, .ad-cno-biz-howsafe1 .p a{font-size:120%;line-height:15px;padding:11px 0 0 0;} /* [4] ad-CNO-Biz-LongHaul1-242.jpg/236 */ .ad-cno-biz-longhaul1{padding:11px 0 0 5px;height:143.88px; } .ad-cno-biz-longhaul1 .h3, .ad-cno-biz-longhaul1 .h3 a{font-size:130%;line-height:11.9px;} .ad-cno-biz-longhaul1 .p, .ad-cno-biz-longhaul1 .p a{padding-top:1px;font-size: 120%} /* [5] ad-CNO-Career-GoodCareer1-242.jpg/236 */ .ad-cno-career-goodcareer1{height:146.52px; padding:9.2px 0 0 57.42px;} .ad-cno-career-goodcareer1 .h3, .ad-cno-career-goodcareer1 .h3 a{line-height:11.88px;padding-left:8.58px;} .ad-cno-career-goodcareer1 .p, .ad-cno-career-goodcareer1 .p a{font-size: 110%;padding-top: 31.68px;} /* [6] ad-CNO-Career-military1-242.jpg/236 */ .ad-cno-career-military1{height:134.64px; padding: 21.12px 0 0 79.2px;} .ad-cno-career-military1 .h3, .ad-cno-career-military1 .h3 a{font-size:150%;line-height:13.2px;} .ad-cno-career-military1 .p, .ad-cno-career-military1 .p a{font-size:120%;padding-top:1px;} /* [7] ad-CNO-Career-retiring1-242.jpg/236 */ .ad-cno-career-retiring1{height:118.8px; padding: 36.96px 0 0 9.9px;} .ad-cno-career-retiring1 .h3, .ad-cno-career-retiring1 .h3 a{font-size:150%;line-height:13.2px;} .ad-cno-career-retiring1 .p, .ad-cno-career-retiring1 .p a{padding-top: 19.8px;font-size:120%;} /* [8] ad-CNO-Per-FPPCTrain1-242.jpg/240 */ .ad-cno-per-fppctrain1{height:149.16px; padding:9.24px 0 0 5.28px;} .ad-cno-per-fppctrain1 .h3{font-size:140%;line-height:11.22px;} .ad-cno-per-fppctrain1 .learn-more, .ad-cno-per-fppctrain1 .learn-more a{margin:62.04px 8.58px 0 0} .ad-cno-per-fppctrain1 .sec-link {font-size:110%;margin:9.9px 8.58px 0 0px;} /* [9] ad-CNO-Per-FPSign1-242.jpg/275h */ .ad-cno-per-fpsign1{height:162.36px; padding: 19.14px 0 0 6.6px; } .ad-cno-per-fpsign1 .h3{font-size:150%;line-height:12.54px;} .ad-cno-per-fpsign1 p{padding: 16.5px 0 0 0;} .ad-cno-per-fpsign1 .learn-more, .ad-cno-per-fpsign1 .learn-more a{margin:7.26px 0 0 19.8px;} .ad-cno-per-fpsign1 .sec-link {font-size:100%;margin:5.94px 0 0 0px;} /* [10] ad-CNO-Per-GetCleared1-242.jpg/236 */ .ad-cno-per-getcleared1{height:141px;padding:14.52px 0 0 13.2px;} .ad-cno-per-getcleared1 .h3{font-size:300%;line-height:100%;} .ad-cno-per-getcleared1 p{font-size:130%;padding-top: 4.2px;} .ad-cno-per-getcleared1 .ul {font-size:130%;margin-top: -3.3px;} .ad-cno-per-getcleared1 .learn-more{margin:5.94px 0 0 0;} .ad-cno-per-getcleared1 .sec-link{padding-top:3.3px;font-size:110%;} /* #### spans and divs used in more then one sidebar Large ad and home page ad #### */ #adbox .learn-more, .learn-more a:link, .learn-more a:hover{width: 56px;padding: 3.3px;font-size: 105%;} /* ##### HOMEPAGE ADS ##### */ /* [11] ad-CNO-Home-EVbinoculars1-690.jpg/247 */ .home-adbox{height:163px; width: 455.4px; margin: 1px 0 0 0; } .ad-cno-home-evbinoculars1 {height:148px; padding:14px 0 0 177px;} .ad-cno-home-evbinoculars1 .h3{font-size:220%;} .ad-cno-home-evbinoculars1 p{font-size:120%;line-height: 170%;padding-top:10px;} .ad-cno-home-evbinoculars1 .learn-more, .learn-more a:link, .learn-more a:hover{margin: 0 25px 0 0;width: 68px;margin-top: -20px;} .ad-cno-home-evbinoculars1 .sec-link{font-size:115%;margin:26px 25px 0 0;} /* [12] ad-CNO-home-FPSign1-690.jpg/247 */ .ad-cno-home-fpsign1{height:144.54px;padding:18.48px 0 0 9.9px} .ad-cno-home-fpsign1 .h3{font-size:220%;} .ad-cno-home-fpsign1 p{font-size:170%;line-height: 170%;padding-top: 3.96px;margin-bottom:1px} .ad-cno-home-fpsign1 ul li{font-size:140%;} .ad-cno-home-fpsign1 .learn-more, .learn-more a:link, .learn-more a:hover{margin: 11.22px 0 0 25.08px;} .ad-cno-home-fpsign1 .sec-link{font-size:115%;margin: 6.6px 0 0 0;} /* [13] ad-CNO-Home-HowSafe1-690.jpg/247 */ .ad-cno-home-howsafe1{height:163.02px; width: 455.4px; } .ad-cno-home-howsafe1 .inside, .ad-cno-home-howsafe1 .inside a{height:154.44px;padding:8.58px 0 0 5.28px;width:450.12px;} .ad-cno-home-howsafe1 .inside .h3, .ad-cno-home-howsafe1 .inside .h3 a{font-size:220%;} .ad-cno-home-howsafe1 .p, .ad-cno-home-howsafe1 .p a{font-size:170%;margin-bottom: 1px;} .home-adbox .learn-more, .learn-more a:link, .learn-more a:hover{width: 67.98px;padding: 2px; font-size: 110%;} /* ########### CGL ADS HERE ############ */ .ad-cgl-home-livehappilyafter-h1-v2 {height:163px; width: 455px; } .ad-cgl-home-livehappilyafter-h1-v2 .inside, .ad-cgl-home-livehappilyafter-h1-v2 .inside a{height:137.28px;padding:26px 0 0 16px;width:450px;} .ad-cgl-home-livehappilyafter-h1-v2 .inside .h3, .ad-cgl-home-livehappilyafter-h1-v2 .inside .h3 a{font-size:220%;} .ad-cgl-home-livehappilyafter-h1-v2 .inside .p, .ad-cgl-home-livehappilyafter-h1-v2 .inside .p a{width: 217.8px;font-size:130%;padding-top: 6px;margin-bottom: 1px} .ad-cgl-home-livehappilyafter-h1-v2 .org, .ad-cgl-home-livehappilyafter-h1-v2 .org a{font-size:130%;padding-top: 6px;margin-bottom: 1px;} /* ======== ADDITIONAL PRINT STYLES ======= 2008 Mar. 3 */ *+html #content {clear: both;} #content {float: none;background: none;} /* #page {overflow: visible;} .top-header ul {float: none;} .main-nav { width: auto;padding: 0 0 0 140px;} * html .main-content {width: 390px;} .main-content p.requestinfo {padding: 15px 0;} .main-content h4 {padding: 0 0 7px 0;} #header {width: auto;} #footer {float: none;width: auto;clear: both;} */ img.scrollit {display:none;visibility:hidden;padding:0;margin:0;} div.officeinfo2 { padding:10px 10px 10px 0; width:270px; } #offices #regionPg div.officeinfo2 p img {width:250px;display:block;} /* ####################################### NEW PRINT STYLES the way it should be March 1, 2010 Go Canada Go! EN and FR ####################################### */ body { background:white; color:black !important; font-size:10pt; margin: 0 5%; padding:0; width: auto; } .holder, #page { background:white; color:black !important; margin:0; padding:0; width:auto; } #header {border: 0 none;float:none !important;width:auto;} #header #header-top {width:auto;} #header #header-bottom {width:auto;clear:both;} #header #header-top a img {width:250px;} #header #navtop {display:none;} #header #navmain {float:none !important;color:white;} #header ul#navmenu a {display:none;color:white;} #header #header-bottom #navmain ul li a.current {color:black;display:block;padding-bottom:20px; display:none; } #content {width:auto;margin:0;padding:0;float:none !important;clear:both;} .left-content { float:none !important; background:white; color:black; width:auto; } #calltoaction, #adbox, .text-box-3, .bt-b, .text-box-3-cgl {display:none;} .left-content .nav-box { float:right; border-left:1px solid #ddd; margin:0 0 10px 10px; padding:25px 5px; width:244px; } .left-content .nav-box h3 { background:transparent; color:black; padding:0 0 5px 0; font-size:12pt; } .left-content .nav-box h3 a { background:transparent; color:black; font-size:12pt; font-weight:bold; text-transform:uppercase; } .menu_list {width:auto;} .left-content .nav-box ul#secnav { } .left-content ul#secnav li a { background:transparent; color:black; font-size:8pt; } ul#secnav li a.active, ul#secnav li ul li a.active, ul#secnav li ul li ul li a.active { background-image:none; color:black !important; text-decoration:underline !important; background-color:white; } ul#secnav li a, ul#secnav li ul li a, ul#secnav li ul li ul li a { text-decoration:none; } ul#secnav li ul li a { padding:1px 0 1px 6px;} ul#secnav li ul li ul li a { padding:1px 0 1px 16px;} .main-content { width: auto; margin:0 12px 15pt; padding: 0; border: 0; float: none !important; color: black; background: white; font-size: 10pt; } .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { font-weight:bold; float:none !important; color:black; background:white; } .main-content h2 {font-size: 13px;} .main-content h3 {font-size: 12pt;} .main-content h4 {font-size: 11pt;} .main-content h5 {font-size: 10pt;} .main-content h6 {font-size: 9pt;} div.main-content ul {margin:0 0 12px; } div.main-content ol {margin:0;padding:0 0 0 20px;} #careers #careersPg .main-content {width:auto;padding:0;margin:0;} #careers #careersPg #footer {clear:both;float:none;margin-top:0;width:auto;} #careers #careersPg #page {width:auto;} #footer { border:0 none; float:none !important; width:auto; margin:0; padding:0; font-size:9pt; color:black; background:white; } #footer ul { width:auto; } #footer ul li { font-size:9pt; color:black; background:white; } #footer ul.regional-links {display:none;} #footer ul li {display:none;} #footer ul li.printalso span {padding:0 0 0 18px;} #footer ul li.printalso {display:block !important;width:auto;} p, ul li, ul li li, ol li, ol li li {font-size: 10pt;color:black;} div.main-content ul li { background:transparent url(/common/img/arrow-on-white.gif) no-repeat scroll 0px 1px; font-size:10pt; padding-left:12px; } div.main-content ol li { background:transparent none; font-size:10pt; padding-left:5px; } a:link, a:visited, a:hover { color: #520; font-weight:bold; text-decoration:underline; } /* .main-content a:link:after, .main-content a:visited:after { content: " (" attr(href) ") "; font-size: 90%; } .main-content a[href^="/"]:after { content: " (http://www.commissionaires.ca" attr(href) ") "; } */ #imgrandom, .noprint { display:none; } div.main-content p img.right {display:none;} div.main-content h3 img.right {display:none;} h2.pgbanner { background:transparent none; color:black; margin:0; padding:0; height:auto; width:auto; } form.ddfm .fmcheck p, form.ddfm .fmradio p, form.ddfm textarea, form.ddfm .fmfullblock, form.ddfm .fmhalfblock, form.ddfm .fmselect, form.ddfm input.fmtext, form.ddfm input.fmtextin, form.ddfm input.fmverify, form.ddfm textarea.fmtextwide, form.ddfm .submit, form.ddfm .credits, form.ddfm label, form.ddfm label.fmtextlblwide {color:black !important;} div.job-region table {float:none !important;color:black;width:675px;} div.job-region {float:none !important;page-break-before:auto;} div.job-region h4, div.jobentry h4 {float:none !important;font-size:12pt;} div.job-region table tr td a {color:black;font-size:10pt;} div.job-region table tr td {font-size:10pt;} div.job-region table td.heading {color:black;} div.jobentry {width:auto;} div.jobentry table { color:black;font-size:11pt;width:675px;} div.jobentry table tr td p {color:black;font-size:11pt;} div.jobentry table tr td {color:black;font-size:11pt;} #media .main-content {width:auto;} #media .main-content p img.right, #about .main-content p img.right {display:inline;} /* for video objects */ #media .main-content object {width:200px;height:100px;} #media .main-content object object {width:400px;height:100px;background-color:#ccc;border:1px solid black;} table.twocols tr td {font-size:10pt;color:black;} table.twocols tr td a {font-size:10pt;color:black;}