* { margin:0; padding:0; } body { font-family:Tahoma; text-align:center; background:#fff;} /************************************************* LAYOUT **************************************************/ #main {width:750px; margin:0 auto;text-align:left;} #border {border:1px solid #ccc;border-top:0; border-bottom:0;} #header {height:146px;position:relative;} #content {padding-left:197px;padding-right:0px;height:1%;border-top:1px solid #ccc;} .column {float:left;position:relative;margin-top:15px;} #left-col {width:197px;margin-left:-349px;right:197px;} #right-col {width:194px;margin-right:-195px;} #left-col-in {padding:0 12px;} #right-col-in {padding:0 16px 0 13px;} .clearing {clear: both;} /************************************************* HEADER **************************************************/ .headertoplinks {top:0px;margin-left:257px;width:485px;font-size:75%;text-align:center;color:#000000;} .headertoplinks span radio {margin-top:7px; color:#000000;} .headertoplinks span {color:#000000;} .headertoplinks img {vertical-align:bottom;padding-top:5px;} .headertoplinks a {text-decoration:underline;margin-top:2px;color:#000000;} /************************************************* MAIN MENU **************************************************/ #menu {height:24px;position:absolute;top:122px;left:12px;} #menu li {width:117px;height:24px;float:left;position:relative;list-style:none;margin-right:3px;font-size:75%;} #menu a, #menu span {display:block;width:117px;height:24px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #menu span {z-index:1;cursor:pointer;cursor:pointer;} #menu span.active {cursor:default;} #item1 span { background:url("../images/light/menuitem-1.gif") left top no-repeat; } #item2 span { background:url("../images/light/menuitem-2.gif") left top no-repeat; } #item3 span { background:url("../images/light/menuitem-3.gif") left top no-repeat; } #item4 span { background:url("../images/light/menuitem-4.gif") left top no-repeat; } #item5 span { background:url("../images/light/menuitem-5.gif") left top no-repeat; } #item6 span { background:url("../images/light/menuitem-6.gif") left top no-repeat; } #item1 a:hover span, #item1 span.active {background:url("../images/light/menuitem-1.gif") right top no-repeat;} #item2 a:hover span, #item2 span.active {background:url("../images/light/menuitem-2.gif") right top no-repeat;} #item3 a:hover span, #item3 span.active {background:url("../images/light/menuitem-3.gif") right top no-repeat;} #item4 a:hover span, #item4 span.active {background:url("../images/light/menuitem-4.gif") right top no-repeat;} #item5 a:hover span, #item5 span.active {background:url("../images/light/menuitem-5.gif") right top no-repeat;} #item6 a:hover span, #item6 span.active {background:url("../images/light/menuitem-6.gif") right top no-repeat;} #menu a:hover {color:#2788F0;background:#C8E8FF;} /************************************************* CONTENT **************************************************/ #content h1 {font-size:100%; color:#2788F0;} #content h2 {font-size:80%;color:#333333;font-weight:bold;} #content h3 {font-size:70%;color:#333333;font-weight:bold;} #content p {font-size:70%;color:#333333;margin:1.5em 0;} .normaltext {font-size:70%;color:#333333;margin:0;} #content ul {margin-left:20px;} #content li {color:#333333;font-size:70%;line-height:120%;padding:3px 0;} #content a {color:#333333;} #content a:hover {color:#2788F0;text-decoration:none;} .header {font-size:100%; color:#2788F0;font-weight:bold;margin-bottom: 5px;} hr {display:none;} hr.show {display:block; border:0; border-bottom:1px solid #ccc; height:1px;} hr.divider {float:left; display:block; border:0; border-bottom:1px solid #ccc; height:1px; width:490px; margin-top:20px; margin-bottom:20px;} .col2table {width:490px;} .labelwidthleft {float:left;font-size:70%;width:245px;height:240px;color:#333333;} .labelwidthleftshort {float:left;font-size:70%;width:245px;height:220px;color:#333333;} .labelwidthright {float:right;font-size:70%;width:245px;height:300px;color:#333333;} .labelwidthrightshort {float:right;font-size:70%;width:245px;height:220px;color:#333333;} .labelwidthleft span.h2, .labelwidthright span.h2 { color:#333333;font-weight:bold;} .col3table {width:349px;} .labelwidthleft2 {float:left;font-size:70%;width:168px;height:90px;color:#333333;margin-left:6px;} .labelwidthright2 {float:right;font-size:70%;width:168px;height:90px;color:#333333;margin-left:6px;} .labelwidthleft2 span.h2, .labelwidthright2 span.h2 { color:#333333; font-weight:bold;} /* .3collabelwidthleft {float:left;width:174px;height:100px;color:#333333;} .3collabelwidthright {font-size:70%;float:left;width:174px;height:100px;color:#333333;} .3collabelwidthleft span.h2, .3collabelwidthright span.h2 {color:#333333;font-weight:bold;} */ /************************************************* LEFT COLUMN **************************************************/ h2#col1header, h2#col1header span {display:block;width:173px;height:46px;position:relative;overflow:hidden;color:#333333;} #submenu ul {margin:0;} #submenu li {list-style:none;line-height:normal;height:1%;padding:2px 0;border-bottom:1px solid #333333;} #submenu a {color:#333333;text-decoration:none;display:block;height:100%;padding:4px 0 4px 11px;} #submenu a:hover, #submenu li#selected a {color:#333333;background:#C8E8FF;} #submenu li#selected a {cursor:default;} /************************************************* MIDDLE COLUMN **************************************************/ .mid_link {padding-left:12px;} /************************************************* RIGHT COLUMN **************************************************/ #right-col ul {margin:0;} #right-col p {margin:0.5em 0;} #panelright {padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:15px;height:1%;} #panelright h2 {display:block;height:68px;overflow:hidden;position:relative;background:url("../images/light/boxbottom2.gif") no-repeat;padding-top:28px;padding-left:50px;} #panelright h3 {display:block;width:135px;height:68px;overflow:hidden;position:relative;background:url("../images/light/boxbottom2.gif") no-repeat;padding-top:18px;padding-left:50px;} #panelright li {list-style:none;margin-bottom:8px;margin-left:-10px;text-align:center;} /************************************************* FOOTER **************************************************/ #footer {clear:both;height:75px;font-size:70%;color:#333333;padding:0px 5px 0px 5px;position:relative;text-align:center;} #footer p a {color:#2788F0;text-decoration:none;} #footer2 {clear:both;height:20px;font-size:70%;color:#333333;padding:0 5px 0 5px;position:relative;} #footer2 p a {color:#2788F0;text-decoration:none;} p#headings {font-size:110%;color:#333333;} p#datecopyright {font-size:85%;margin-top:3px;color:#333333;text-align:left;width:470px;} p#privacy {font-size:85%;margin-top:5px;margin-bottom: 10px;color:#2788F0;} .footer-links {color:#333333;font-size:10px;} a.footer-links {color:#333333;font-size:10px;} a.footer-links:hover {color:#333333;font-size:10px;text-decoration:underline} a.footer-links:visited {color:#333333;font-size:10px;} /************************************************* MISC **************************************************/ .screenreader {top:0;left:-3000px;display:none;} hr {display:none;} a img {border:0;} .tab1 {margin-left:0px;} .tab2 {margin-left:50px;} .tab3 {margin-left:100px;} /************************************************* SITE IMAGES **************************************************/ .consultancyimage {background:url("../images/light/indexpic41.jpg") no-repeat; width:170px;height:128px;} .mcadimage {background:url("../images/light/mcad_logo2.gif") no-repeat; width:120px;height:56px;margin-left:25px;} .mcpimage {background:url("../images/light/mcplogo.gif") no-repeat; width:95px;height:57px;margin-left:36px;margin-top:15px;} .wcag1AA {background:url("../images/light/wcag1AA.png") no-repeat; width:88px;height:31px;margin-left:39px;margin-top:15px;} .xhtml10 {background:url("../images/light/valid-xhtml10.gif") no-repeat; width:88px;height:31px;margin-left:39px;margin-top:15px;} .css3 {background:url("../images/light/vcss.gif") no-repeat; width:88px;height:31px;margin-left:39px;margin-top:15px;} .mvcimage {background:url("../images/light/mvc.png") no-repeat; width:196px;height:188px;} .ie8image {background:url("../images/light/IE-32.png") no-repeat; width:32px;height:32px;float:left;margin-right:5px;} .firefoximage {background:url("../images/light/Firefox-32.png") no-repeat; width:32px;height:32px;float:left;margin-right:5px;} .chromeimage {background:url("../images/light/Chrome-32.png") no-repeat; width:32px;height:32px;float:left;margin-right:5px;} .operaimage {background:url("../images/light/Opera-32.png") no-repeat; width:32px;height:32px;float:left;margin-right:5px;} .safariimage {background:url("../images/light/Safari-32.png") no-repeat; width:32px;height:32px;float:left;margin-right:5px;} /************************************************* SITE IMAGE BUTTONS **************************************************/ #defaultpagepics {height:160px;width:500px;} #defaultpagepics ul {margin:0;padding:0;} #defaultpagepics li {width:240px;height:160px;float:left;position:relative;list-style:none;margin:0;margin-right:10px;padding:0;font-size:75%;} #defaultpagepics a, #defaultpagepics span {display:block;width:240px;height:160px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #defaultpagepics span {z-index:1;cursor:pointer;cursor:pointer;} #defaultpagepics span.active {cursor:default;} #cardsimage span {background:url("../images/light/chips.jpg") left top no-repeat;} #cardsimage a:hover span, #cardsimage span.active {background:url("../images/light/chips.jpg") left top no-repeat;} #cameramanimage span {background:url("../images/light/videomedia.jpg") left top no-repeat;} #cameramanimage a:hover span, #cameramanimage span.active {background:url("../images/light/videomedia.jpg") left top no-repeat;} #logoheaders {height:100px;width:620px;margin:0;padding:0;} #usslogocontainer {height:100px;width:300px;float:left;} #usslogocontainer li {width:300px;height:100px;float:left;position:relative;list-style:none;font-size:75%;} #usslogocontainer a, #usslogocontainer span {display:block;width:300px;height:100px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #usslogocontainer span {z-index:1;cursor:pointer;cursor:pointer;} #usslogocontainer span.active {cursor:default;} #logoimage span {background:url("../images/light/hsslogomedium.png") left top no-repeat; } #logoimage a:hover span, #logoimage span.active {background:url("../images/light/hsslogomedium.png") left top no-repeat;} #logoheadercontainer {width:300px;height:40px;float:right;} #logoheadercontainer li {width:300px;height:40px;float:left;position:relative;list-style:none;font-size:75%;margin-top:40px;} #logoheadercontainer a, #logoheadercontainer span {display:block;width:300px;height:40px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #logoheadercontainer span {z-index:1;cursor:pointer;cursor:pointer;} #logoheadercontainer span.active {cursor:default;} #headerimage span {background:url("../images/light/headerpic.gif") left top no-repeat;} #headerimage a:hover span, #headerimage span.active {background:url("../images/light/headerpic.gif") left top no-repeat;} #contactdetailscontainer {height:80px;width:280px;float:left;} #contactdetailscontainer li {width:300px;height:100px;float:left;position:relative;list-style:none;font-size:75%;} #contactdetailscontainer a, #contactdetailscontainer span {display:block;width:280px;height:80px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #contactdetailscontainer span {z-index:1;cursor:pointer;cursor:pointer;} #contactdetailscontainer span.active {cursor:default;} #contactdetailsimage span {background:url("../images/light/contdetails.png") left top no-repeat; } #contactdetailsimage a:hover span, #contactdetailsimage span.active {background:url("../images/light/contdetails.png") left top no-repeat;} #w3clogocontainer {width:420px;margin-top:15px;margin-bottom: 10px;margin-left:136px;} #w3clogocontainer li {width:44px;height:16px;float:left;position:relative;list-style:none;font-size:75%;} #w3clogocontainer a, #w3clogocontainer span {display:block;width:44px;height:16px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #w3clogocontainer span {z-index:1;cursor:pointer;cursor:pointer;} #w3clogocontainer span.active {cursor:default;} #w3cimage span {background:url("../images/light/w3clogo-small.gif") left top no-repeat;} #w3cimage a:hover span, #w3cimage span.active {background:url("../images/light/w3clogo-small.gif") left top no-repeat;} #w3cimagecss span {background:url("../images/light/vcss-small.gif") left top no-repeat; } #w3cimagecss a:hover span, #w3cimagecss span.active {background:url("../images/light/vcss-small.gif") left top no-repeat;} #w3cimagewcag span {background:url("../images/light/wcag1AA-small.png") left top no-repeat; } #w3cimagewcag a:hover span, #w3cimagewcag span.active {background:url("../images/light/wcag1AA-small.png") left top no-repeat;} #iscontainer {float:left;height:195px;width:245px;} #iscontainer ul {margin-left:0px;} #iscontainer li {margin-left:0px;position:relative;list-style:none;} #iscontainer a, #iscontainer span {width:231px;height:163px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #iscontainer span {z-index:1;cursor:pointer;cursor:pointer;} #iscontainer span.active {cursor:default;} #isimage span { background:url("../images/light/isimage1.png") left top no-repeat; } #isimage a:hover span,#isimage span.active {background:url("../images/light/isimage1.png") left top no-repeat;} #axacontainer {float:left;height:195px;width:245px;} #axacontainer ul {margin-left:0px;} #axacontainer li {margin-left:0px;position:relative;list-style:none;} #axacontainer a, #axacontainer span {width:231px;height:163px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #axacontainer span {z-index:1;cursor:pointer;cursor:pointer;} #axacontainer span.active {cursor:default;} #axaimage span { background:url("../images/light/axa.png") left top no-repeat; } #axaimage a:hover span,#axaimage span.active {background:url("../images/light/axa.png") left top no-repeat;} #hastingscontainer {float:left;height:216px;width:245px;} #hastingscontainer ul {margin-left:0px;} #hastingscontainer li {margin-left:0px;position:relative;list-style:none;} #hastingscontainer a, #hastingscontainer span {width:231px;height:184px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #hastingscontainer span {z-index:1;cursor:pointer;cursor:pointer;} #hastingscontainer span.active {cursor:default;} #hastingsimage span { background:url("../images/light/hastings.png") left top no-repeat; } #hastingsimage a:hover span,#hastingsimage span.active {background:url("../images/light/hastings.png") left top no-repeat;} #euroiicontainer {float:left;height:280px;width:245px;} #euroiicontainer ul {margin-left:0px;} #euroiicontainer li {margin-left:0px;position:relative;list-style:none;} #euroiicontainer a, #euroiicontainer span {width:231px;height:248px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #euroiicontainer span {z-index:1;cursor:pointer;cursor:pointer;} #euroiicontainer span.active {cursor:default;} #euroiiimage span {background:url("../images/light/BL.png") left top no-repeat; } #euroiiimage a:hover span,#euroiiimage span.active {background:url("../images/light/BL.png") left top no-repeat;} #euromoneycontainer {float:right;height:280px;width:245px;} #euromoneycontainer ul {margin-left:0px;} #euromoneycontainer li {margin-left:0px;position:relative;list-style:none;} #euromoneycontainer a, #euromoneycontainer span {width:231px;height:248px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #euromoneycontainer span {z-index:1;cursor:pointer;cursor:pointer;} #euromoneycontainer span.active {cursor:default;} #euromoneyimage span {background:url("../images/light/euromoney.png") left top no-repeat; } #euromoneyimage a:hover span,#euromoneyimage span.active {background:url("../images/light/euromoney.png") left top no-repeat;} #hedgefundcontainer {float:left;height:280px;width:245px;} #hedgefundcontainer ul {margin-left:0px;} #hedgefundcontainer li {margin-left:0px;position:relative;list-style:none;} #hedgefundcontainer a, #hedgefundcontainer span {width:231px;height:248px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #hedgefundcontainer span {z-index:1;cursor:pointer;cursor:pointer;} #hedgefundcontainer span.active {cursor:default;} #hedgefundimage span {background:url("../images/light/hfi.gif") left top no-repeat;} #hedgefundimage a:hover span, #hedgefundimage span.active {background:url("../images/light/hfi.gif") left top no-repeat;} #cclacontainer {float:right;height:280px;width:245px;} #cclacontainer ul {margin-left:0px;} #cclacontainer li {margin-left:0px;position:relative;list-style:none;} #cclacontainer a, #cclacontainer span {width:231px;height:248px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #cclacontainer span {z-index:1;cursor:pointer;cursor:pointer;} #cclacontainer span.active {cursor:default;} #cclaimage span { background:url("../images/light/ccla.gif") left top no-repeat; } #cclaimage a:hover span,#cclaimage span.active {background:url("../images/light/ccla.gif") left top no-repeat;} #mjmmcontainer {float:right;height:280px;width:245px;} #mjmmcontainer ul {margin-left:0px;} #mjmmcontainer li {margin-left:0px;position:relative;list-style:none;} #mjmmcontainer a, #mjmmcontainer span {width:231px;height:285px;overflow:hidden;position:absolute;left:0; top:0;z-index:0;color:#2788F0;} #mjmmcontainer span {z-index:1;cursor:pointer;cursor:pointer;} #mjmmcontainer span.active {cursor:default;} #mjmmimage span { background:url("../images/light/mjmm.png") left top no-repeat; } #mjmmimage a:hover span,#mjmmimage span.active {background:url("../images/light/mjmm.png") left top no-repeat;}