/* GHMC CSS Document */
html,body{margin:0;padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.floatL {float:left}
.floatR {float:right}
.clear { clear:both; height: 1px; line-height:1px;}
/***** TEXT STYLES ******/
h1 {font:Arial, Helvetica, sans-serif; font-size:26px; padding:0; margin:0; font-weight:normal}
/***** END TEXT STYLES ******/
div#header{position:relative; height:132px; width:900px;}
div#container{text-align:left; background-color:#99a391;width:900px;margin:0 auto;}
div#headerInner {width:846px; padding:23px 27px 0 26px;}
div#bigLogo {float:left; width:322px; height:108px;}
div#bigLogo .date { font-size:14px; color:#000000; padding-top:6px; margin-top:2px;}
div#topNav {width:367px; float:left}
div#topNav ul {list-style:none; padding:0 0 0 24px; margin:0;}
div#topNav ul li a {color:#FFFFFF; text-decoration:none; font-size:14px; }
div#topNav ul li a:hover {color:#BAFFBA; text-decoration:none}
div#topNav ul li .active {color:#BAFFBA; text-decoration:none; }
div#topNav ul li .activeSub {color:#193d81; text-decoration:none}
div#topNav ul li .other {padding-left:9px;}
div#topNav ul li .otherSub {color:#BAFFBA; text-decoration:none; padding-left:9px; }
div#smallLogo {float:right; width:133px; height:109px;}
/*ZC: the heigh was affecting the flash in the contact page
div#content{float:left;width:846px; padding:0px 27px 0px 26px; height:342px; color:#FFFFFF;}*/
div#content{float:left;width:846px; padding:0px 27px 0px 26px; height:346px; color:#FFFFFF;}
div#footer{clear:both;height:24px; width:873px; background-color:#99a391; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:7px 0px 0px 26px;}
div#footer span {padding-right:10px; }
div#footer a {color:#000000; text-decoration:none}
div#footer a:hover {color:#BAFFBA; text-decoration:none}
div#footer .clientLogin {float:right; display:inline}
div#footer .LeftSide {float:left; width:700px}
div#footer .Facebook {float:left; }
/******************* OUR WORK STYLES ********************/
div.workHeaderCustom {background-color: #ff0000; height:86px; width:846px; }
div.workHeaderCustom .workHeader {font:Arial, Helvetica, sans-serif; color: #ffffff; font-size:26px; padding:27px 0 0 27px;}
div.workHeaderCustom .workSub {font:Arial, Helvetica, sans-serif; color: #ffffff; font-size:10px; padding:10px 0 0 27px;}
div.workHeaderBlue {height:86px; width:846px; background-color:#193D81;}
div.workHeaderBlue .workHeader {font:Arial, Helvetica, sans-serif; font-size:26px; color:#FFFFFF; padding:27px 0 0 27px;}
div.workHeaderBlue .workSub {color:#FF6459; font:Arial, Helvetica, sans-serif; font-size:10px; padding:10px 0 0 27px;}
div.workFooterBlue {height:25px; background-color:#193D81;}
div.workFooterBlue .inner {padding:4px 0 0 4px; height:21px;}
div.workFooterBlue a {color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; }
div.workFooterBlue a:hover {color: #FF7200}
div#contactFooterRed {height:25px; background-color:#FF1100;}
div#contactFooterRed .inner {padding:4px 0 0 4px;}
div#contactFooterRed .innerGoogleMap {padding:3px 0 0 4px;}
div#contactFooterRed a {color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold; }
div#contactFooterRed a:hover {color: #000000}
.webLink {height:16px;}
.wedoLeft {width:11px; height:260px; float:left;}
.wedoRight {width:237px; height:260px; float:left;}
.weareLeft {width:11px; height:260px; float:left;}
.weareRight {width:283px; height:260px; float:left;}
.influenceLeft {width:11px; height:260px; float:left;}
.influenceRight {width:283px; height:260px; float:left;}
.contactLeft {width:11px; height:260px; float:left; background-color:#000000;}
.CaseStudyLeft {width:11px; height:260px; float:left;}
.CaseStudyRight {width:383px; height:260px; float:left;}
div#whiteBoxBig {width:383px; height:260px; background-color:#ffffff; float:left}
div#whiteBox {padding-top:5px; width:191px; float:left; height:30px; background-color:#FFFFFF; font-weight:bold;}
div#whiteBox p {padding:5px 0 0 10px; margin:0;}
div#whiteBox a {padding:5px 0 0 10px; margin:0; text-decoration:none; font-size:11px; font-weight:normal; color:#000000;}
div#whiteBox a:hover { color:gray;}
.whiteBox {padding-top:5px; width:191px; float:left; height:30px; background-color:#FFFFFF; font-weight:bold;}
.whiteBox p {padding:5px 0 0 10px; margin:0;}
.whiteBox a {padding:5px 0 0 10px; margin:0; text-decoration:none; font-size:11px; font-weight:normal; color:#000000;}
.whiteBox a:hover { color:gray;}
div#backBtn {float:left; width:310px}
div#googleMap {float:left; background-color:#193D81; color:#FFFFFF; height:25px; width:142px;}
.contactList {list-style:none; font-size:11px; margin-left:10px; padding-left:0px; padding-top:2px; margin-top:5px;}
.contactList a.activeSub {color:#8AAC8A; text-decoration:none}
.contactList a:hover.otherSub {color:#8AAC8A; text-decoration:none}
.contactList a.otherSub {color:#ABACAC; text-decoration:none; margin-left:10px;}
/*****************We do ******************/
/*div.wedotab {float:left; height:35px;}*/
.wedoCaseStudies {margin: 6px 10px 0 22px; }
/* Orange Tabs */
div#orangeTabsOuter {float:left; width:598px; height:260px; background-color:#9663AD; }
div#orangeTabsInner {height:200px; width:598px; background-color:#9663AD;border:0px solid #9663AD; clear:both}
div#orangeTabsInner h3 {padding:3px 8px; font-size:11px; font-weight:normal}
div#orangeTabsInner h2 {font-size:14px; font-weight:bold; padding:10px 10px 0 10px;}
div#orangeTabsInner .content1 { margin-left:11px; margin-right:5px; }
div#orangeTabsInner .buttons {float:left; width:210px; padding-top:13px;}
/* Orange Tabs */
/* Sky Blue Tabs */
div#skyblueTabs {float:left; width:414px; height:260px; }
div#skyblueTabsInner {border-top:1px solid #41B7C8; width:414px; margin-top:0px; height:224px; background-color:#41B7C8; padding-top:0;}
div#skyblueTabsInner h2 {font-size:14px; font-weight:bold; padding:10px 10px 0 22px;}
div#skyblueTabsInner3 {margin:6px 10px 0 22px; font-size:11px; font-weight:normal}
/* END Sky Blue Tabs */
/* Grey Tabs */
div#greyTabs {float:left; width:452px; height:260px;background-color:#595959; }
div#greyTabsInner {border-top:1px solid #595959; width:452px; margin-top:0px; height:183px; background-color:#595959; padding-top:0;}
div#greyTabsInner h2 {font-size:14px; font-weight:bold; padding:10px 10px 0 22px;}
div#greyTabsInner h3 {font-weight:normal; font-size:12px;margin:6px 10px 0 22px;}
div#greyTabsLink {float:right; background-color:#896F6A; width:150px; height:16px; font-size:10px;display:none;}
div#greyTabsLink span {padding-left:7px;}
div#greyTabsLink a {color:#FFFFFF; text-decoration:none}
div#greyTabsFooter { height:25px; background-color:#ff0000; padding-left:20px; }
div#greyTabsFooter a { text-decoration:none;
font-size:11px;
font-weight:bold}
div#greyTabsFooter .inner {padding:4px 0 0 0px; height:21px;}
/* END Grey Tabs */
/* Red Tabs */
div#redTabsInner {border-top:0px solid #ffffff; width:383px; margin-top:0px; height:216px; background-color:#ffffff; padding-top:0; }
div#redTabsInner .tabcontentBlack {
color:#000000;
font-size:11px;
padding-left:192px;
/*padding-left:10px;
padding-top:40px;*/
}
div#redTabsInner .map {
float:left;
}
div#redTabsWrap {float:left; width:50%; background-color:#FD1100; height:35px;background-image:url(/objects/img/red_tab1.jpg);}
.redTabsWrap { padding-top:5px; float:left; width:192px; background-color:#FD1100; height:30px;background-image:url(/objects/img/red_tab1.jpg);}
.redTabsWrapLeftSide { padding-top:5px; float:left; width:192px; background-color:#FD1100; height:30px;background-image:url(/objects/img/red_tab2.jpg);}
.redTabsWrap a {text-decoration:none; font-size:11px; font-weight:normal; padding-left:9px;}
.redTabsWrapLeftSide a {text-decoration:none; font-size:11px; font-weight:normal; padding-left:9px;}
.redTabsWrap a:hover {color:Black;}
.redTabsWrapSelected a:hover {color:Gray;}
/* END Red Tabs */
/* Contacts Tabs */
div#contactTabsInner {border-top:1px solid #595959; width:452px; margin-top:0px; height:199px; background-color:#595959; padding-top:0px;}
div#contactTabsInner p {margin:6px 10px 0 10px; font-size:11px;}
div#contactTabsInner .title {color:#00FFFF; font-weight:bold;}
div#contactTabsInner .address {float:left; width:220px;}
div#contactTabsInner .enquiries {float:left; width:230px;}
div#contactTabsInner .image {float:left; width:150px; padding-top:28px;padding-left:20px;}
/* END Contacts Tabs */
/* Influence Tabs */
div#influenceTabs {float:left; width:414px; height:260px; }
div#influenceTabsInner {border-top:1px solid #41B7C8; width:414px; margin-top:0px; height:224px; background-color:#41B7C8; padding-top:0;}
div#influenceTabsInner h2 {font-size:14px; font-weight:bold; padding:10px 10px 0 22px;}
div#influenceTabsInner h3 {margin:6px 10px 0 22px; font-size:12px; font-weight:normal}
div#influenceTabsInner .influenceForm {margin:6px 10px 0 22px; }
/* END Sky Blue Tabs */
/* ######### CSS for Influence Tabs. ######### */
.influenceTabs{
margin: 0px;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background-color:#41B7C8; height:30px; border:0px solid #41B7C8
}
.influenceTabs li{
display: inline;
margin: 0;
padding:0;
float:left
}
.influenceTabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 144px 15px 22px;
color: #949494;
background-color:#2F7FB8;
margin:0;
background-image:url(/objects/img/tab-bg-sky.gif);
background-repeat:no-repeat;
background-position:top left;
}
.influenceTabs li a:visited{
color: #ffffff;
}
.influenceTabs li a:hover{
text-decoration: none;
color: #ffffff;
}
.influenceTabs li a.selected{ /*selected main tab style */
background-color:#41B7C8;
padding: 5px 143px 15px 22px;
background-image:url(/objects/img/tab-bg-sky-on.gif);
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
}
.influenceTabs li a.altselected{ /*selected main tab style */
background-color:#41B7C8;
padding: 5px 143px 15px 22px;
background-image:url(/objects/img/tab-bg-sky_alt.gif);
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
}
.influenceTabs li a.selected{ /*selected main tab style */
background-color:#41B7C8;
}
.influenceTabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/* ######### CSS for SkyBlue Tabs. ######### */
.skyBlueTabs{
margin: 0px;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background-color:#41B7C8; height:30px; border:0px solid #41B7C8
}
.skyBlueTabs li{
display: inline;
margin: 0;
padding:0;
float:left
}
.skyBlueTabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 73px 15px 22px;
color: #949494;
background-color:#2F7FB8;
margin:0;
background-image:url(/objects/img/we_are_tab1.jpg);
background-repeat:no-repeat;
background-position:top left;
}
.skyBlueTabs li a:visited{
color: #ffffff;
}
.skyBlueTabs li a:hover{
text-decoration: none;
color: #ffffff;
}
.skyBlueTabs li a.leftSide{ /*selected main tab style */
background-color:#41B7C8;
background-image:url(/objects/img/we_are_tab2.jpg);
background-repeat:no-repeat;
background-position:top right;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
}
.skyBlueTabs li a.selected{ /*selected main tab style */
background-color:#41B7C8;
background-image:url(/objects/img/we_are_tab0.jpg);
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
padding:5px 75px 15px 22px;
}
.skyBlueTabs li a.selected{ /*selected main tab style */
background-color:#41B7C8;
}
.skyBlueTabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/* ######### CSS for Grey Tabs. ######### */
.shadetabs{
margin: 0px;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background-color:#434343; height:30px; border:0px solid #FFFF00
}
.shadetabs li{
display: inline;
margin: 0;
padding:0;
float:left
}
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 22px 16px 22px;
color: #949494;
margin:0;
background-repeat:no-repeat;
background-position:top left;
background-color:#595959;
background-image:url(/objects/img/tab-bg-on.gif);
}
.shadetabs li a:hover{
text-decoration: none;
color: #ffffff;
}
.shadetabs li a.selected{ /*selected main tab style */
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
background-color:#434343;
background-image:url(/objects/img/tab-bg.gif);
padding:5px 22px 16px;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/******* RED TABS **********/
.redtabs{
margin: 0px;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
/*background-color:#FD1100;*/
height:30px;
}
.redtabs li{
display: inline;
margin: 0;
padding:0;
float:left
}
.redtabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 16px 15px 16px;
color: #949494;
/*background-color:#FD1100;*/
margin:0;
/*background-image:url(/objects/img/red_tab1.jpg); */
background-repeat:no-repeat;
background-position:top left;
}
.redtabs li a.rightSide{
background-position:right;
/*background-image:url(/objects/img/red_tab2.jpg); */
}
.redtabs li a:visited{
color: #ffffff;
}
.redtabs li a:hover{
text-decoration: none;
color: #ffffff;
}
.redtabs li a.selected{ /*selected main tab style */
background-color:#FD1100;
/*background-image:url(/objects/img/red_tab0.jpg); */
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
}
.redtabs li a.selected{ /*selected main tab style */
background-color:#FD1100;
}
.redtabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontent{
font-size:11px;
margin-right:10px;
}
.tabcontent p {padding:10px 10px 0 20px;
line-height:15px;
}
@media print {
.tabcontent {
display:block !important;
}
}
.tabcontentBlack2 {
color:#000000;
font-size:12px;
padding-top:5px;
}
.tabcontentBlack {
color:#000000;
font-size:12px;
}
.tabcontentBlack p {padding:0px 10px 0 10px; }
@media print {
.tabcontentBlack {
display:block !important;
}
}
/*********CSS for Purple Tab*************/
.purpleTabs
{
padding-left:0;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background-color:#9663AD; height:30px; border:0px solid #41B7C8
}
.purpleTabs li{
display: inline;
margin: 0;
padding:0;
float:left
}
.purpleTabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 2px 17px 7px;
color:#FFFFFF;
background-color:#9663AD;
margin:0;
background-image:url(/objects/img/adver_tab1.jpg);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:65px;
line-height:11px;
}
.purpleTabs li a.long
{
line-height:11px;
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 2px 17px 7px;
background-color:#9663AD;
margin:0;
background-image:url(/objects/img/adver_tab1.jpg);
background-repeat:no-repeat;
background-position:top left;
width:68px;
}
.purpleTabs li a.first{
text-decoration: none;
position: relative;
z-index: 1;
padding: 7px 2px 17px 10px;
background-color:#9663AD;
margin:0;
background-image:url(/objects/img/adver_tab1.jpg);
background-repeat:no-repeat;
background-position:top left;
width:65px;
}
.purpleTabs li a:hover{
text-decoration: none;
color: #ffffff;
}
.purpleTabs li a.leftSide{ /*selected main tab style */
background-color:#9663AD;
background-image:url(/objects/img/adver_tab2.jpg);
background-repeat:no-repeat;
background-position:top right;
position: relative;
top: 0px;
z-index:10;
padding: 7px 2px 17px 7px;
line-height:11px;
}
.purpleTabs li a.longleftSide{ /*selected main tab style */
line-height:11px;
background-color:#9663AD;
background-image:url(/objects/img/adver_tab2.jpg);
background-repeat:no-repeat;
background-position:top right;
position: relative;
top: 0px;
z-index:10;
width: 68px;
padding:7px 2px 17px 7px;
}
.purpleTabs li a.firstleftSide{ /*selected main tab style */
background-color:#9663AD;
background-image:url(/objects/img/adver_tab2.jpg);
background-repeat:no-repeat;
background-position:top right;
position: relative;
top: 0px;
z-index:10;
width: 65px;
padding:7px 2px 17px 10px;
line-height:11px;
}
.purpleTabs li a.selected{ /*selected main tab style */
background-color:#9663AD;
background-image:url(/objects/img/adver_tab0.jpg);
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
z-index:10;
padding:7px 2px 17px 7px;
}
.purpleTabs li a.selectedlong{ /*selected main tab style */
background-color:#9663AD;
background-image:url(/objects/img/adver_tab0.jpg);
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
z-index:10;
padding:7px 2px 17px 7px;
width: 68px;
}
.purpleTabs li a.selectedfirst{ /*selected main tab style */
background-color:#9663AD;
background-image:url(/objects/img/adver_tab0.jpg);
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
z-index:10;
padding:7px 2px 17px 10px;
width: 65px;
line-height:11px;
}
.purpleTabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/* ######### CSS for Grey Tabs. ######### */
.shadetabs2{
margin: 0px;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background-color:#434343; height:30px; border:0px solid #FFFF00
}
.shadetabs2 li{
display: inline;
margin: 0;
padding:0;
float:left
}
.shadetabs2 li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 22px 16px 22px;
color: #949494;
background-color:#434343;
margin:0;
background-image:url(../objects/img/grey_tab1.jpg);
background-repeat:no-repeat;
background-position:top left;
}
.shadetabs2 li a:hover{
text-decoration: none;
color: #ffffff;
}
.shadetabs2 li a.selected{ /*selected main tab style */
background-color:#595959;
background-image:url(../objects/img/tab-bg-on.gif);
background-repeat:no-repeat;
background-position:top left;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
}
.shadetabs2 li a.leftSide{ /*selected main tab style */
background-color:#595959;
background-image:url(../objects/img/grey_tab2.jpg);
background-repeat:no-repeat;
background-position:right;
position: relative;
top: 0px;
color:#FFFFFF;
z-index:10;
}
.shadetabs2 li a.leftSide:hover{
text-decoration: none;
color: #ffffff;
}
.shadetabs2 li a.selected{ /*selected main tab style */
background-color:#595959;
}
.shadetabs2 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/******** Light Box ******/
.leightbox {
color: #333;
display: none;
position: absolute;
top: 175px;
left: 15%;
width: 850px;
height: 400px;
padding: 1em;
border: 0px solid #ffffff;
background-color: transparent;
text-align: left;
z-index:1001;
overflow: auto;
}
.imagesBox {
color: #333;
display: none;
position: absolute;
top: 135px;
left: 15.8%;
width: 855px;
height: 450px;
padding: 1em;
border: 0px solid #ffffff;
background-color: transparent;
text-align: left;
z-index:1001;
overflow: auto;
}
#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.90;
filter: alpha(opacity=90);
}
.bigMap {float:left; width:660px; height:340px;}
.loadArea {width: 548px; float:left;}
.thumbs {float:left; width:128px; padding-left:8px;}
.thumbs p {color:#FFFFFF; font-size:11px;}
.closeWindow {float:left; width:170px;}
.close a {font-size:11px; font-weight:bold; color:#FFffff; text-decoration:none}
.lightbox[id]{ /* IE6 and below Can't See This */ position:fixed; }#overlay[id]{ /* IE6 and below Can't See This */ position:fixed; }
/* div#contentNews {float:left;width:899px; border:0px solid #00CC33; height:420px; color:#FFFFFF; padding:0px 26px 0px 26px;} */
div#contentNews {float:left;width:899px; border:0px solid #00CC33; color:#FFFFFF; padding:0px 26px 0px 26px;}
div#contentNews .tabOn {float:left; width:334px; height:35px; display:block; background-color:#FFFFFF}
div#contentNews .tabOn div {padding:10px 30px; color:#000000; font-size:12px; font-weight:bold;}
div#contentNews .tabOn a {color:#000000; font-weight:bold; text-decoration:none}
div#contentNews .tabOn a:hover {}
div#contentNews .tabOff {float:left; width:332px; height:35px; display:block; background-color:#A6CAE1; background-image:url(/objects/img/insight-blue-bg.gif); background-repeat:no-repeat; background-position:left;}
div#contentNews .tabOff div {padding:10px 15px; color:#000000; font-size:12px; font-weight:bold;}
div#contentNews .tabOff a {color:#193D81; font-weight:bold; text-decoration:none}
div#contentNews .tabOff a:hover {color:#FFFFFF}
div#contentNews .tabOffLeftSide {float:left; width:332px; height:35px; display:block; background-color:#A6CAE1; background-image:url(/objects/img/blue-bg-right.jpg); background-repeat:no-repeat; background-position:left;}
div#contentNews .tabOffLeftSide div {padding:10px 30px; color:#000000; font-size:12px; font-weight:bold;}
div#contentNews .tabOffLeftSide a {color:#193D81; font-weight:bold; text-decoration:none}
div#contentNews .tabOffLeftSide a:hover {color:#FFFFFF}
div#contentNews .tabOn1 {float:left; width:334px; height:35px; display:block; background-color:#A6CAE1}
div#contentNews .tabOn1 div {padding:10px 30px; color:#193D81; font-size:12px; font-weight:bold;}
div#contentNews .tabOff1 {float:left; width:332px; height:35px; display:block; background-color:#ffffff; background-image:url(/objects/img/insight-white-bg.gif); background-repeat:no-repeat; background-position:left;}
div#contentNews .tabOff1 div {padding:10px 15px; color:#000000; font-size:12px; font-weight:bold;}
div#contentNews .tabOff1 a {color:#193D81; font-weight:bold; text-decoration:none}
div#contentNews .tabOff1 a:hover {color:#193D81}
div#contentNews .archiveHeader {width:180px; float:left; height:35px; display:block; background-color:#090644;}
div#contentNews .archiveHeader div {padding:10px 15px; color:#67658B; font-size:12px; font-weight:bold;}
/*div#contentNews .leftSide {float:left; width:666px; height:299px; background-color:#FFFFFF;}*/
div#contentNews .leftSide {float:left; width:666px; background-color:#FFFFFF;}
/*div#contentNews .whiteBg {float:left; width:666px; height:299px; background-color:#FFFFFF; color:#7D7D7E;}*/
div#contentNews .whiteBg {float:left; width:666px; background-color:#FFFFFF; color:#7D7D7E;}
div#contentNews .whiteBg p {color:#7D7D7E; padding:0px 10px 5px 30px;}
div#contentNews .whiteBg h2 {color:#484848; padding:10px 10px 0px 30px; font-size:16px;}
div#contentNews .whiteBg h3 {color:#484848; padding:0px 10px 0px 30px; margin:0; font-size:12px; text-decoration:none}
div#contentNews .whiteBg .sep { margin-left:30px;height:1px; line-height: 1px; border-top: 1px solid #7D7D7E}
div#contentNews .splitWhiteBg1 {float:left; width:66%;}
div#contentNews .splitWhiteBg2 {float:left; padding-top:105px; padding-left:10px;}
/*div#contentNews .blueBg {float:left; width:666px; height:299px; background-color:#A6CAE1; color:#7D7D7E;}*/
div#contentNews .blueBg {float:left; width:666px; background-color:#A6CAE1; color:#7D7D7E;}
div#contentNews .blueBg p {color:#193D81; padding:0px 10px 5px 30px;}
div#contentNews .blueBg h2 {color:#ffffff; padding:10px 10px 0px 30px; font-size:16px;}
div#contentNews .blueBg h3 {color:#000000; padding:0px 10px 0px 30px; margin:0; font-size:12px; text-decoration:none}
div#contentNews .blueBg .sep { margin-left:30px;height:1px; line-height: 1px; border-top: 1px solid #7D7D7E}
div#contentNews .blueFooter {width:666px; float:left; height:18px; background-color:#00FFFF; padding-top:2px;}
div#contentNews .blueFooter a {text-decoration:none; color:#193D81; font-weight:bold; font-size:11px;}
div#contentNews .blueFooter span {padding-left:15px;}
/*div#contentNews .archiveMain {width:180px; float:left; height:299px; background-color:#380074;}*/
div#contentNews .archiveMain {width:180px; float:left; background-color:#380074;}
div#contentNews .archiveMain ul {list-style:none; padding-left:0; margin-left:15px; margin-top:20px;}
div#contentNews .archiveMain ul a {color:#FFFFFF; text-decoration:none}
/****** Insights Scrollbar ****/
/*.Container { width: 640px; height: 190px; float:left; padding-top:10px; }
div#Scroller-1 { position: absolute; overflow: hidden; width: 630px; height: 270px;}
.Container { width: 390px; height: 170px; float:left; padding-top:10px; }
div#Scroller-1 { position: absolute; overflow: hidden; width: 390px; height: 170px;}
div#Scroller-1 p { padding:0px 10px 5px 20px;}
div#Scroller-1 h2 { padding:10px 10px 0px 20px; }
div#Scroller-1 h3 { padding:0px 10px 0px 20px; margin:0; text-decoration:none}
.Scroller-Container { position: relative;}
div#Scrollbar-Container {position: relative; float:left; width:20px; padding-top:10px;}
.Scrollbar-Up {cursor: pointer;}
.Scrollbar-Track {width: 20px; height: 160px; position: absolute; top: 23px; left: 0px; background: transparent url(/objects/img/scrollbar_track.gif) no-repeat center left;}
.Scrollbar-Handle { position: absolute; width: 13px; height: 52px;}
.Scrollbar-Down { cursor: pointer; position: absolute; top:180px; left:0;}
*/
.Scroller-Container a { color: #ffffff; text-decoration: none;}
.Scrollbar-show {display:; }
.Scrollbar-hide {display:none; }
/*We do - Digital section , css used by the case study button */
.caseStudyButtons
{
}
/*Insigth page, we need a purple background for the news archve section*/
.purpleBackground
{
background-color:#380074;
width:846px;
float:left;
}
div#sitemap
{
background-color:#FEBA35;
width:846px;
height:270px;
}
div#sitemap a
{
text-decoration : none;
font-family:Arial;
font-size:12px;
color:#000000;
line-height:15px;
}
div#sitemap p a
{
text-decoration : none;
}
div#sitemap ul li a
{
text-decoration : none;
color:#ffffff;
padding-left:30px;
}
div#sitemap .title a
{
text-decoration : none;
color:#000000;
padding-left:0px;
}
div#sitemap ul
{
list-style:none;
padding-left:0px;
margin-left:0px;
}
div#sitemap .home
{
width:846px;
padding-top:10px;
padding-left:27px;
}
div#sitemap .column1
{
float : left;
padding-top: 12px;
padding-left:27px;
}
div#sitemap .column2
{
float : left;
padding-top:12px;
padding-left:50px;
}
div#sitemap .column3
{
float : left;
padding-top:12px;
padding-left:50px;
}
/***** LATEST JUNE 16 2009 *******/
div#wrapperBig {width:908px; margin: 0 auto; margin-top:25px; background-image:url(/objects/img/shadow-right-bg.gif); background-repeat:repeat-y; background-position:top right; }
div#wrapperBoxGrey {float:left; width:900px;}
div#shadowRight {float:left; width:8px; }
div#shadowBottom {height:7px; width:908px; clear:both; display:block; overflow:hidden;}
/**** LATEST JULY 17 2009 ******/
.formFields {border:0; background-color:#FFFFFF; width:235px;font-size:11px;}
.redBtn {background-color:#FF0000; height:18px; color:#FFFFFF; border:0;}