/* BOC specific styles */ /* tools/general */ div.clear {clear:both;} form {margin:0px;padding:0px;} div.alignright {float:right;} div.sectorhomeright {float:right; margin-bottom:0; margin-top:10px;margin-left:10px;} a img {border:none;} a {color: #000099; font-family: Verdana,Arial,Helvetica,sans-serif,; text-decoration: none;font-weight:bold;} a:visited {color: #000099; font-family: Verdana,Arial,Helvetica,sans-serif,; text-decoration: none;font-weight:bold;} a:active {color: #000099; font-family: Verdana,Arial,Helvetica,sans-serif,; text-decoration: none;font-weight:bold;} a:hover {color: #000099; font-family: Verdana,Arial,Helvetica,sans-serif,; text-decoration: underline;font-weight:bold;} body {font-family:verdana,arial;font-size:70%;background-color:#fff;margin-left:10px;margin-top:10px;margin-bottom:5px;margin-right:2px;min-width:760px;color:#333;text-align:center;} td,th {font-size:100%;font-family:verdana,arial;} div#documentcontainer {width:760px; margin:0px auto; text-align:left;} /*NOTE: every element below falls within doc container (could prefix each with div#documentcontainer) */ /* added clear:both to force no floating content left or right */ div#header {clear:both;width:100%;overflow:hidden;padding-bottom:7px;background-position:top right;} div#header div.headborder {padding-left:7px;padding-top:7px;padding-right:5px;} div#header div.logocontainer {float:center;background-color:#fff;} /* sets up logo image box */ .centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;} div#header div.toplinksearchcontainer {margin-left:608px;width:137px;color:#fff;}/*was width 134 */ div#header div.toplinksearchcontainer div.callus {padding-bottom:10px;} div#header div.toplinksearchcontainer input.searchfield {width:100px;font-size:90%;margin-top:2px;} div#header div.toplinksearchcontainer input.gobutton {font-size:90%;width:25px;} div#header div.toplinksearchcontainer label {font-weight:bold;} div#header div.toplinks ul {list-style:none;margin-top:10px;margin-bottom:0px;margin-left:0px;padding-left:0px;} div#header div.toplinks ul li {margin-bottom:3px;} div#header div.toplinks ul a {color:#fff;text-decoration:none;font-weight:normal;} div#header div.toplinks ul a:hover {text-decoration:underline;font-weight:normal;} div#errormessage {color:#E60E64;margin-bottom:5px;padding-left:20px;margin-top:0px;padding-bottom:2px;font-size:120%;font-weight:bold} div#returnmessage {color: #E60E64;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-size:120%;font-weight:bold} /* content area styles (general) */ div#widecontentcontainer {width:760px;overflow:hidden;margin:0px auto;} /* required to prevent main content falling under left nav */ div#contentarea {float:left;width:428px;margin-left:15px;/*margin-left:167px;(with no float!) - can not use this method as float:right right col would need to preced this in the code, failing accessibility */} div#contentarea h1, div#contentareawide h1 {color:#313359;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-weight:normal;font-size:220%;} div#contentarea h2, div#contentareawide h2 {color:#313359;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-weight:normal;font-size:170%;} div#contentarea p.intro, div#contentareawide p.intro {color:#313359; width: 300px;} div#contentarea p, div#contentareawide p {margin-left:6px;margin-right:5px;padding-bottom:12px;margin-top:0px;margin-bottom:0px;} div#contentarea h3 {color: #E60E64;margin-bottom:5px;padding-left:6px;margin-top:10px;padding-bottom:2px;font-weight:normal;font-size:170%;} div#contentarea h4 {color: #313359;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-weight:bold;font-size:100%;} div#contentarea h5 {color: #313359;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-weight:normal;font-size:100%;} div#contentarea p label {align:right;margin-right:5px;} div#contentarea p input {align:right;} div#contentarea p select {align:right;} div#contentarea div.singlebulletlistcontainer {width:100%;overflow:hidden;margin-bottom:15px;} div#contentarea div.singlebulletlistcontainer div.left {float:left;width:49%;} div#contentarea div.singlebulletlistcontainer div.right {float:left;width:49%;} div#contentarea div.singlebulletlistcontainer ul {list-style:none;margin-top:0px;margin-bottom:5px;margin-left:10px;padding-left:0px;} div#contentarea div.singlebulletlistcontainer ul li {background-repeat:no-repeat;background-image:url(/images/ln_square_green.gif);background-position:0px 5px;padding-left:7px;margin-bottom:5px;color:#8C8C8C;} div#contentarea div.singlebulletlistcontainer ul li a {color:#313359;text-decoration:none;} div#contentarea div.singlebulletlistcontainer ul li a:hover {text-decoration:underline;} div#contentarea div.singlebulletlistcontainer ul li.nolink {background-image:none;} div#contentarea div.singlebulletlistblack ul {list-style:none;margin-top:0px;margin-bottom:5px;margin-left:10px;padding-left:0px;} div#contentarea div.singlebulletlistblack ul li {background-repeat:no-repeat;background-image:url(/images/ln_square_midblue.gif);background-position:0px 5px;padding-left:9px;margin-bottom:5px;} div#contentarea div.singlebulletlistblack ul li a {color:#313359;text-decoration:none;} div#contentarea div.singlebulletlistblack ul li a:hover {text-decoration:underline;} div#contentarea div.singlebulletlistblack ul li.nolink {background-image:none;} div#contentarea div.productdetail ul {list-style:none; margin-top:0px;margin-bottom:5px;margin-left:7px;padding-left:0px;} div#contentarea div.productdetail ul li {background-repeat:no-repeat;background-image:url(/images/big_square.gif);background-position:0 5px;padding-left:39px;margin-bottom:5px; color:#313359; font-size:160%;} div#contentarea div.productelements ul {list-style:none; margin-top:0px;margin-bottom:5px;margin-left:7px;padding-left:0px;} div#contentarea div.productelements ul li {background-repeat:no-repeat;background-image:url(/images/ln_square_blue.gif);background-position:0 5px;padding-left:9px;margin-bottom:5px; color:#313359; font-weight:bold;} div#contentarea div.twocolbulletlistcontainer {width:100%;overflow:hidden;margin-bottom:15px;} div#contentarea div.twocolbulletlistcontainer div.left {float:left;width:49%;} div#contentarea div.twocolbulletlistcontainer div.right {float:left;width:49%;} div#contentarea div.twocolbulletlistcontainer ul {list-style:none;margin-top:0px;margin-bottom:5px;margin-left:17px;padding-left:0px;} div#contentarea div.twocolbulletlistcontainer ul li {background-repeat:no-repeat;background-image:url(/images/ln_square_green.gif);background-position:0px 5px;padding-left:7px;margin-bottom:5px;color:#8C8C8C;} div#contentarea div.twocolbulletlistcontainer ul li a {color:#313359;text-decoration:none;} div#contentarea div.twocolbulletlistcontainer ul li a:hover {text-decoration:underline;} div#contentarea div.twocolbulletlistcontainer ul li.nolink {background-image:none;} div#contentareawide {float:left;width:310px;display:inline;padding-right:7px; margin: 0 0 0 225px; text-align: left} /*css fudge */ /* left navigation */ div#colleft {float:left;width:152px;} div#colleft ul {list-style:none;margin-left:0px;padding-left:0px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;} div#colleft ul a {text-decoration: none; font-weight:normal} div#colleft ul a:hover {text-decoration: underline; font-weight:normal} div#colleft ul li.level1itemselected {background-image:url(/images/ln_square_blue-arrow.gif);background-position:7px 4px;padding-bottom:5px;font-weight:bold;} div#colleft ul lt.level1itemselected a {color: #313359; font-weight:normal} div#colleft ul li.level1item {background-image:url(/images/ln_square_green-arrow.gif);background-position:7px 2px;padding-bottom:5px;} div#colleft ul li.level2item {margin-left:10px;background-position:7px 5px;background-image:url(/images/ln_square_pink.gif);padding-bottom:1px;border-bottom:none;margin-bottom:0px;} div#colleft ul li.level2itemlast {margin-left:10px;background-position:7px 5px;background-image:url(/images/ln_square_pink.gif);border-bottom:1px solid #000;padding-bottom:8px;} div#colleft ul li {padding-left:16px;background-repeat:no-repeat;padding-right:15px;padding-bottom:2px;border-bottom:1px solid #C5C5C5;margin-top:5px;} div#colleft ul li a {color: #707070; font-weight:normal} div#colleft ul.navleftlower {background-color:#F7F7F7;border-bottom:1px solid #C5C5C5;margin-top:0px;padding-top:5px;padding-bottom:5px;} div#colleft ul.navleftlower li {background-image:url(/images/ln_square_palepink.gif);background-position:7px 5px;border-bottom:none;margin-bottom:0;margin-top:0px;padding-top:0px;} /* footer */ /* Added clear:both to prevent float */ div#returntotop {clear:both;width:753px;border-bottom:1px solid #C5C5C5;padding-top:6px;margin-top:4px;padding-bottom:4px;margin-bottom:6px;text-align:right;} div#returntotop a {background-position: 7px 5px; padding-left: 16px; background-image: url(/images/ln_square_grey.gif); padding-bottom: 5px; color: #707070; background-repeat: no-repeat; text-decoration: none; font-weight:normal} div#returntotop a:hover {text-decoration: underline; font-weight:normal} /* Added clear:both to prevent float */ div#footer {clear:both;width:740px;margin-left:7px;font-weight:normal;} div#footer div.logo {float:left;width:127px;} div#footer div.copyrightcontainer {margin-left:159px;color:#666;padding-bottom:10px;font-size:90%;height:1%;} div#footer div.copyrightcontainer p {padding:0px;margin-top:0px;margin-bottom:10px;} div#footer div.copyrightcontainer a {color: #666; text-decoration: none; font-weight:normal} div#footer div.copyrightcontainer a:hover {text-decoration: underline; font-weight:normal} /* top navigation */ /* Added clear:both to prevent float */ div#topnav {background-image:url(/images/nav_top_bg.gif);margin-bottom:7px;margin-top:2px;clear:both;} div#topnav ul {list-style:none;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:159px;padding-top:5px;padding-bottom:5px;padding-left:0px;background-color:#C5C5C5;} div#topnav ul li {display:inline;margin-left:15px;} div#topnav a {color: #666; text-decoration: none; font-weight:normal} div#topnav a:hover {text-decoration: underline; font-weight:normal} /* right navigation */ div#navright {float:right;width:145px;margin-right:3px;} div#navright div.greyboxes div {padding-left:6px;padding-right:5px;padding-top:6px;margin-bottom:7px;border:1px solid #A1A1B3;} /* warning DIVs can not be nested within these DIV's change to div.box style for each */ div#navright div.greyboxes div h2 {color:#744C62;margin:0px;padding-top:0px;padding-bottom:10px;font-size:135%;font-weight:normal;} div#navright div.greyboxes div p {color:#666;margin:0px;padding-top:0px;padding-bottom:10px;} div#navright div.greyboxes div ul {list-style:none;margin-left:0px;padding-left:0px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:5px;} div#navright div.greyboxes div ul li {background-position:0px 5px;background-image:url(/images/ln_square_purp.gif);padding-left:9px;background-repeat:no-repeat;padding-bottom:5px;margin-top:0px;} div#navright div.greyboxes div ul li a {color:#744C62;text-decoration:none;} div#navright div.greyboxes div ul li a:hover {text-decoration:underline;} /* banners (normally in right area) */ div.banner1 {padding-left:7px;padding-right:7px;background-image:url(/images/right_1.jpg);background-repeat:no-repeat;background-position:top left;background-color:#000;min-height:299px;height:299px;} div.banner1 h2 {font-weight:normal;font-size:140%;color:#fff;margin:0px;padding-top:145px;padding-bottom:10px;} div.banner1 p {color:#fff;margin:0px;padding-top:0px;padding-bottom:10px;} div.banner1 a {padding-left:9px;padding-bottom:5px;background-repeat:no-repeat;background-image:url(/images/ln_square_green.gif);background-position:0px 5px;color:#6c0;text-decoration:none;} div.banner1 a:hover {text-decoration:underline;} div.banner2 {border:1px solid #878B8D;padding-left:7px;padding-right:5px;background-image:url(/images/right_2.jpg);background-repeat:no-repeat;background-position:bottom left;background-color:#fff;min-height:190px;height:190px;} /* IE MAC fix (bellow applies to all IE) */ * html div.banner2 {height:190px;} div.banner2 h2, div#contentareawide div.banner2 h2 {font-weight:normal;font-size:140%;color:#000;margin:0px;padding-left:0px;padding-top:10px;padding-bottom:10px;} div.banner2 p {color:#fff;margin:0px;padding-top:0px;padding-bottom:10px;} div.banner2 a {padding-left:9px;padding-bottom:5px;background-repeat:no-repeat;background-image:url(/images/ln_square_green.gif);background-position:0px 5px;color:#6c0;text-decoration:none;} div.banner2 a:hover {text-decoration:underline;} /* typeA (all headings in content area have lines underneath them */ div#contentarea.typeA h1 {border-bottom:1px solid #313359;} div#contentarea.typeA h2 {border-bottom:1px solid #8C8C8C;} div#contentarea p.intro {margin-bottom:8px;} div#contentareawide.typeB p.intro {padding-right:200px;} /*typeC (all headings in content area have no lines underneath them */ div#contentarea.typeC h1 {border-bottom:none;} div#contentarea.typeC h2 {border-bottom:none;} /*typeD (headings h2 h3 have headings underneath them */ div#contentarea.typeD h1 {border-bottom:none;} div#contentarea.typeD h2 {border-bottom:none;} div#contentarea.typeD h3 {border-bottom:1px solid #8C8C8C;} div#contentarea.typeD h4 {border-bottom:1px solid #8C8C8C;} /*typeE (sub headings to use pink block to left */ div#contentarea.typeE h2 {border-bottom:1px solid #313359;} div#contentarea.typeE p.price {color:#313359; font-weight:bold;font-size:120%;} .priceextras {font-weight:normal;} .typeEdivider {border-top:1px solid #313359; margin-bottom:10px;} .typeEsubdivider {border-top:1px solid #8c8c8c; margin-top:5px; margin-bottom:5px;} /* sectorhome (to be used on sector or service home intros */ div#sectorhome.intro {float:left; margin-top:20px; margin-left:20px; font-size:125%; color:#707070; width:200px;} .sectorhomeintrogreen {font-size:150%; color:#009933;} div#sectorhome ul {list-style:none; margin-top:0px; margin-bottom:5px; margin-left:5px;} div#sectorhome ul li {background-repeat:no-repeat; background-image:url(/images/ln_square_blue.gif) ; background-position: 0px 5px; padding-left: 7px; margin-bottom:5px; color:#8c8c8c;} .sectorhomeuliddate {font-weight: bold; color: #313359;} div#productdetail.intro {float:left; margin-top: 10px; margin-left:10px; width:250px;} /* Home page only (probably) */ div#contentareawide div.twoevencols {width:100%;overflow:hidden;padding-top:15px;} div#contentareawide div.twoevencols div.left {float:left;width:49%;border-top:1px solid #313359;padding-top:3px;} div#contentareawide div.twoevencols div.right {float:right;width:49%;border-top:1px solid #313359;padding-top:3px;} div#contentareawide div.twoevencols div.leftinner {float:left;width:135px;text-align:right;} div#contentareawide div.twoevencols div.leftinner h2 {padding-right:10px;} div#contentareawide div.twoevencols div.rightinner {float:right;width:145px;} div#contentareawide div.twoevencols ul {list-style:none;margin-left:0px;padding-left:0px;margin-top:7px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;} div#contentareawide div.twoevencols ul li {border-bottom:1px solid #000;padding-top:2px;margin-left:0px;padding-left:9px;padding-bottom:5px;background-repeat:no-repeat;background-image:url(/images/ln_square_green.gif);background-position:0px 7px;color:#6c0;text-decoration:none;} div#contentareawide div.twoevencols ul li a {color:#8C8C8C;text-decoration:none;font-weight:normal;} div#contentareawide div.twoevencols ul li a:hover {text-decoration:underline;font-weight:normal;} div#contentareawide div.wideleftcolcontainer {width:100%;overflow:hidden;padding-top:15px;} div#contentareawide div.wideleftcolcontainer div.left {float:left;width:428px;} div#contentareawide div.wideleftcolcontainer div.right {float:right;width:145px;} div#contentareawide div.wideleftcolcontainer div.latestpan {border:1px solid #A1A1B3;padding:8px;} /* all H3 tags within div.latestpan */ div#contentareawide div.wideleftcolcontainer div.latestpan h3 {margin:0px;color:#313359;font-size:100%;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:9px;background-repeat:no-repeat;background-image:url(/images/ln_square_green.gif);background-position:0px 5px;text-decoration:none;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpancolcontainer {width:100%;overflow:hidden;margin-bottom:10px;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpancolcontainer div.lpancolleft {float:left;text-align:right;width:115px;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpancolcontainer div.lpancolright {float:right;width:277px;padding-top:8px;} /* lpanrowcontainer(s) below all reside within div.lpancolright */ div#contentareawide div.wideleftcolcontainer div.latestpan div.lpanrowcontainer {width:100%;overflow:hidden;margin-bottom:10px;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpanrowcontainer div.lpanrowleft {float:left;text-align:right;width:55px;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpanrowcontainer div.lpanrowleft a {color:#313359;text-decoration:none;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpanrowcontainer div.lpanrowleft a:hover {text-decoration:underline;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpanrowcontainer div.lpanrowright {float:right;width:205px;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpanrowcontainer div.lpanrowright a {color:#8C8C8C;text-decoration:none;} div#contentareawide div.wideleftcolcontainer div.latestpan div.lpanrowcontainer div.lpanrowright a:hover {text-decoration:underline;} /* more news link */ div#contentareawide div.wideleftcolcontainer div.latestpan div.morenews {text-align:right;margin-bottom:10px;} div#contentareawide div.wideleftcolcontainer div.latestpan div.morenews a {color:#313359;text-decoration:none;padding-left:16px;padding-bottom:5px;background-repeat:no-repeat;background-image:url(/images/ln_square_blue.gif);background-position:7px 6px;} div#contentareawide div.wideleftcolcontainer div.latestpan div.morenews a:hover {text-decoration:underline;} /* forms */ div#registrationform {width:400px;} div#registrationform .line {display:block; width:100%; border-bottom:1px dashed #cccccc;} div#registrationform input {display:block; width:170px; float:left; margin-bottom:0px;margin-left:5px; margin-top:5px;} div#registrationform label {display:block; text-align:left; float:left; padding-left:10px; margin-top:5px;} div#registrationform label.fixedwidth {display:block; text-align:left; float:left; width: 120px; padding-left:10px; margin-top:5px;} div#registrationform label.fixedwidthright {display:block; text-align:right; float:none; width: 190px; padding-left:10px; margin-top:5px;} div#registrationform label.checkbox {display:block; text-align:left; float:left; padding-left:5px; margin-top:5px; width: 90%; } div#registrationform .checkbox {width:1.5em; margin-left:5px; margin-top:3px;} div#registrationform .radiobox {width:1.5em; margin-left:5px; margin-top:3px;} div#registrationform .textarea {float:right;margin-right:23px} div#registrationform .textarea2 {display:block; width:200px; float:left; margin-bottom:10px;margin-left:5px; margin-top:5px;} div#registrationform br {clear:left;} div#registrationform .imagebutton {width:124px;} div#registrationform select {display:block; float:left; margin-bottom:10px;margin-left:5px; margin-top:5px;} div#feedbackform .indent1 {display:block; margin-left:30px;} div#feedbackform .checkbox {width:1.5em; margin-top:0px; text-align:left;} /* ed with date */ div#pressrelease {margin-left:9px;width:100%} div#pressrelease div.prcontainer {width:100%;overflow:hidden;margin-bottom:5px} div#pressrelease h5 {margin:0px;color:#313359;font-size:100%;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:9px;background-repeat:no-repeat;background-image:url(/images/ln_square_green.gif);background-position:0px 5px;text-decoration:none} div#pressrelease div.prcontainer div.prrowleft {float:left;width:75%} div#pressrelease div.prcontainer div.prrowleft a {color:#313359;text-decoration:none} div#pressrelease div.prcontainer div.prrowleft a:hover {text-decoration:underline} div#pressrelease div.prcontainer div.prrowright {float:right;width:20%} div#pressrelease div.prcontainer div.prrowright a {color:#8C8C8C;text-decoration:none} div#pressrelease div.prcontainer div.prrowright a:hover {text-decoration:underline} /* download */ div#download {width:100%; margin-left:5px;} div#download .line {width:100%; border-bottom:1px dashed #cccccc} div#download .solidline {width:100%; border-bottom:1px solid #cccccc} div#download th {color: #e60e64; text-align: left; font-size:70%} div#download td {font-size:70%} /* Full pages */ div#eventdiary {padding-left:9px; margin-bottom:5px;width:100%;overflow:hidden;padding-bottom:5px;border-bottom:1px solid #8c8c8c;} div#eventdiary div.eventrow {width:100%; padding-bottom:5px;clear:both;} div#eventdiary div.eventrow div.leftcol {float:left; width:30%; font-weight:bold;} div#eventdiary div.eventrow div.rightcol {float:right; width:70%;} div#contentareasearch {width:95%;} div#contentareasearch div.searchlogocontainer {width:100%; float:left; padding-bottom:5px; border-bottom:1px solid #313359} div#contentareasearch div.introbody {width:100%; padding-left:5px; } div#contentareasearch div.introbody h1 {color:#E60E64; border-bottom:none; font-size:170%;} div#contentareasearch div.introbody div.introtext {color:#313359;font-size:100%} div#contentareasearch div.searchresults{width:100%;overflow:hidden;margin-bottom:5px;} div#contentareasearch div.searchresults h2 {color: #313359; font-size:125%; border-bottom:1px solid #313359;} div#contentareasearch div.searchresults div.searchrowleft {float:left;width:48%;} div#contentareasearch div.searchresults div.searchrowleft a {color:#313359;text-decoration:none; font-weight:bold;} div#contentareasearch div.searchresults div.searchrowleft a:hover {text-decoration:underline;} div#contentareasearch div.searchresults div.searchrowleft li {padding-bottom:5px; padding-top:5px;} div#contentareasearch div.searchresults div.searchrowright {float:right;width:48%; margin-left:3px;} div#contentareasearch div.searchresults div.searchrowright a {color:#313359;text-decoration:none; font-weight:bold;} div#contentareasearch div.searchresults div.searchrowright a:hover {text-decoration:underline;} div#contentareasearch div.searchresults div.searchrowright div.productresults {padding-top:10px;} div#colleft ul.navleftlower li.level2itemselected { background-position: 7px 5px; margin-top: 0px; background-image: url(/images/ln_square_palepink.gif); padding-top: 0px; border-bottom: medium none; margin-left: 10px; } /*\*//*/ @import "macie5only.css"; /**/ #registrationform { margin-bottom: 30px; xwidth: 300px; } #registrationformend { margin-left: 135px; margin-bottom: 20px; width: 400px; }