* {margin:0px;padding:0px} BODY {background:URL('images/bgrepeat.gif') repeat-x;font-family:Arial, Helvetica, sans-serif; font-size:79%;color:#717171;} .clear {float:none;clear: both;height: 0px;overflow: hidden;} #event-next-year { background:#494949; width: 1000px; height: 36px; color:#ffffff; } #event-next-year h2 { width: 800px; height: 36px; text-indent: -9999px; float: left; background: url('images/nextevent.gif') no-repeat; } #event-next-year a { width: 200px; height: 36px; text-indent: -9999px; float:left; background: url('images/download-paper.gif') no-repeat scroll 0 0; } #event-next-year a:hover { background-position: bottom left; } /* colours */ .green {color:#00aecb} .grey {color:#b4b4b4} .lightgreen {color:#4ac6da} .blue {color:#005db3} .purple {color:#973fe1} .pink {color:#f22f8b} .orange {color:#ffc000} .membergreen {color:#2dd668} /* links */ A.links {color:#5b5b5b;text-decoration:underline;} A.links:Hover {color:#00aecb;text-decoration:underline} A.news {color:#00aecb;text-decoration:underline;} A.news:Hover {color:#5b5b5b;text-decoration:underline} A.nav {color:#FFFFFF;text-decoration:none;} A.nav:Hover {color:#4ac6da;text-decoration:underline} A.branch {color:#FFFFFF;text-decoration:underline;} A.branch:Hover {color:#005db3;text-decoration:underline} /* framework */ #canvas {width:1050px;margin-left:auto;margin-right:auto;} #canvas-bevel {width:1050px;height:460px;background:url('images/frame-bevel.png') no-repeat;} #canvas-inner {width:1000px;float:left;background-color:#FFFFFF;margin-left:25px;} #header {width:1000px;float:left;height:150px} #header-left {width:800px;float:left;height:150px} #header-right {width:200px;float:left;height:150px} #ivmimages { width:1000px; } #container {width:998px;float:left;background:url('images/bgrepeat-col3test.gif') repeat-y;border-left:1px solid #b4b4b4;border-right:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4} #col1 {width:198px;float:left;} #col2 {width:799px;float:left;border-left:1px solid #b4b4b4;background-color:#FFFFFF} #col2-innerleft {width:299px;float:left;height:377px;} #col2-innerleft-small {width:299px;float:left;height:336px;} #col2-innerright {width:440px;float:left;padding:20px 30px 0 30px;} #col2-innerright P {line-height:20px} #col3 {width:602px;float:left;} #col3-inner {width:530px;float:left;margin:20px 0 0 35px} #col3-inner-left {width:240px;float:left;border-right:1px solid #b4b4b4;padding:0 24px 0 0} #col3-inner-right {width:230px;float:left;margin:0px 0 0 20px;} #col3-inner P {line-height:20px} #col4 {width:198px;float:left;} #col4-inner {width:158px;float:left;margin:10px 0 0 20px} .col4-header {background-color:#008fb3;height:26px;width:198px;float:left;text-align:center;color:#fff;font-weight:100;padding:9px 0 0 0;font-size:120%} /* --------------------BARRY FAQs CSS-------------------------------- ------------------------------------------------------------------ */ .question-holder { width: 100%; display: block; margin-bottom: 12px; } a.bold-1, a.bold-2, a.bold-3, a.bold-4, a.bold-5, a.bold-6, a.bold-7, a.bold-8, a.bold-9, a.bold-10, a.bold-11, a.bold-12, a.bold-13 {font-weight:bold;color:#00aecb; text-decoration: none; } a:hover.bold-1, a:hover.bold-2, a:hover.bold-3, a:hover.bold-4, a:hover.bold-5, a:hover.bold-6, a:hover.bold-7, a:hover.bold-8, a:hover.bold-9, a:hover.bold-10, a:hover.bold-11, a:hover.bold-12, a:hover.bold-13 { color: #5b5b5b; } a.assessment-btn { width:528px; height:71px; background: url("images/assessment-btn.gif") no-repeat; text-indent: -9999px; display: block; margin-top:10px; } a:hover.assessment-btn { opacity:0.6; filter: alpha(opacity = 60); zoom:1; } #bottom-lozanges { width: 998px; height: 129px; background: url("images/strip-thin.jpg") no-repeat; border-right: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; } #lozange-1 { width:199px; height:129px; float:left; background: url("images/home-imgs/downloads.jpg") no-repeat; } #lozange-1 a { display:block; height:100%; width:100%; } #lozange-1 a span { position:absolute; left:-9999px; top:-9999px; } #lozange-2 { width:199px; height:129px; float:left; background: url("images/home-imgs/faq.gif") no-repeat; border-right: 1px solid #b4b4b4; } #lozange-2 a { display:block; height:100%; width:100%; } #lozange-2 a span { position:absolute; left:-9999px; top:-9999px; } #lozange-3 { width:199px; height:129px; float:left; background: url("images/home-imgs/diagnostic.jpg") no-repeat; border-right: 1px solid #b4b4b4; } #lozange-3 a { display:block; height:100%; width:100%; } #lozange-3 a span { position:absolute; left:-9999px; top:-9999px; } #lozange-4 { width:199px; height:129px; float:left; background: url("images/home-imgs/cabinet.gif") no-repeat; border-right: 1px solid #b4b4b4; } #lozange-4 a { display:block; height:100%; width:100%; } #lozange-4 a span { position:absolute; left:-9999px; top:-9999px; } #lozange-5 { width:199px; height:129px; float:left; background: url("images/home-imgs/brochure.jpg") no-repeat; } #lozange-5 a { display:block; height:100%; width:100%; } #lozange-5 a span { position:absolute; left:-9999px; top:-9999px; } #bottom-two-lozanges { width: 998px; height: 129px; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; } #ivm-next-course { width: 498px; height: 129px; float:left; border-right: 1px solid #b4b4b4; } #ivm-next-course h2 { background: url("images/gallery/next-course-header.jpg") no-repeat; width: 498px; height: 35px; text-indent: -9999px; margin-bottom: 7px; display: block; } #ivm-next-course a.bottom-title2 { background: url("images/gallery/next-course-header.jpg") no-repeat; width: 498px; height: 35px; text-indent: -9999px; margin-bottom: 7px; display: block; } #ivm-next-course strong { margin-left:7px; margin-bottom: 5px; display: block; } #ivm-next-course p { margin-left:7px; margin-bottom: 8px; } #ivm-next-course a.ivm-next-course-full { background: url("images/gallery/next-button-course.jpg") no-repeat; width: 498px; height: 20px; text-indent: -9999px; display: block; margin-top: 5px; } #ivm-next-event { width: 499px; height: 129px; float:left; } #ivm-next-event h2 { background: url("images/gallery/next-event-header.jpg") no-repeat; width: 499px; height: 35px; text-indent: -9999px; margin-bottom: 7px; } #ivm-next-event a.bottom-title { background: url("images/gallery/next-event-header.jpg") no-repeat; width: 499px; height: 35px; text-indent: -9999px; margin-bottom: 7px; display: block;} #ivm-next-event strong { margin-left:7px; margin-bottom: 5px; display: block; } #ivm-next-event p { margin-left:7px; margin-bottom: 8px; } #ivm-next-event a.ivm-next-event-full { background: url("images/gallery/next-button-event.jpg") no-repeat; width: 499px; height: 20px; text-indent: -9999px; display: block; margin-top: 5px; } #home-btn{ float:left;width:50px;height:49px; background:url('images/ivm-home-off.gif') no-repeat; } #home-btn a{ display:block; height:100%; width:100%; } #home-btn a span{ position:absolute; left:-9999px; top:-9999px; } #navigation {float:left;background:url('images/navbg.gif') no-repeat;width:750px;height:49px} #navigation ul {list-style-type:none;padding-top:12px} #navigation ul li {padding:0px 0px 0px 14px;} /* ----------------------------------------------------------------- ------------------------------------------------------------------ */ .line2 { border-top: 5px solid #973FE1; position:relative; top:16px; } .line3 { border-top: 5px solid #005DB4; position:relative; top:16px; } /* photos */ img.photo {float:left;border:1px solid #b4b4b4;margin:0 0 15px 0px} img.photo1 {float:left;margin:0 7px 0 0} img.photo2 {float:left;margin:0 20px 15px 0px} img.photo-leftnav {float:left;margin:0 0 0 0px} img.photo-icons {float:left;border:1px solid #00aecb;margin:10px 10px 0 0px;padding:5px} img.consultants {margin:5px 0 10px 0px;border:1px solid #00aecb;padding:15px} /* Top nav */ /* Top nav */ #nav {width:750px;float:left;height:49px} #nav A {color:#FFFFFF; text-decoration:none } #nav A:Hover {color:#00dbff;} #nav LI { display:inline; } #ivmtopnav {float:left;background:url('images/navbg.gif') no-repeat;width:750px;height:49px} #ivmtopnav UL {list-style-type:none;padding-top:12px} #ivmtopnav UL LI {padding:0px 0px 0px 14px;} #home {float:left;width:50px;height:49px;} UL.home LI {float:left;width:50px;height:49px;list-style-type:none;text-indent:-9999px} UL.home LI A {width:50px;height:49px;display:block;} .home {background:url('images/ivm-home-off.gif') no-repeat} .home A:hover {background:url('images/ivm-home-on.gif') no-repeat} /* Section Nav */ #sectionnav {float:left;width:1000px;height:35px;} UL.sectionnav_block {float:left;width:1000px;position:relative;} UL.sectionnav_block LI {height:35px;text-indent:-9999px;list-style-type:none;position:absolute;} UL.sectionnav_block LI A {height:35px;display:block;} .membership-top {width:200px;background:URL('images/membership-off.gif') no-repeat} .membership-top A:hover {background:URL('images/membership-on.gif') no-repeat} .whatis-top {left:200px;width:200px;background:URL('images/what-off.gif') no-repeat} .whatis-top A:hover {background:URL('images/what-on.gif') no-repeat} .benefits-top {left:400px;width:200px;background:URL('images/benefits-off.gif') no-repeat} .benefits-top A:hover {background:URL('images/benefits-on.gif') no-repeat} .rewards-top {left:600px;width:200px;background:URL('images/rewards-off.gif') no-repeat} .rewards-top A:hover {background:URL('images/rewards-on.gif') no-repeat} .events-top {left:800px;width:200px;background:URL('images/events-off.gif') no-repeat} .events-top A:hover {background:URL('images/events-on.gif') no-repeat} /* htags */ h1.title {float:left;text-indent:-9999px;width:800px;height:49px;background:url('images/ivm-text.gif') no-repeat;} h1.strap {float:left;text-indent:-9999px;width:800px;height:52px;background:url('images/ivm-strap.gif') no-repeat;} h1.logo {float:left;text-indent:-9999px;width:200px;height:150px;background:url('images/ivm-logo.gif') no-repeat;position:relative} h2.headers {color:#00aecb;font-size:120%;font-weight:normal;} h1.pageheaders {color:#00aecb;font-size:140%;font-weight:normal} /* Newsletter signup */ .newssignup {width:178px;color:#b4b4b4;padding:10px 0 20px 20px;background-color:#fff;height:82px;} .newssignup FORM {position:relative;width:158px;margin:6px 0 0 0} .newssignup FORM INPUT {margin:5px 0 0px 0;width:148px;padding:5px;} .newssignup FORM IMG {float:left;margin:5px 0 0 0} /* Website search */ .search {width:178px;color:#b4b4b4;padding:10px 0 20px 20px;background-color:#fff;height:80px;border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4} .search FORM {position:relative;width:158px;margin:6px 0 0 0} .search FORM INPUT {margin:5px 0 0px 0;width:148px;padding:5px;} .search FORM IMG {float:left;margin:5px 0 0 0} /* partners */ #partners {width:198px;float:left;height:90px;background:#fff;overflow:hidden} #partnersfooter {width:198px;float:left;height:21px;background:url('images/partners.gif') no-repeat;border-bottom:1px solid #b4b4b4;overflow:hidden} /* footer */ #footer {float:left;width:1000px;margin:10px 0 30px 0} #footer P {font-size:90%;line-height:20px} #footer-col1 {float:left;width:600px;} #footer-col2 {float:left;width:400px;} /* normal nav */ UL.sectionnav_block-normal {float:left;width:198px;} UL.sectionnav_block-normal LI {height:35px;width:198px;text-indent:-9999px;list-style-type:none;} UL.sectionnav_block-normal LI A {height:35px;display:block;} .membership {width:198px;background:URL('images/membership-off-left.gif') no-repeat} .membership A:hover {background:URL('images/membership-on-left.gif') no-repeat} .whatis {width:198px;background:URL('images/what-off-left.gif') no-repeat} .whatis A:hover {background:URL('images/what-on-left.gif') no-repeat} .benefits {width:198px;background:URL('images/benefits-off-left.gif') no-repeat} .benefits A:hover {background:URL('images/benefits-on-left.gif') no-repeat} .rewards {width:198px;background:URL('images/rewards-off-left.gif') no-repeat} .rewards A:hover {background:URL('images/rewards-on-left.gif') no-repeat} .events {width:198px;background:URL('images/events-off-left.gif') no-repeat} .events A:hover {background:URL('images/events-on-left.gif') no-repeat} /* right nav */ UL.rightmenu LI {list-style-type:none;border-bottom:1px solid #b4b4b4;padding:6px 0 4px 5px} UL.rightmenu LI A {color:#5b5b5b;text-decoration:none;background-image: url("images/circle.gif");background-repeat: no-repeat;background-position: 0px 4px;padding:0 0 0 20px} UL.rightmenu LI A:Hover {background:URL('images/circle2.gif') no-repeat; background-position: 4px 4px;color:#00bdf6;} UL.submenu LI {list-style-type:none;padding:5px 0 0px 0px;font-size:90%;} UL.submenu LI A {color:#00bdf6;text-decoration:underline;padding:0 0 0 25px;} UL.submenu LI A:Hover {color:#5b5b5b;text-decoration:underline} .latestnews-text {margin-top:5px;line-height:20px} .line {height:1px;background:URL('images/sq.gif') repeat-x;margin:15px 0 15px 0} /* bullets */ UL.bullet {padding:0 0 0 15px;line-height:20px;} UL.bullet LI {padding:5px 0 0 8px;} OL.bullet {padding:0 0 0 0;line-height:20px} OL.bullet LI {padding:5px 0 0 0;list-style-position:inside;} /* form */ fieldset {margin:0 0 20px 0;padding:7px 20px 20px 20px; border:1px solid #00aecb;} legend {font-weight:bold;color:#00aecb;padding:0px 22px 0px 22px;} form.quick {display:inline;} form br {clear:left;} form input {margin-left:10px;border:1px solid #00aecb;padding:5px;width:300px} form select {margin-left:10px;border:1px solid #00aecb;padding:5px;width:312px} form textarea {margin-left:10px;border:1px solid #00aecb;padding:5px;width:300px;font-family:Arial, Helvetica, sans-serif;font-size:100%} form input.submit {border:1px solid #00aecb;width:100px;background-color:#FFFFFF;margin:0px} div.formlabel {padding-top:5px;float:left;width:110px;text-align:right;} /* joinnow */ .joinnow {float:right;border:1px #00aecb solid;padding:6px 12px 8px 12px;font-size:85%;} a.buy {font-weight: bold;padding-left:20px;background-image: url("images/circle.gif");background-repeat: no-repeat;background-position: 0px 3px;text-decoration:none;color:#00aecb;border-bottom:1px dotted #00bdf6;} a.buy:hover {background-position: 4px 3px;color:#b4b4b4;background-image: url("images/circle2.gif");background-repeat: no-repeat} /* event table */ .eventtable {margin-top:5px;font-size:100%} .eventtablehead {background-color:#005db3; color:#FFF;padding:10px 0 10px 15px} .eventtabletext {background-color:#c4def7;padding:5px 0 5px 15px;line-height:20px;} .eventtabletop {vertical-align:top;background-color:#c4def7;padding:5px 0 5px 15px} /* structure page table */ .structuretable {margin-top:10px;font-size:100%;border:1px solid #00aecb;color:#FFF;text-align:center} .structurehead {background-color:#b4b4b4; color:#FFF;padding:5px 0 5px 0px} .structuretext {background-color:#4ac6da;padding:5px 0 5px 0px;line-height:20px;} /* branch tables */ .eventtable-branch {margin-top:5px;font-size:100%} .eventtablehead-branch {background-color:#b4b4b4;color:#FFF;padding:5px 0 5px 10px} .eventtabletext-branch {background-color:#4ac6da;padding:5px 0 5px 15px;line-height:20px;color:#FFF} /* consultants page table */ .consultantstext {padding:5px;line-height:15px;border:1px solid #b4b4b4;text-align:center;font-size:90%} /* technique table */ .techniquetable {margin-top:5px;font-size:100%;line-height:15px;border:1px solid #b4b4b4} .techniquetablehead {background-color:#b4b4b4;color:#FFF;padding:5px;text-align:center;} .techniquetabletool {background-color:#4ac6da;color:#FFF;padding:5px;font-size:90%;vertical-align:top;border-top:1px solid #b4b4b4;} .techniquetabletext {font-size:90%;padding:5px;vertical-align:top;border-top:1px solid #b4b4b4; border-left:1px solid #b4b4b4} /* pdf tables */ .pdftable {margin-top:5px;} .pdftablehead {padding:7px} .pdftabletext {line-height:20px;} /*training diary lozenge styles*/ /*height was 164*/ .course1, .course2, .course3, .course4 {width:240px; height:184px; border:1px solid #b4b4b4;} .course1 {/*background-color:#ccc;*/ float:left; margin:18px 0px 0px 0px;} .course2 {/*background-color:#000;*/ float:left; margin:18px 0px 0px 40px;} .course3 {/*background-color:#973fe1;*/ float:left; margin:40px 0px 0px 0px;} .course4 {/*background-color:#e13f3f; */ float:left; margin:40px 0px 0px 40px;} .course1 img, .course1 a, .course2 img, .course2 a, .course3 img, .course3 a, .course4 img, .course4 a, {border:none;padding:0px;margin:0px;display:block;} /*to get rid of white gap in IE*/ .course1 h2, .course2 h2, .course3 h2, .course4 h2 {height:35px;} .course1 h2 {background-image: url("images/course1.jpg");text-indent:-9999px;} .course2 h2 {background-image: url("images/course2.jpg");text-indent:-9999px;} .course3 h2 {background-image: url("images/course3.jpg");text-indent:-9999px;} .course4 h2 {background-image: url("images/course4.jpg");text-indent:-9999px;} .course1 a, .course2 a, .course3 a, .course4 a{width:240px;display:block;height:20px;background-image: url("images/button-viewcourses.jpg");text-indent:-9999px;} /*Next event and next course divs on homepage*/ /*#next-cont {float:left;height:153px;width:998px;display:block;background-color:#fff;border-top:1px solid #b4b4b4;} /*increased height by 20px to allow for top margin*/ #next-cont {float:left;height:134px;width:998px;background:url("images/strip-thin.jpg") no-repeat ;bottom: 0px;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #b4b4b4;border-right-color: #b4b4b4;border-bottom-color: #b4b4b4;border-left-color: #b4b4b4;} #next-course, #next-event {margin-top:5px;width:498px;height:129px;float:left;position:relative;} /*#next-course{border-right:1px solid #333;}*/ #next-event{border-left:1px solid #b4b4b4;width:499px;} .next-img {float:left;border:none;border-right:1px solid #b4b4b4;width:199px;height:129px;} #next-course h2, #next-event h2 {float:left;height:35px;width:299px;} #next-course h2{background-color:#973fe1;font-weight:normal;color:#fff;width:298px;background-image:url("images/gallery/next-course-header.jpg");text-indent:-9999px;} #next-event h2{background-color:#005db3;font-weight:normal;color:#fff;background-image:url("images/gallery/next-event-header.jpg");text-indent:-9999px;} #next-course p, #next-event p {float:left;font-size:100%;color:#717171;padding:5px 0px 0px 10px;width:280px;} #next-course a ,#next-event a{float:left;width:298px;height:20px;background:url("images/gallery/next-button-course.jpg");text-indent:-99999px;position:absolute;right:0px;bottom:0px;} #next-event a{float:left;width:299px;background:url("images/gallery/next-button-event.jpg")} #brochure-download {float:left;height:129px;width:199px;background:url(images/brochure-bg.jpg) no-repeat;border-right:1px solid #b4b4b4;position:relative} #brochure-download A{background:url(images/button-download.gif) no-repeat;bottom:10px;left:10px;position:absolute;margin:0px;padding:0px;width:71px;height:11px} #brochure-download A:HOVER{background:url(images/button-download-on.gif) no-repeat;} #brochure-download-movi{float:left;height:129px;width:199px;background:url(images/brochure-bg-movi.jpg) no-repeat;border-right:1px solid #b4b4b4;position:relative} #brochure-download-movi A{background:url(images/button-download.gif) no-repeat;bottom:10px;left:10px;position:absolute;margin:0px;padding:0px;width:71px;height:11px} #brochure-download-movi A:HOVER{background:url(images/button-download-on.gif) no-repeat;}