html { background: #f9f7f2; }

body
{
  margin: 0;
  padding: 0 0 10px 0;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 0.8em;
  line-height: 1.3em;
  color: #6a6a6a;
  text-align: center;
  background: #f9f7f2 url(../images/layout/body-bg.png) repeat-x fixed left top;
}

/* pageWrapper */

div.pageWrapper
{
  margin: 0 auto;
  padding: 0;
  width: 978px;
  text-align: left;
  background: url(../images/layout/page-bg.png) repeat-y right top;
}

div.pageWrapper div.page
{
  margin: 0;
  padding: 0;
  width: 970px;
}

/* header */

div.headerWrapper
{
  margin: 0;
  padding: 0;
  position: relative;
  height: 98px !important;
  background: #fff url(../images/layout/header/bg.png) repeat-x left top;
}

div.headerWrapper p.logo
{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 32px;
  top: 17px;
  width: 370px;
  height: 77px;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/layout/header/tagline.png) no-repeat right 10px;
}

div.headerWrapper p.logo a
{
  margin: 0;
  padding: 0;
  width: 159px;
  height: 62px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/layout/header/logo-new.png) no-repeat left top;
}

div.headerWrapper ul.utils
{
  margin: 0;
  padding: 0;
  position: absolute;
  right: 32px;
  top: 7px;
  list-style: none;
  height: 20px;
}

div.headerWrapper ul.utils li
{
  margin: 0 10px 0 0;
  padding: 1px 10px 0 0;
  float: right;
  min-height: 15px;
  height: auto !important;
  height: 15px;
  font-size: 0.95em;
  line-height: 1.1em;
  color: #666;
  border-right: 1px solid #777;
}

div.headerWrapper ul.utils li.end
{
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

div.headerWrapper ul.utils li a
{
  margin: 0;
  padding: 0;
  float: left;
  color: #666;
  text-decoration: none;
	font-weight: bold;
}

div.headerWrapper ul.utils li a:hover,
div.headerWrapper ul.utils li a.active
{
  color: #e4017e;
  text-decoration: none;
}

div.headerWrapper div.search
{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 623px;
  top: 47px;
  width: 199px;
  height: 23px;
}

div.headerWrapper div.search input.txt
{
  float: left;
  width: 154px;
}

div.headerWrapper div.search input.btn { float: right; }

div.headerWrapper p.avaya
{
  margin: 0;
  padding: 0;
  position: absolute;
  right: 32px;
  top: 37px;
  width: 89px;
  height: 38px;
}

div.headerWrapper p.avaya a
{
  margin: 0;
  padding: 0;
  width: 89px;
  height: 38px;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/layout/header/avaya.png) no-repeat left top;
  display: block;
  border: 1px solid #ddd;
}

/* nav */

div.navWrapper
{
  margin: 0;
  padding: 0;  
  height: 33px;
  background: #f6f6f6 url(../images/layout/nav/bg.png) repeat-x left top;
  border-bottom: 1px solid #fff;
}

div.navWrapper ul.nav
{
  margin: 0;
  padding: 0;
  list-style: none;
  height: 33px;
}

div.navWrapper ul.nav li { float: left; }

div.navWrapper ul.nav li.topLevel
{
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  height: 33px;
  color: #550e64;
  border-right: 1px solid #ccc;
  z-index: 9990;
}

div.navWrapper ul.nav li.end
{
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

div.navWrapper ul.nav li.client
{
  margin-right: 0;
  padding-right: 0;
  float: right;
  border-right: 0;
  border-left: 1px solid #ccc;
}

div.navWrapper ul.nav li.topLevel a
{
  margin: 0;
  padding: 6px 10px 0 10px;
  float: left;
  height: 27px;
  color: #550e64;
  text-decoration: none;
  display: block;
	font-weight: bold;
}

div.navWrapper ul.nav li.first a { padding-left: 30px; }

div.navWrapper ul.nav li.client a { padding-right: 30px; }

div.navWrapper ul.nav li.topLevel a:hover,
div.navWrapper ul.nav li.topLevel a.hover
{
  color: #e4017e;
  text-decoration: none;
  background: url(../images/layout/nav/hover.png) repeat-x left bottom;
}

div.navWrapper ul.nav li.topLevel a.active
{
  color: #e4017e;
  text-decoration: none;
}

div.navWrapper ul.nav li.topLevel a.active:hover { background: none; }

/* sub nav */

div.navWrapper ul.nav li.topLevel div.subNavWrapper
{
  margin: 0;
  padding: 0 5px 5px 0;
  position: absolute;
  left: -200px;
  top: 33px;
  min-height: 180px;
  height: auto !important;
  height: 180px;
  z-index: 9991;
  background: url(../images/layout/sub-nav/shadow.png) no-repeat right bottom;
  visibility: hidden;
}

div.navWrapper ul.nav li.avayaExpertise div.subNavWrapper { left: -70px; }
div.navWrapper ul.nav li.contactCentreSolutions div.subNavWrapper { left: -185px; }

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav
{
  margin: 0;
  padding: 12px 14px 14px 14px;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section
{
  margin: 0;
  padding: 0;
  float: left;
  width: 300px;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.sectionDesc 
{ 
  padding: 35px 0 0 0;
  width: 185px; 
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.sectionDesc div.desc 
{ 
  padding-right: 20px;
  width: 165px; 
  height: 100px;
  text-indent: -9000px;
  overflow: hidden;
}

div.navWrapper ul.nav li.contactCentreSolutions div.subNavWrapper div.subNav div.sectionDesc div.desc { background: url(../images/layout/sub-nav/desc-contact-centre-solutions.png) no-repeat 5px top; }
div.navWrapper ul.nav li.avayaExpertise div.subNavWrapper div.subNav div.sectionDesc div.desc 
{ 
  height: 115px;
  background: url(../images/layout/sub-nav/desc-avaya-expertise.png) no-repeat 5px top; 
}
div.navWrapper ul.nav li.intelligentComms div.subNavWrapper div.subNav div.sectionDesc div.desc { background: url(../images/layout/sub-nav/desc-intelligent-comms.png) no-repeat 5px top; }
div.navWrapper ul.nav li.cctSuportServices div.subNavWrapper div.subNav div.sectionDesc div.desc
{ 
  height: 115px;
  background: url(../images/layout/sub-nav/desc-cct-support-services.png) no-repeat 5px top; 
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.sectionLast { width: 280px; }

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section p.title
{
  margin: 0 0 5px 0;
  padding: 0 5px 5px 5px;
  font-weight: bold;
  line-height: 1.6em;
  color: #6a6a6a;
  border-bottom: 1px solid #efefef;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section p.title a
{
  margin: 0;
  padding: 0;
  float: none;
  color: #6a6a6a;
  height: auto;
  text-decoration: none;
  background: none;
  display: inline;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section p.title a:hover
{
  color: #e4017e;
  text-decoration: none;
  background: none;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section ul.subNav
{
  margin: 0;
  padding: 0 20px 0 0;
  list-style: none;
  width: 280px;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.sectionLast ul.subNav { padding-right: 0; }

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section ul.subNav li
{
  margin: 0;
  padding: 1px 0;
  float: none;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 1em;
  color: #6a6a6a;
  border-bottom: 1px solid #efefef;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section ul.subNav li a
{
  margin: 0;
  padding: 0;
  float: none;
  min-height: 10px;
  height: auto !important;
  height: 10px;
  color: #6a6a6a;
  text-decoration: none;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section ul.subNav li a span
{
  margin: 0;
  padding: 7px 0 7px 15px;
  display: block;
  background: url(../images/misc/arrows/grey-right.png) no-repeat 5px 8px;
}

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section ul.subNav li a:hover span { background: url(../images/misc/arrows/pink-right.png) no-repeat 5px 8px; }

div.navWrapper ul.nav li.topLevel div.subNavWrapper div.subNav div.section ul.subNav li a:hover
{
  color: #e4017e;
  text-decoration: none;
  background: #fbfbfb url(../images/layout/sub-nav/hover.png) repeat-x left bottom;
}

/* banner */

div.bannerWrapper
{
  margin: 0;
  padding: 0;
  position: relative;
}

/* banner: social */

div.bannerWrapper ul.social
{
  margin: 0;
  padding: 0;
  position: absolute;
  right: -25px;
  top: 0;
  width: 25px;
  list-style: none;
}

div.bannerWrapper ul.social li
{
  margin: 0 0 1px 0;
  padding: 0;
  width: 25px;
  height: 23px;
  overflow: hidden;
  display: block;
}

div.bannerWrapper ul.social li a
{
  margin: 0;
  padding: 0;
  width: 25px;
  height: 23px;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
}

div.bannerWrapper ul.social li.send a { background: url(../images/layout/banner/social/send.png) no-repeat left top; }
div.bannerWrapper ul.social li.send a:hover { background-position: left bottom; }

div.bannerWrapper ul.social li.print a { background: url(../images/layout/banner/social/print.png) no-repeat left top; }
div.bannerWrapper ul.social li.print a:hover { background-position: left bottom; }

div.bannerWrapper ul.social li.favourites a { background: url(../images/layout/banner/social/favourites.png) no-repeat left top; }
div.bannerWrapper ul.social li.favourites a:hover { background-position: left bottom; }

/* footer */

div.footerWrapper
{
  margin: 0;
  padding: 0;
  background: #fbfbf8 url(../images/layout/footer/bg.png) repeat-x left top;
}

div.footerWrapper div.footer
{
  margin: 0;
  padding: 0 26px 0 32px;
  min-height: 245px;
  height: auto !important;
  height: 245px;
  border-top: 1px solid #a49e8f;
	position: relative;
}

div.footerWrapper div.footer p.logo
{
  margin: 0 30px 0 0;
  padding: 0;
  float: left;
  width: 73px;
  height: 50px;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/layout/footer/logo.png) no-repeat left 20px;
}

div.footerWrapper div.footer ul.nav
{
  margin: 0;
  padding: 22px 15px 0 0;
  float: left;
  list-style: none;
  width: 140px;
}

div.footerWrapper div.footer ul.navLarge
{
  padding: 22px 60px 0 0;
}

div.footerWrapper div.footer ul.navEnd
{
  padding-right: 0;
  width: 110px;
}

div.footerWrapper div.footer ul.nav li
{
  margin: 0;
  padding: 2px 0;
  font-size: 0.85em;
  line-height: 1.2em;
  color: #444;
  display: block;
}

div.footerWrapper div.footer ul.nav li a
{
  margin: 0;
  padding: 2px 0 2px 0;
  min-height: 5px;
  height: auto !important;
  height: 5px;
  color: #444;
  text-decoration: none;
  display: block;
}

div.footerWrapper div.footer ul.nav li a:hover
{
  color: #e4017e;
  text-decoration: none;
}

div.footerWrapper div.search
{
  margin: 0;
  padding: 23px 0 0 0;
  float: left;
  width: 199px;
  height: 23px;
}

div.footerWrapper div.search input.txt
{
  float: left;
  width: 154px;
}

div.footerWrapper div.search input.btn { float: right; }

div.footerWrapper div.siteMap
{ margin-bottom: 40px }

div.footerWrapper div.logoWrapper p.copyright
 {
	font-size: 0.85em;
  line-height: 1.25em;
  color: #aaa;
}

div.footerWrapper div.logoWrapper p.copyright a
{ color: #aaa; text-decoration: none; }
div.footerWrapper div.logoWrapper p.copyright a:hover
{ color: #e4017e; text-decoration: none; }

/* New Logos - TP - 9/12/10 */

div.footerWrapper div.logoWrapper ul.footerLogos
{
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	list-style: none;
	border-top: 1px solid #fff;
}

div.footerWrapper div.logoWrapper ul.footerLogos li
{
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
	width: 125px;
	height: 42px;
	border: 1px solid #e3e3e3;
}

div.footerWrapper div.logoWrapper ul.footerLogos li.end
{ margin: 0; }

div.footerWrapper div.logoWrapper ul.footerLogos li.largeMarge
{ margin: 0 134px 0 0; }

div.footerWrapper div.logoWrapper ul.footerLogos li a
{
	width: 125px;
	height: 42px;
	display: block;
	text-indent: -9000px;
	background: red;
}

div.footerWrapper div.logoWrapper ul.footerLogos li.acs a
{ background: url(../images/layout/footer/logos/acs.gif) no-repeat left top; }
div.footerWrapper div.logoWrapper ul.footerLogos li.seccf a
{ background: url(../images/layout/footer/logos/seccf.gif) no-repeat left top; }
div.footerWrapper div.logoWrapper ul.footerLogos li.ccma a
{ background: url(../images/layout/footer/logos/ccma.gif) no-repeat left top; }
div.footerWrapper div.logoWrapper ul.footerLogos li.lccf a
{ background: url(../images/layout/footer/logos/lccf.gif) no-repeat left top; }
div.footerWrapper div.logoWrapper ul.footerLogos li.uvdb a
{ background: url(../images/layout/footer/logos/uvdb.gif) no-repeat left top; }
div.footerWrapper div.logoWrapper ul.footerLogos li.callNorthWest a
{ background: url(../images/layout/footer/logos/callNorthWest.gif) no-repeat left top; }



/* New Footer Logos 12.10.10 - TB 
div.footerWrapper div.footer p.ccma
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
	position: absolute;
	bottom: 0;
	right: 159px;
}

div.footerWrapper div.footer p.ccma a
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
  background: url(../images/layout/footer/ccma.gif) no-repeat left top;
}

div.footerWrapper div.footer p.lccf
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
	position: absolute;
	bottom: 0;
	right: 288px;
}
div.footerWrapper div.footer p.lccf a
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
  background: url(../images/layout/footer/lccf.gif) no-repeat left top;
}

div.footerWrapper div.footer p.seccf
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
	position: absolute;
	bottom: 0;
	right: 415px;
}
div.footerWrapper div.footer p.seccf a
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
  background: url(../images/layout/footer/seccf.gif) no-repeat left top;
}

div.footerWrapper div.footer p.uvdb
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
	position: absolute;
	bottom: 46px;
	right: 30px;
}

div.footerWrapper div.footer p.uvdb a
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
  background: url(../images/layout/footer/uvdb.gif) no-repeat left top;
}

div.footerWrapper div.footer p.callNorthWest
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
	position: absolute;
	bottom: 0;
	right: 30px;
}

div.footerWrapper div.footer p.callNorthWest a
{
  margin: 0;
  padding: 0;
  width: 127px;
  height: 44px;
  text-indent: -9000px;
  overflow: hidden;
  display: block;
  background: url(../images/layout/footer/callNorthWest.gif) no-repeat left top;
}
*/

/* copyright */ 

div.copyrightWrapper
{
  margin: 0;
  padding: 0;
  font-size: 0.85em;
  line-height: 1.25em;
  color: #aaa;
  background: url(../images/layout/footer/copyright.png) no-repeat left bottom;
}

div.copyrightWrapper div.copyright
{
  margin: 0;
  padding: 0 39px 28px 32px;
  min-height: 10px;
  height: auto !important;
  height: 10px;
}

div.copyrightWrapper a
{
  color: #aaa;
  text-decoration: none;
}

div.copyrightWrapper a:hover
{
  color: #e4017e;
  text-decoration: none;
}

div.copyrightWrapper div.copyright p
{
  margin: 0;
  padding: 0;
}

div.copyrightWrapper div.linksWrapper p.address { float: left; }

div.copyrightWrapper div.linksWrapper ul.links
{
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
}

div.copyrightWrapper ul.links li
{
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  float: right;
  border-right: 1px solid #bbb;
}

div.copyrightWrapper ul.links li.end
{
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

/* Call Us Pod */

div.callUsPod { margin-bottom: 10px; width: 218px; height: 209px; }
div.callUsPod a { display: block; }