/*********************************************************************/
/****General Elements*************************************************/
/*********************************************************************/
html
{
height:100%;
}
body
{
height:100%;
margin:0;
padding:0;
font:11px Arial, Helvetica, sans-serif;
color:#606263;
background:url('../images/bgBack3.gif');
min-height:100%;
}
form
{
height:100%;
margin:0;
padding:0;
}
img
{
border-style:none;
}
a, a:visited, a:active
{
font-size:11px;
text-decoration:none;
border:0;
color:#9C9FA1;
outline:none;
font-weight:bold;
}
a.noHref /*If the anchor tag is used for another purpose and contains no href attribute*/
{
cursor:pointer;
font-size:10px;
font-weight:normal;
}
a:hover
{
color:#3a6f8f;
}
a.dark, a.dark:visited, a.dark:active
{
color:#4c4c4c;
font-size:13px;
font-weight:bold;
}
a.dark:hover
{
color:#000;
}
a.blue, a.blue:visited, a.blue:active
{
color:#3a6f8f;
font-weight:normal;
}
a.blue:hover
{
color:#27516A;
}
a:focus
{
outline:0;
}
a.large, a.large:visited, a.large:active
{
font-size:16px;
color:#7f8183;
font-weight:normal;
}
a.large:hover
{
color:#3a6f8f;
}
/*If an h2 tag contains a link, style it the same as the h2 tag*/
a.h2
{
font-size:16px;
/* color:#9c9fa1;*/
color:#7f8183;
font-weight:bold;
}
/*This is repeated as class h1. both classes exist in pages and serve the same purpose*/
/*H2 tags were changed to h1 tags site wide so this had to follow suit but just in case there are some h2 classes lurking that were missed, the style will not be effected*/
/*If an h1 tag contains a link, style it the same as the h1 tag*/
a.h1
{
font-size:16px;
/* color:#9c9fa1;*/
color:#7f8183;
font-weight:bold;
}
a.h2:hover
{
color:#3a6f8f;
}
ul
{
padding:0 !important;
margin:0 !important;
list-style-type:none;
width:100%;
}
p
{
width:100%;
padding:0px;
padding-top:18px;
margin:0px;
line-height:1.4em;
}
/*use this as replacement for if
contains illegal elements. eg
*/
span.pReplacement
{
width:100%;
padding:0px;
padding-top:18px;
margin:0px;
line-height:1.4em;
}
p.intro
{
padding-top:0;
font-size:11px;
font-weight:bold;/*
border-bottom:1px solid #c9cacb;
padding-bottom:20px;*/
}
p.tight
{
/*padding-top:8px !important;*/
padding-bottom:8px !important;
}
p.statement
{
color:#3a6f8f;
}
p.shortWidth
{
width:200px;
}
p.smallPadding
{
padding-top:3px;
}
p.large
{
font-size:14px;
}
input
{
outline: none;
}
h1
{
margin:0;
padding:0 0 13px 0;
font-size:16px;
color:#3a6f8f;
/*
border-bottom:1px solid #e5e6e7;
*/
border-bottom:1px solid #c9cacb;
}
*+ html h1.extraPadding
{
padding-bottom:32px !important;
}
h1.large
{
/*
margin:0;
padding:0 0 13px 0;
font-size:16px;
color:#7f8183;
font-weight:bold;
border-bottom:1px dotted #B7B9BB;
*/
}
h2
{
margin:0;
padding:0 0 13px 0;
font-size:16px;
/* color:#9c9fa1;*/
color:#7f8183;
font-weight:bold;
/*
border-bottom:1px dotted #e5e6e7;
*/
border-bottom:1px dotted #B7B9BB;
}
h3
{
margin:0;
padding:0;
padding-top:18px;
font-size:11px;
/* color:#9c9fa1;*/
color:#3a6f8f;
font-weight:bold;
}
h3.News
{
margin:0;
padding:0;
font-size:11px;
/* color:#9c9fa1;*/
color:#3a6f8f;
font-weight:bold;
}
h3.large
{
margin:0;
padding:0 0 13px 0;
font-size:16px;
/* color:#9c9fa1;*/
color:#7f8183;
font-weight:bold;
/*
border-bottom:1px dotted #e5e6e7;
*/
border-bottom:1px dotted #B7B9BB;
}
h3.first
{
padding-top:0px;
}
h3.noBorder
{
border:none !important;
}
h3.blue
{
color:#3a6f8f !important;
}
h5
{
margin:0;
padding:0;
font-size:11px;
}
h5.blue
{
color:#3a6f8f !important;
font-weight:bold;
}
h5.grey
{
color:#7F8183 !important;
font-weight:bold;
}
span.blue
{
color:#3a6f8f !important;
font-weight:bold;
}
span.large
{
font-size:15px;
color:#7f8183;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Re-usable classes************************************************/
/*********************************************************************/
.name /*Used predominantly on the news page. Follows or preceeds a quote instead of regular p tag to lessen the padding*/
{
padding:5px 0 0 0;
}
.first
{
padding-top:0;
}
.noBold
{
font-weight:normal !important;
}
.noUnderline
{
border-bottom:none;
}
.noBoldx
{
color:#999999;
font-weight:normal !important;
text-decoration: none;
cursor:default;
}
.ital
{
font-style:italic;
}
.noBoldx a
{
font-weight:normal !important;
text-decoration: none;
cursor:default;
color:#999999;
}
.noBoldx a:link a:visited a:active a:hover
{
font-weight:normal !important;
text-decoration: none;
cursor:default;
color:#999999;
}
.lastNoBorder
{
border-bottom:none !important;
}
.lineHeightUp
{
line-height:16px;
}
.underLine
{
border-bottom:1px solid #c9cacb !important;
padding-bottom:20px;
}
.underLineNews
{
border-bottom:1px solid #c9cacb !important;
padding-bottom:6px;
}
.overLineNews
{
border-bottom:1px solid #c9cacb !important;
padding-top:10px;
}
.bold
{
font-weight:bold !important;
}
/*This is set as class if other h1s in line have bigger height*/
.extraPadding
{
padding-bottom:33px !important;
}
.marginTop
{
margin-top:20px !important;
}
.buttonWrap
{
float:left;
}
/*.NET button (input)*/
.btnASP
{
font: 12px Arial, Helvetica, sans-serif;
font-weight:bold;
background:url(../images/bgButton.gif) repeat-x;
color:#fff;
cursor:pointer;
padding:0 0 3px 0;
border:0;
float:left;
margin:20px 2px 0 0;
width:80px;
height:27px;
text-align:center;
}
.btnJsWide
{
font: 12px Arial, Helvetica, sans-serif !important;
font-weight:bold !important;
background:url(../images/bgButton.gif) repeat-x;
color:#fff !important;
cursor:pointer;
padding:6px 0 3px 0 !important;
border:0;
float:left;
margin:28px 2px 0 0;
width:100%;
height:21px !important;
text-align:center;
}
.btnJsWide:hover
{
background:url(../images/bgButtonOver.gif) repeat-x;
}
*+ html .btnASP
{
padding:0;
}
/*This is neccessary to fix a glitch whereby the .btnASP appears differently on some of the pages even though the attribute values are all identical*/
.paddingGlitch
{
padding:0 0 2px 0;
}
/*Javascript buttons*/
.btnJS
{
float:left;font-weight:bold;background:url(../images/bgButton.gif) repeat-x;color:#fff !important;cursor:pointer;font-size:12px !important;padding:6px 8px 0 8px;border:0;margin:20px 2px 0 0;width:66px;height:21px;text-align:center;
}
.fullWidth
{
float:left;
width:100%;
}
.negTopMargin
{
margin-top:-2px;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Main Containers**************************************************/
/*********************************************************************/
/*The containers are arranged in such a way as to effect the left and right shadow as well as the top to bottom graddient*/
/*The top gradient of the body background*/
#topGradBg
{
z-index:0;
position:absolute;
width:100%;
height:780px;
background:url('../images/bgBackGrad3.gif') repeat-x;
}
/*The outer most wrap*/
#container
{
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;/*
background:#fff;*/
height:auto;
}
* html #container
{
width:960px;
}
/*the second outermost wrap containing the left background fade*/
#innerContainerL
{
float:left;
padding:0 0 0 20px;
margin:0;
height:auto;
background:url('../images/bgBacklowerInnerL.gif') repeat-y;
/*background-position:left;*/
}
* html #innerContainerL
{
padding:0;
}
.gradL
{
position:absolute;
width:20px;
height:780px;
top:0;
left:0;
background:url('../images/bgBackShadowL.gif') repeat-y;
}
.gradR
{
position:absolute;
width:20px;
height:780px;
top:0;
right:0;
background:url('../images/bgBackShadowR.gif') repeat-y;
}
/*Hide the shadow border in of the page IE6 as it doesn't display properly and display the main background image in the innercontainers */
* html .gradL
{
display:none;
}
* html .gradR
{
display:none;
}
/*the third outermost wrap containing the right background fade and the #contentWrap div*/
#innerContainerR
{
float:left;
padding:0 20px 0 0;
margin:0;
height:auto;
background:url('../images/bgBackInnerLowerR.gif') repeat-y;
background-position:right;
}
* html #innerContainerR
{
padding:0 0 0 0;
}
#contentWrap
{
float:left;
padding-bottom:2px;
height:auto;
background:#8d8f92;
position:relative;
}
* html #contentWrap
{
width:960px;
}
.contentMain
{
float:left;
width:956px;
padding:2px 2px 0 2px;
background:#fff;
min-height:90%;
}
* html .content
{
height: 90%;
padding:0;
margin-left:2px;
}
#header
{
position:relative;
display:block;
width:956px;
height:153px;
padding-bottom:2px;
}
#flash
{
z-index:0;
float:left;
width:956px;
height:184px;
}
#flashLinks
{
margin-top:24px;
float:left;
width:193px;
height:100px;
background:url(../images/flashLinks.gif) no-repeat;
}
#flashLinks2
{
margin-top:28px;
float:left;
width:193px;
height:100px;
}
#mainContent
{
z-index:0;
padding-bottom:50px;
position:relative;
float:left;
background:#fff;
width:956px;
height:100%;
}
/*#footerWrap
{
clear:both;
height: 18%;
width:950px;
margin-left:auto;
margin-right:auto;
background:yellow;
position:relative;
}
*/
#footerWrap
{
clear:left;/*
height:100px;*/
width:960px;
position:relative;/*
background:#fff;*/
}
/*negative padding does not work in ie6 so tho following hacks are necessary to style the footer properly with absolute positioning*/
* html #footerWrap
{
width:956px;
height:50px;
}
#footerWrap div.inner
{
/*
position:absolute;
height:100px;*/
width:960px;
color:#fff;
bottom:0px;
margin-left:-2px;/*To cancel the padding of the containing element*/
float:left;
}
* html #footerWrap div.inner
{
width:956px;
}
#flashLogos
{
float:left;
width:192px;
height:51px;
margin-left:14px;
}
#footerWrap div.inner div.info
{
float:left;
width:928px;
/*
background:#a6a7aa;
*/
background:#8D8F92;
padding:20px 16px;
height:10px;
}
* html #footerWrap div.inner div.info
{
position:absolute;
}
#footerWrap div.inner span.left
{
float:left;
}
#footerWrap div.inner span.right
{
float:right;
}
#footerWrap div.inner span.right a
{
color:#fff;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Further Content**************************************************/
/*********************************************************************/
#header div.links
{
float:right;
}
#header div.links a
{
border-left:1px solid #c1c3c5;
padding:2px 6px;
}
#header div.logo
{
float:left;
padding:32px 0 0 32px;
width:129px;
height:59px;/*
background:url(../images/logoMain.gif) no-repeat;*/
}
#header div.logo h1
{
margin:0;
padding:0;
}
#header div.logo h1 a
{
display:block;
padding:0;
margin:0;
/*
background:url(../images/logoMain.gif) no-repeat;*/
width:129px;
height:59px;
}
#header div.logo h1 a span:last-child
{
}
#header div.logo a
{
border:0;
outline:0;
}
#header div.contactMain
{
width:332px;
clear:right;
float:right;
line-height:0.9em;
font-size:14px;
color:#9c9fa1;/*
padding:6px 2px 6px 2px;*/
padding:0;
margin:62px 0 0 0;/*
border-bottom:1px dotted #B7B9BB;
border-top:1px dotted #B7B9BB;*/
border-left:1px solid #bec0c2
}
#header div.contactMain div.row
{
float:left;
width:100%;
}
#header div.contactMain label
{
float:left;
color:#3a6f8f;
padding: 0 5px 0 10px;
}
#header div.contactMain span
{
float:left;
font-weight:bold;
padding:0 0 3px 0;
}
#header div.contactMain a
{
float:left;
font-size:14px;
font-weight:bold;
padding:0;
/*
color:#9c9fa1;*/
}
/**************************************************/
/*old search bar***********************************/
/*
#header div.searchWrap
{
float:right;
width:210px;
height:23px;
padding:4px;
position:absolute;
background:url(../images/bgSearchBar.gif) repeat-x;
right:0px;
bottom:-2px;
}
#header div.searchWrap div.inner
{
float:left;
background:#fff;
border:1px solid #BBBDBF;
width:209px;
overflow:hidden;
}
#header div.searchWrap div.inner div.searchIcon
{
float:left;
width:21px;
height:17px;
display:block;
background:url(../images/searchIcon.gif) no-repeat;
}
#header div.searchWrap div.inner div.searchField
{
float:left;
height:17px;
width:150px;
}
#header div.searchWrap div.inner div.searchField span
{
float:left;
height:17px;
}
#header div.searchWrap div.inner div.searchField span input
{
float:left;
height:15px;
padding:2px 0 0 10px;
margin:0;
border:0;
width:165px;
color:#aeafb1;
}
*/
/*************************************************************/
#breadcrumbWrap
{
width:90%;
float:left;
margin-left:14px;
position:relative;
color:#a2a4a6;
font-size:9px;
background:pink;
}
* html #breadcrumbWrap
{
margin-left:7px;
}
#breadcrumbWrap div
{
position:absolute;
}
#breadcrumbWrap div a:active, #breadcrumbWrap div a:visited, #breadcrumbWrap div a
{
color:#a2a4a6;
font-size:9px;
font-weight:normal;
}
#breadcrumbWrap div a:hover
{
color:#3a6f8f;
}
/*********************************************************************/
#leftWrap, #centerWrap, #rightWrap
{
float:left;
margin:12px 0 0 0;/*
padding-bottom:30px;*/
}
#leftWrap
{
width:218px;
/*
border-right:1px solid #e5e6e7;
*/
border-right:1px solid #C9CACB;
}
#leftWrap div.inner
{
float:right;
padding:30px 13px 0 12px;
width:193px;
}
#leftWrap div.contact
{
float:left;
font-size:14px;
margin-top:17px;
width:100%;
}
#leftWrap div.contact div span
{
color:#3a6f8f;
font-weight:bold;
}
#leftWrap div.contact div a
{
color:#7f8183;
font-size:14px;
}
#leftWrap div.linksLeft
{
float:left;
font-size:11px;
padding:0 0 30px 0;
width:100%;
}
#leftWrap div.linksLeft ul li
{
float:left;
width:100%;
height:22px;
/*
border-bottom:1px dotted #e5e6e7;
*/
border-bottom:1px dotted #B7B9BB;
padding:1px 0;
}
#leftWrap div.linksLeft ul li a, #leftWrap div.linksLeft ul li a:visited, #leftWrap div.linksLeft ul li a:active,
#leftWrap div.linksLeft ul li a.smartIT,
#leftWrap div.linksLeft ul li a.business,
#leftWrap div.linksLeft ul li a.communications,
#leftWrap div.linksLeft ul li a.network,
#leftWrap div.linksLeft ul li a.security,
#leftWrap div.linksLeft ul li a.consultancy
{
display:block;
float:left;
padding:4px 0 4px 5px;
color:#6295b4;
width:188px;
height:14px;
font-weight:bold;
font-size:11px;
letter-spacing:0px;
font-weight:normal;
}
#leftWrap div.linksLeft ul li a:hover, #leftWrap div.linksLeft ul li a.Active
{
background:#E2ECF3;
/*
color:#fff!important;
*/
}
#leftWrap div.linksLeft ul li a.colorsActive
{
color:#fff!important;
font-weight:normal;
}
#leftWrap div.linksLeft ul li a.smartIT:hover,
#leftWrap div.linksLeft ul li a.smartITActive
{
background:url(../images/navigation/bgNavSmartIT.gif) repeat-x;
color:#fff!important;
}
#leftWrap div.linksLeft ul li a.business:hover,
#leftWrap div.linksLeft ul li a.businessActive
{
background:url(../images/navigation/bgNavBusiness.gif) repeat-x;
color:#fff!important;
}
#leftWrap div.linksLeft ul li a.communications:hover,
#leftWrap div.linksLeft ul li a.communicationsActive
{
background:url(../images/navigation/bgNavCommunications.gif) repeat-x;
color:#fff!important;
}
#leftWrap div.linksLeft ul li a.network:hover,
#leftWrap div.linksLeft ul li a.networkActive
{
background:url(../images/navigation/bgNavNetwork.gif) repeat-x;
color:#fff!important;
}
#leftWrap div.linksLeft ul li a.security:hover,
#leftWrap div.linksLeft ul li a.securityActive
{
background:url(../images/navigation/bgNavSecurity.gif) repeat-x;
color:#fff!important;
}
#leftWrap div.linksLeft ul li a.consultancy:hover,
#leftWrap div.linksLeft ul li a.consultancyActive
{
background:url(../images/navigation/bgNavConsultancy.gif) repeat-x;
color:#fff!important;
}
#centerWrap
{
width:518px;
}
#centerWrap div.inner
{
float:left;
padding:30px 14px 0 14px;
width:490px;
height:auto;
}
#centerWrap div.inner div.content
{
float:left;
margin-top:24px;
width:100%;
}
#centerWrap div.inner div.content ul
{
margin-top:9px;
}
#centerWrap div.inner div.content ul li
{
margin:2px 0 0 15px;
}
#centerWrap div.inner div.content span a
{
font-size:16px;
color:#7f8183;
font-weight:bold;
}
#centerWrap div.inner div.content span a:hover
{
color:#3a6f8f;
}
* html #centerWrap div.inner div.content
{
width:485px;
}
#centerWrap div.inner div.linksSub
{
float:left;
margin-top:24px;
}
#centerWrap div.inner div.linksSub div
{
float:left;
height:24px;
padding:0;
background:url(../images/navigation/bgSubSubNav.gif) repeat-x;
margin-right:2px;
}
#centerWrap div.inner div.linksSub div a, #centerWrap div.inner div.linksSub div a:visited, #centerWrap div.inner div.linksSub div a:active
{
display:block;
float:left;
padding:3px 7px 5px 7px;
margin:5px 2px 0 2px;
color:#929597;
height:auto;
font-weight:bold;
font-size:9px;
background:inherit;
/*
border-top:5px solid #d6d8d9;
border-left:2px solid #d6d8d9;
border-right:2px solid #d6d8d9;
*/
}
* html #centerWrap div.inner div.linksSub div a, * html #centerWrap div.inner div.linksSub div a:visited, * html #centerWrap div.inner div.linksSub div a:active
{
margin:5px 1px 0 1px;
}
#centerWrap div.inner div.linksSub div a:hover, #centerWrap div.inner div.linksSub div a.active
{
margin:0!important;/* OLD GREEN
border-top:5px solid #88c765;
border-left:2px solid #88c765;
border-right:2px solid #88c765;*/
border-top:5px solid #397090;
border-left:2px solid #397090;
border-right:2px solid #397090;
background:#fff;
}
#rightWrap
{
float:right;
width:218px;
/*
border-left:1px solid #e5e6e7;
*/
border-left:1px solid #C9CACB;
}
#rightWrap div.inner
{
float:left;
padding:0 12px 0 13px;
width:193px;
}
#rightWrap div.inner div.content
{
float:left;
margin-top:24px;
/*width:100%;*/
}
#rightWrap div.inner span
{
float:left;
padding:9px 0;
width:193px;/*
border-bottom:1px dotted #b7b9bb;*/
}
#rightWrap div.inner span a
{
float:right;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Navigation*******************************************************/
/*********************************************************************/
/*OLD
#quickLinkL
{
background:url(../images/bgquickLink1.gif) no-repeat;
margin-right:2px;
display:block;
float:left;
width:218px;
height:66px;
margin-top:2px;
cursor:pointer;
}
#quickLinkL.active
{
background:url(../images/bgquickLink1Over.gif) no-repeat;
}
#quickLinkM
{
background:url(../images/bgquickLink2.gif) no-repeat;
margin-right:2px;
display:block;
float:left;
width:516px;
height:66px;
cursor:pointer;
margin-top:2px;
}
#quickLinkM.active
{
background:url(../images/bgquickLink2Over.gif) no-repeat;
}
#quickLinkR
{
background:url(../images/bgquickLink3.gif) no-repeat;
display:block;
float:left;
width:218px;
height:66px;
cursor:pointer;
margin-top:2px;
}
#quickLinkR.active
{
background:url(../images/bgquickLink3Over.gif) no-repeat;
}
* html #quickLinkL, * html #quickLinkR, * html #quickLinkM
{
margin-top:0;
}
*/
/*The quicklinks have the passive image on the div background so that there is no flicker on hover*/
#quickLinkL
{
background:url(../images/bgquickLink14.gif) no-repeat;
margin-right:2px;
float:left;
width:218px;/*
height:66px;*/
height:85px;
margin-top:2px;
}
#quickLinkL a,#quickLinkL a:visited,#quickLinkL a:visited
{
background:url(../images/bgquickLink14.gif) no-repeat;
display:block;
width:218px;/*
height:66px;*/
height:85px;
}
#quickLinkL a:hover
{
background:url(../images/bgquickLink14Over.gif) no-repeat;
display:block;
}
#quickLinkM
{
background:url(../images/bgquickLink24.gif) no-repeat;
margin-right:2px;
float:left;
width:516px;/*
height:66px;*/
height:85px;
margin-top:2px;
}
#quickLinkM a,#quickLinkM a:visited,#quickLinkM a:visited
{
background:url(../images/bgquickLink24.gif) no-repeat;
display:block;
width:516px;/*
height:66px;*/
height:85px;
}
#quickLinkM a:hover
{
background:url(../images/bgquickLink24Over.gif) no-repeat;
display:block;
}
#quickLinkR
{
background:url(../images/bgquickLink34.gif) no-repeat;
float:left;
width:218px;/*
height:66px;*/
height:85px;
margin-top:2px;
}
#quickLinkR a,#quickLinkR a:visited,#quickLinkR a:visited
{
background:url(../images/bgquickLink34.gif) no-repeat;
display:block;
width:218px;/*
height:66px;*/
height:85px;
}
#quickLinkR a:hover
{
background:url(../images/bgquickLink34Over.gif) no-repeat;
display:block;
}
* html #quickLinkL, * html #quickLinkR, * html #quickLinkM
{
margin-top:0;
}
/*********************************************************************/
/****Specific widths of main links************************************/
#linkHome
{
width:65px;
}
#P1
{
width:91px;
}
#P2
{
width:175px;
}
#P3
{
width:144px;
}
#P4
{
width:140px;
}
#P5
{
width:111px;
}
/*********************************************************************/
/*********************************************************************/
#navigationMain
{
z-index:2;
float:left;
background:url(../images/navigation/bgNavMain.gif) repeat-x;
width:100%;
}
#navigationMain div.dropDownWrap
{
float:left;
position:relative;
z-index:2;
}
#navigationMain div.dropDownListWrap
{
top:29px;
position:absolute;
left:0;
}
* html #navigationMain div.dropDownListWrap /*bug fix to hold menu in place IE6*/
{
top:29px;
width:250px;
}
/*check height of each individual link on page*/
#navigationMain div.dropDownWrap a, #navigationMain div.dropDownWrap a.passive,#navigationMain div.dropDownWrap a.passive:visited, #navigationMain div.dropDownWrap a.passive:active
{
float:left;
color:#fff;
text-align:center;
border-right:solid 2px #fff;
padding:7px 0 8px 0;
height:14px;
font-weight:normal;
}
#navigationMain div.dropDownWrap a.over, #navigationMain div.dropDownWrap a.active
{
float:left;
color:#fff;
text-align:center;
border-right:solid 2px #fff;
padding:7px 0 8px 0;
height:14px;
background:url(../images/navigation/bgNavMainOver.gif) repeat-x;
}
#navigationMain div.dropDownWrap a:hover
{
background:url(../images/navigation/bgNavMainOver.gif) repeat-x;
}
/*sits behind dropDownListWrap*/
#navigationMain div.dropDownListWrapBackground
{
top:29px;
position:absolute;/*
background:#417594;*/
background:url(../images/navigation/bgTransGrad2.gif) repeat-x;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
width:250px;
left:0px;
}
/*force it left in ie7*/
* +html #navigationMain div#dropDownListWrapBackground
{
background-image:none;
background:#a1a3a6;
}
/*force it left in ie6*/
* html #navigationMain div#dropDownListWrapBackground
{
left:0;
width:272px;
}
#navigationMain div.dropDownListWrap ul li
{
float:left;
width:250px;
}
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a
{
display:block;/*
background:#a3b5cf;*/
padding:5px 0 5px 10px;
color:#fff;
font-weight:bold;
border-bottom:solid 1px #fff;
border-right:none;
height:auto;
text-align:left;
width:240px;
cursor:pointer;
}
/*********************************************************************/
/****Specific padding & widths for each of the nav dropdowns**********/
#dropDown2 ul li a
{
padding:5px 0 5px 18px !important;
width:232px !important;
}
#dropDown3 ul li a
{
padding:5px 0 5px 24px !important;
width:226px !important;
}
#dropDown4 ul li a
{
padding:5px 0 5px 23px !important;
width:227px !important;
}
#dropDown5 ul li a
{
padding:5px 0 5px 22px !important;
width:228px !important;
}
#dropDown6 ul li a
{
padding:5px 0 5px 20px !important;
width:230px !important;
}
/*********************************************************************/
/*********************************************************************/
* html #navigationMain div.dropDownWrap div.dropDownListWrap ul li a
{
text-align:left;
padding-left:0px;
width:227px !important;
}
* html #navigationMain div.dropDownListWrap ul li a
{
padding:4px 0 4px 22px !important;
width:250px !important;
}
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a:hover
{
background-image:none;
/*old color
background:#a7a8ab;*/
background:#67686a;
}
/*Specialised colors for Main nav Services section hovers*/
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a.linkSmartIt:hover
{
background:#3a6f8f;
}
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a.linkBusiness:hover
{
background:#00a2e0;
}
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a.linkCommunications:hover
{
background:#854b7d;
}
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a.linkNetwork:hover
{
background:#88c765;
}
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a.linkSecurity:hover
{
background:#db1150;
}
#navigationMain div.dropDownWrap div.dropDownListWrap ul li a.linkConsultancy:hover
{
background:#f68b22;
}
/*********************************************************/
/*
#navigationMain div.dropDownWrap#date
{
float:right;
}
* html #navigationMain div.dropDownWrap#date
{
margin-top:-29px;
}
* html #navigationMain div.dropDownWrap#date
{
padding-left:35px;
}
*/
/*********************************************************************/
/****Search field*****************************************************/
/*********************************************************************/
#searchWrap
{
float:right;
width:210px;
padding:4px;
background:inherit;
}
#searchWrap div.inner
{
float:left;
background:#fff;
/*old
border:1px solid #9bc1d7;
*/
border:1px solid #ABACB0;
width:209px;
overflow:hidden;
}
#searchWrap div.searchIcon
{
float:left;
width:21px;
height:17px;
display:block;
background:url(../images/searchIcon.gif) no-repeat;
}
#searchWrap div.inner div.searchField
{
float:left;
height:17px;
width:150px;
}
#searchWrap div.inner div.searchField span
{
float:left;
height:17px;
}
/*XX Temporary holding text for search field*/
#searchWrap div.inner div.searchField span.holdingText
{
display:block;
float:left;
height:18px;
padding:0px 0 1px 6px;
margin:2px 0 0 0;
border:0;
width:169px;
color:#aeafb1;
background:#fff;
}
#searchWrap div.inner div.searchField span input
{
float:left;
height:16px;
padding:2px 0 0 6px !important;
margin:0;
border:0;
width:169px;
color:#aeafb1;
background:#fff;
font-size:11px;
}
/*hide the asp.net search button as it is supplied as part of the search software but it is not needed*/
#searchWrap div.inner div.searchField span input:last-child
{
display:none;
}
/*last-child psuedo class does not work in IE6 or IE7 so perform this*/
* html #searchWrap div.inner div.searchField span input
{
display: expression(this.nextSibling==null?'none':'');
}
*+ html #searchWrap div.inner div.searchField span input
{
display: expression(this.nextSibling==null?'none':'');
}
* html #searchWrap
{
width:208px;
padding-bottom:0;
}
* html
#searchWrap div.inner
{
width:207px;
}
* html #searchWrap div.inner div.searchField span
{
width:169px;
}
* html #searchWrap div.inner div.searchField span input
{
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Specialised content based on pages class set in mainContent******/
/*********************************************************************/
#mainContent.smartIT div#centerWrap h1,#mainContent.smartIT div#centerWrap h3
{
color:#3a6f8f;
}
#mainContent.business div#centerWrap h1,#mainContent.business div#centerWrap h3
{
color:#00a2e0;
}
#mainContent.communications div#centerWrap h1,#mainContent.communications div#centerWrap h3
{
color:#854b7d;
}
#mainContent.network div#centerWrap h1,#mainContent.network div#centerWrap h3
{
color:#88c765;
}
#mainContent.security div#centerWrap h1,#mainContent.security div#centerWrap h3
{
color:#db1150;
}
#mainContent.consultancy div#centerWrap h1,#mainContent.consultancy div#centerWrap h3
{
color:#f68b22;
}
/*Sub Sub links*/
#mainContent.smartIT #centerWrap div.inner div.linksSub div a:hover,
#mainContent.smartIT #centerWrap div.inner div.linksSub div a.active
{
border-top:5px solid #3a6f8f;
border-left:2px solid #3a6f8f;
border-right:2px solid #3a6f8f;
}
#mainContent.business #centerWrap div.inner div.linksSub div a:hover,
#mainContent.business #centerWrap div.inner div.linksSub div a.active
{
border-top:5px solid #00a2e0;
border-left:2px solid #00a2e0;
border-right:2px solid #00a2e0;
}
#mainContent.communications #centerWrap div.inner div.linksSub div a:hover,
#mainContent.communications #centerWrap div.inner div.linksSub div a.active
{
border-top:5px solid #854b7d;
border-left:2px solid #854b7d;
border-right:2px solid #854b7d;
}
#mainContent.network #centerWrap div.inner div.linksSub div a:hover,
#mainContent.network #centerWrap div.inner div.linksSub div a.active
{
border-top:5px solid #88c765;
border-left:2px solid #88c765;
border-right:2px solid #88c765;
}
#mainContent.security #centerWrap div.inner div.linksSub div a:hover,
#mainContent.security #centerWrap div.inner div.linksSub div a.active
{
border-top:5px solid #db1150;
border-left:2px solid #db1150;
border-right:2px solid #db1150;
}
#mainContent.consultancy #centerWrap div.inner div.linksSub div a:hover,
#mainContent.consultancy #centerWrap div.inner div.linksSub div a.active
{
border-top:5px solid #f68b22;
border-left:2px solid #f68b22;
border-right:2px solid #f68b22;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Alerts. Content over transparency********************************/
/*********************************************************************/
#trans
{
width:956px;
background:#000;
opacity:.70;
filter: alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
position:absolute;
top:0;
left:0px;
z-index:9;
height:100%;
margin:2px;
}
div.alertWrap
{
left:0px;
z-index:30;
top:186px;
left:0;
width:960px;
position:absolute;
}
div.alertWrap div.alignment
{
margin-left:auto;
margin-right:auto;
position:relative;
/*
background:#EDECEC;*/
width:484px;
}
div.alertWrap div.alert
{
float:left;
padding:12px 12px 0 12px;
color:#4c4c4c;
height:600px;
overflow:auto;
border:7px solid #797F84;
background:#fff;
width:484px;
position:relative;
}
div.alertWrap div.alert div.top
{
float:left;
width:100%;
font-size:15px;
font-weight:bold;
padding-bottom:30px;
}
/*IE displays scroll bars differently. Force conformity*/
*+ html div.alertWrap div.alert div.top
{
width:470px;
}
/*IE displays scroll bars differently. Force conformity*/
* html div.alertWrap div.alert div.top
{
width:470px;
}
div.alertWrap div.alert div.top span.right
{
float:right;
cursor:pointer;
}
div.alertWrap div.alert div.top span.left
{
float:left;
}
div.alertWrap div.alert div.info
{
padding:0 0 20px 0;
border-bottom:1px solid #8f8f8f;
font-size:13px;
}
/*IE displays scroll bars differently. Force conformity*/
*+ html div.alertWrap div.alert div.info
{
width:470px;
}
div.alertWrap div.alert div.row
{
float:left;
width:100%;
border-bottom:1px solid #8f8f8f;
padding:15px 0 15px 0;
}
/*FAQ section********************************************/
div.alertWrap div.alert div.row div.QA
{
float:left;
width:37px;
font-size:12px;
}
div.alertWrap div.alert div.row div.questions
{
float:left;
width:425px;
}
div.alertWrap div.alert div.row div.questions h3
{
padding-top:2px;
}
div.alertWrap div.alert div.row div.questions ul
{
margin:5px 0 0 15px;
list-style-type:disc !important;
}
/********************************************************/
/*IE displays scroll bars differently. Force conformity*/
*+ html div.alertWrap div.alert div.row
{
width:470px;
}
/*IE displays scroll bars differently. Force conformity*/
* html div.alertWrap div.alert div.row
{
width:470px;
}
div.alertWrap div.alert div.row div.img
{
float:left;
width:150px;
margin-right:24px;
}
div.alertWrap div.alert div.row div.text
{
float:left;
width:290px;
}
div.alertWrap div.alert div.row div.text p
{
padding-top:8px;
}
div.alertWrap div.alert div.row div.text p.first
{
padding-top:3px;
}
div.alertWrap div.printMap
{
position:absolute; width:75px; right:12px; top:30px; padding-top:2px;
height:16px; background-image:url(../images/iconPrint.gif); background-repeat: no-repeat;/*Set image on parent to avoid flicker on hover on child*/
background-position:right; cursor:pointer;
color:#9C9FA1; font-size:12px; font-weight:normal;
}
div.alertWrap div.printMap:hover
{
color:#3a6f8f; background-image:url(../images/iconPrintOver.gif);
}
#map
{
float:left;
width:100%;
height:484px;
margin-top:5px;
overflow:hidden;
}
/*IE displays scroll bars differently. Force conformity*/
*+ html #map
{
width:470px;
}
div.alertWrap div.alert div.bottom
{
float:left;
margin-top:5px;
background:url(../images/stripes.gif) no-repeat;
background-position:right bottom;
height:43px;
width:100%;
border-top:1px solid #8f8f8f;
}
/*IE displays scroll bars differently. Force conformity*/
*+ html div.alertWrap div.alert div.bottom
{
width:470px;
}
/*IE displays scroll bars differently. Force conformity*/
* html div.alertWrap div.alert div.bottom
{
width:470px;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Other Specific content ID's**************************************/
/*********************************************************************/
#certifications div.row,
#awards div.row,
#aboutUs div.row
{
float:left;
padding:0 0 18px 0;
margin:0 0 18px 0;
border-bottom:1px solid #c9cacb;
width:100%;
}
#certifications div.row img,
#awards div.row img,
#aboutUs div.row img
{
float:left;
}
#certifications div.row span,
#awards div.row span,
#aboutUs div.row span
{
padding:0 0 0 20px;
margin:0;
width:370px;
float:left;
}
/*XX GET RID OF THESE ONCE WE HAVE OUR_PEOPLE PHOTOS ON OUR_PEOPLE PAGE*/
#aboutUs div.row span
{
padding:0 !important;
width:100%;
}
#aboutUs div.row h5
{
padding:0 !important;
}
/**************************************************************************/
#aboutUs div:last-child,
#certifications div:last-child
{
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}
#awards
{
float:left;
width:100%;
}
#awards div:last-child
{
border-bottom:0;
padding-bottom:0;
}
#awards div.row
{
margin:18px 0 0 0;
}
#awards div.wrap
{
float:left;
height:22px;
padding:1px 0;
width:100%;
border-bottom:1px solid #c9cacb;
}
#awards div.wrap h4
{
color:#3a6f8f;
margin:0;
padding:4px 0 4px 5px;
height:14px;
background:#e2ecf3;
}
*+ html #awards div.wrap h4
{
font-size:11px !important;
}
#aboutUs div.row
{
margin:18px 0 0 0;
}
#aboutUs div.row h5
{
padding:0 0 0 20px;
width:370px;
font-size:12px; display:block;
}
#aboutUs div.row span
{
padding-top:15px;
}
#testimonials
{
float:left;
width:193px;
/*height:153px;*/
/*background:url(../images/testimonialHolder.gif) no-repeat;*/
margin-top:23px;
color:#9c9ea1;
}
#testimonials div.wrap
{
float:left;
}
#testimonials div.wrap p
{
float:left;
background:url(../images/quotes.gif) no-repeat;
background-position:top left;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****Icons used on master pages******/
/*********************************************************************/
#iconsWrap
{
float:left;
margin-left:14px;
height:30px;
display:block;
}
* html #iconsWrap
{
margin-left:7px; /*IE6 sends padding down from parent to child so declarations will duplicate*/
}
#iconsWrap div.print
{
float:left;
cursor:pointer;
padding-right:3px;
width:55px;
height:13px;
background:url(../images/iconPrint.gif) no-repeat;/*Set image on parent to avoid flicker on hover on child*/
background-position:left;
color:#9C9FA1;
}
#iconsWrap div.print span
{
font-size:10px;
font-weight:normal;
float:left;
width:14px;
height:13px;
cursor:pointer;
float:left;
padding-right:5px;
}
#iconsWrap div.print span.printIcon
{
background:url(../images/iconPrint.gif) no-repeat;
}
#iconsWrap div.print span.text
{
float:left;
}
/*
#iconsWrap div.print span.printIconOver
{
background:url(../images/iconPrintOver.gif) no-repeat;
}
*/
#iconsWrap div.print.hover
{
}
#iconsWrap div.print.hover span.printIcon
{
background:url(../images/iconPrintOver.gif) no-repeat;
}
#iconsWrap div.print.hover span.text
{
color:#3a6f8f;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/****News Links and content*******************************************/
/*********************************************************************/
#newsItemsHolder
{
float:left;
}
#newsItemsHolder a.newsLink
{
cursor:pointer;
float:left;
display:block;
padding:11px 0 11px 0;
width:193px;
border-bottom:1px dotted #b7b9bb;
color:#7f8183;
font-weight:bold;
background:url(../images/bgNewsArrow.gif) no-repeat;
background-position:right;
}
#newsItemsHolder a.newsLink span
{
float:left;
width:100%;
}
#newsItemsHolder a.newsLink span.newsArticle
{
width:85%;
}
.newsHover /*For jQuery hover function*/
{
background:url(../images/bgNewsArrowOver.gif) no-repeat;
background-position:right;
}
#news
{
float:left;
}
#news div.newsItem
{
float:left;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
border-bottom:1px solid #c9cacb;
}
#news div.newsItem div.headerRow, #news div.newsItem div.row
{
float:left;
width:100%;
}
#news div.newsItem div.row
{
padding:12px 0;
}
#news div.newsItem div.headerRow div.header
{
float:left;
font-weight:bold;
color:#fff;
text-align:center;
padding:3px 0;
background:url('../images/bgNewsHeader.gif');
margin-right:2px;
}
#news div.newsItem div.row div
{
float:left;
margin-right:2px;
text-align:center;
}
/*each individual news column and it's header has a unique width*/
.header1
{
width:57px;
}
.header2
{
width:320px;
padding-left:8px !important;
text-align:left !important;
}
.header3
{
width:50px;
}
.header4
{
width:44px;
margin-right:0 !important;
}
#news div.newsItem div.row div.date
{
color:#7f8183;
font-weight:bold;
width:57px;
}
#news div.newsItem div.row div.article
{
padding-left:8px;
padding-right:5px;
width:315px;
}
* html #news div.newsItem div.row div.article
{
width:310px;
}
#news div.newsItem div.row div.article div
{
margin-top:0;
text-align:left;
}
#news div.newsItem div.row div.view
{
width:13px;
float:left;
margin-left:19px;
margin-right:20px;
background:url(../images/newsPlus.gif) no-repeat;
background-position:center;
padding-top:12px;
height:16px;
cursor:pointer;
}
#news div.newsItem div.row div.viewActive
{
width:13px;
float:left;
margin-left:19px;
margin-right:20px;
background:url(../images/newsMinus.gif) no-repeat;
background-position:center;
padding-top:12px;
height:16px;
cursor:pointer;
}
/*These two classes are on anchor tags as on the actual article page the div is replaced by a link*/
#news div.newsItem div.row a.view
{
width:13px;
float:left;
margin-left:19px;
margin-right:20px;
background:url(../images/newsPlus.gif) no-repeat;
background-position:center;
padding-top:12px;
height:16px;
cursor:pointer;
}
#news div.newsItem div.row a.viewActive
{
width:13px;
display:block;
float:left;
margin-left:19px;
margin-right:20px;
background:url(../images/newsMinus.gif) no-repeat;
background-position:center;
padding-top:12px;
height:16px;
cursor:pointer;
}
/**************************************************************************************************/
* html #news div.newsItem div.row div.view
{
margin-left:19px;
}
* html #news div.newsItem div.row div.viewActive
{
margin-left:19px !important;
}
#news div.newsItem div.row div.pdf
{
width:44px;
margin-right:0 !important;
}
/*Gets rid of glitch whereby image does not align along with p tags in the same row*/
#news div.newsItem div.row div.pdf a img
{
padding-top:3px;
}
#news div.last
{
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/**SEARCH RESULTS DROPDOWN********************************************/
/*********************************************************************/
#resultsPanel
{
position: absolute; z-index:1000;
right:2px;
top: 186px;
width: 332px;
}
#resultsPanel div.head
{
float:left;
width:100%;
height:24px;
color:#fff;
font-weight:bold;
background:#424142;
border-bottom:1px solid #fff;
}
#resultsPanel div.head span
{
float:left;
margin:5px 0 0 15px;
}
#resultsPanel div.resultsWrap
{
float:left;
}
#resultsPanel a.resultWrap
{
float:left;
cursor:pointer;
width:100%;
min-height:45px;
color:#fff;
background:url('../images/bgResultItem2.gif') repeat-x;
border-bottom:1px solid #fff;
}
#resultsPanel a:hover.resultWrap
{
background:url('../images/bgResultItem2Over.gif') repeat-x;
}
/*If no results are displayed, this class will be displayed. There are differences from that above*/
#resultsPanel a.resultWrap span.noResultTitle
{
float:left;
width:100%;
font-weight:bold;
/*padding-top:5px;*//*This padding currently mis-aligns the arrow image*/
}
#resultsPanel a.resultWrap span.noResultTitle span
{
float:left;
margin:0 0 0 15px;
padding:5px 0 0 0;
width:317px;
background:url('../images/searchArrow3.gif') no-repeat;
background-position:right;
}
#resultsPanel a:hover.resultWrap span.noResultTitle span
{
background:url('../images/searchArrow3Over.gif') no-repeat;
background-position:right;
}
/****************************************************************************************************/
#resultsPanel a.resultWrap span.resultTitle
{
float:left;
width:100%;
font-weight:bold;
}
#resultsPanel a.resultWrap span.resultTitle span.title
{
float:left;
margin:0 0 0 15px;
padding:5px 0 0 0;
width:280px;
}
#resultsPanel a.resultWrap span.resultTitle span.arrow
{
padding:5px 0 0 0;
width:17px;
height:14px;
float:right;
background:url('../images/searchArrow3.gif') no-repeat;
background-position:right;
}
#resultsPanel a:hover.resultWrap span.resultTitle span.arrow
{
background:url('../images/searchArrow3Over.gif') no-repeat;
background-position:right;
}
#resultsPanel a.resultWrap img
{
float:right;
margin:4px 4px 0 0;
}
#resultsPanel a.resultWrap span.resultSummary
{
line-height:11px;
float:left;
margin-left:15px;
padding:0 0 8px 0;
font-size:10px;
width:280px;
}
#resultsPanel a.foot
{
float:left;
width:100%;
height:22px;
color:#fff;
font-weight:bold;
}
#resultsPanel a.foot span
{
float:left;
padding-top:4px;
height:18px;
}
#resultsPanel a.foot span.l
{
width:6px;
background:url(../images/bgShowResultsL.png) no-repeat;
}
#resultsPanel a.foot span.c
{
width:300px;
padding-left:9px;
background:url(../images/bgShowResults.png) repeat-x;
}
/*Seperate span to hold arrow background*/
#resultsPanel a.foot span.arrow
{
width:11px;
background:url(../images/searchArrowBlue2.png) repeat-x;
}
#resultsPanel a.foot span.r
{
width:6px;
background:url(../images/bgShowResultsR.png) no-repeat;
}
#resultsPanel a:hover.foot span.l
{
background:url(../images/bgShowResultsLOver.png) no-repeat;
}
#resultsPanel a:hover.foot span.c
{
background:url(../images/bgShowResultsOver.png) repeat-x;
}
/*Seperate span to hold arrow background*/
#resultsPanel a:hover.foot span.arrow
{
background:url(../images/searchArrowBlueOver.png) repeat-x;
}
#resultsPanel a:hover.foot span.r
{
background:url(../images/bgShowResultsROver.png) no-repeat;
}
/**PNG Replacements for IE6******/
* html #resultsPanel a.foot span.l
{
width:6px;
background:url(../images/bgShowResults.gif) repeat-x;
}
* html #resultsPanel a.foot span.c
{
width:300px;
padding-left:9px;
background:url(../images/bgShowResults.gif) repeat-x;
}
* html #resultsPanel a.foot span.arrow
{
width:11px;
background:url(../images/searchArrowBlue.gif) repeat-x;/*Seperate span to hold arrow background*/
}
* html #resultsPanel a.foot span.r
{
width:6px;
background:url(../images/bgShowResults.gif) repeat-x;
}
* html #resultsPanel a:hover.foot span.l
{
background:url(../images/bgShowResultsOver.gif) repeat-x;
}
* html #resultsPanel a:hover.foot span.c
{
background:url(../images/bgShowResultsOver.gif) repeat-x;
}
* html #resultsPanel a:hover.foot span.arrow
{
background:url(../images/searchArrowBlueOver.gif) repeat-x;/*Seperate span to hold arrow background*/
}
* html #resultsPanel a:hover.foot span.r
{
background:url(../images/bgShowResultsOver.gif) repeat-x;
}
/**PNG Replacements for IE6*******/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/**SITEMAP PAGE*******************************************************/
/*********************************************************************/
#sitemap
{
float:left;
margin-top:23px;
width:100%;
}
#sitemap ul
{
float:left;
margin:0px !important;
padding:0px !important;
}
#sitemap ul li
{
float:left;
padding:1px 0!important;
}
#sitemap ul li a
{
float:left;
height:20px;
padding:4px 0 0 6px;
width:484px;
}
#sitemap ul li.pri
{
width:100%;
margin:0 !important;
}
#sitemap ul li.pri a
{
color:#fff;
background:url(../images/navigation/bgNavMainOver.gif) repeat-x;
}
#sitemap ul li.pri a:hover
{
color:#fff;
background:url(../images/navigation/bgNavMain.gif) repeat-x;
}
#sitemap ul li.sec
{
width:100%;
margin:0 !important;
}
#sitemap ul li.sec a
{
color:#7f8183;
}
#sitemap ul li.sec a:hover
{
background:#eeeeef;
}
/*Specific classes for the colored left border*/
#sitemap ul li.sec a.smartIT
{
color:#7f8183;
border-left:6px solid #3b6f8f;
width:478px;
}
#sitemap ul li.sec a.business
{
color:#7f8183;
border-left:6px solid #00a2e0;
width:478px;
}
#sitemap ul li.sec a.communications
{
color:#7f8183;
border-left:6px solid #854b7d;
width:478px;
}
#sitemap ul li.sec a.network
{
color:#7f8183;
border-left:6px solid #88c765;
width:478px;
}
#sitemap ul li.sec a.security
{
color:#7f8183;
border-left:6px solid #db1150;
width:478px;
}
#sitemap ul li.sec a.consultancy
{
color:#7f8183;
border-left:6px solid #f68b22;
width:478px;
}
/**********************************************/
#sitemap ul li.ter
{
width:448px;
margin:0 0 0 42px !important;
}
* html #sitemap ul li.ter
{
margin:0 0 0 21px !important;
}
#sitemap ul li.ter a
{
color:#a2a3a3;
width:442px;
}
#sitemap ul li.ter a:hover
{
color:#7f8183;
background:#eeeeef;
}
/*classes to be added to effect top or bottom borders in list items dependant on their position*/
.topSMListBorder
{
border-top:1px solid #e5e6e7;
}
.bottomSMListBorder
{
border-bottom:1px solid #e5e6e7;
}
SMParent
{
}
/***********************************************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/**MISC***************************************************************/
/*********************************************************************/
.gmPopUpHeader{
color:#3b6faf;
}
/*********************************************************************/
/*********************************************************************/