/*global css for Premier Farnell*/ 

/* access keys and skip links */
#accessibility { position: absolute; left: -1000px; overflow: hidden; top: -10px; padding: 0; margin: 0; } 
span.access { font-size: 1.4em; font-weight: bold; }	


/* ---------------------------------- general  ----------------------------------  */
* { margin:0; padding:0; }
body { font-size:0.7em;  line-hight:1; font-family: Helvetica, sans-serif; background:url(../images/main-background.jpg) no-repeat top left ; width: 100%; color:#000 }

a:hover {color:#04a0e1; }

.clear {clear: both; }

.hide {display:none; }

a.note-icon, div.note {cursor: pointer;}




/* ---------------------------------- left Nav ---------------------------------- */

#left {  width:208px;  position:absolute; top:124px; _top:130px; left:0px; }
#left-nav {width:188px; padding:0;   margin-left:20px;  float:right; background:#3a2c74; }

#left-nav ul {margin:0px 0 0 0; padding:0; }
#left-nav ul li {list-style:none; background:url(../images/nav-gradient.gif) no-repeat top left; color:#fff; font-size:1.1em; padding-left:10px; border-top:1px solid #95a8ca; border-bottom:1px solid #000; }
#left-nav ul li:hover {background:url(../images/subnav-gradient2.jpg) no-repeat top left;}

#left-nav ul li.left-nav-first {background:url(../images/nav-gradient-top.gif) no-repeat top left; padding-top:2px}
#left-nav ul li:hover.left-nav-first {background:url(../images/subnav-gradient2-top.jpg) no-repeat top left; padding-top:2px}
#left-nav ul li.left-nav-last {background:url(../images/nav-gradient-last.gif) no-repeat bottom left; 
color:#392c74; border-bottom: none; }

#left-nav ul li a {display:block; padding:7px 7px 7px 15px;  color:#fff; text-decoration:none;  background:url(../images/icon-leftnav.gif) no-repeat center left;    }
#left-nav ul li a:hover {background:url(../images/icon-leftnav-on.gif) no-repeat center left; }

#left-nav ul li a {_display: inline-block; } /*ie6 fix*/
#left-nav ul li a {_display:block;} /*ie6 fix*/




/*2nd level left nav*/
#left-nav ul li ul {margin:0; padding:0}
#left-nav ul li ul li {background:none; margin:0 10px ; border-bottom:none; font-size:1em;  border:none; }
#left-nav ul li ul li a {background:none; border-bottom:1px solid #95a8ca; padding-left:15px; background:url(../images/icon-leftnav.gif) no-repeat center left; }

#left-nav ul li ul li a.level2-last { border-bottom:none; }
#left-nav ul li ul li a.level2-first { border-top:1px solid #05a0e2;  /*border-bottom:none;*/ }
#left-nav ul li ul li a.no-btm-brd {border-bottom:none; } 
#left-nav ul li ul li a.level2-first-on {background:none; background:url(../images/icon-leftnav-on.gif) no-repeat center left; font-weight:bold }

#left-nav ul li#on {background:none; background:url(../images/subnav-gradient.gif) no-repeat top left; border-top:2px solid #05a0e2; *display: inline-block;   }
#left-nav ul a#on-first { background:url(../images/icon-leftnav-arrow.gif) no-repeat center left; font-weight:bold; }

#left-nav ul li ul li:hover {background:none;  }
#left-nav ul li ul li a:hover {text-decoration:underline;}




/*3rd level left nav*/
#left-nav ul li ul li ul li .level3-first { border-top:1px solid #95a8ca; }
#left-nav ul li ul li ul li {margin:0}
#left-nav ul li ul li ul li:hover {background:none; }
#left-nav ul li ul li ul li a {background:none; padding-left:5px; _padding-left:15px;  }
#left-nav ul li ul li ul li a:hover {background:none;}
#left-nav ul li ul li ul li .level3-on {font-weight:bold; }


/*testing*/
#left-nav ul li {_padding-left:0px;}
#left-nav ul li a {_display:block; _color:#fff; _text-decoration:none;  _background:url(../images/nav-gradient-ie6x.gif) no-repeat top left;  _padding-left:0;  _padding-left:0; margin-left:0;  }
#left-nav ul li a:hover {_background:url(../images/subnav-gradient-ie6x.gif) no-repeat top left; }
#left-nav ul li a span {_padding-left:20px; _display:block; }
#left-nav ul li#on {_padding-left:5px; }
#left-nav ul a#on-first span {_padding-left:15px}
#left-nav ul li ul li a.level2-first-on:hover {_background:none; _background:url(../images/icon-leftnav-on.gif) no-repeat center left;  }
#left-nav ul li ul li a { _background:url(../images/icon-leftnav-on.gif) no-repeat center left; }
#left-nav ul li ul li a:hover  {_background:none; _background:url(../images/icon-leftnav-on.gif) no-repeat center left;}



/* ----------------------------------  wrap ----------------------------------  */
#wrap {width:78%; float:left; margin-left:208px;  _display:inline;  margin-top:45px}
#center-wrap {float:left; width:100%;   min-width:472px; }



/* ---------------------------------- header ----------------------------------  */
#header {background:#fff; width:100%; float:left; }
#logo-wrap {  padding: 5px 0px 0px 15px; width:96%; background-color:#fff; float:left; min-height:65px; height:auto !important; height:65px; }
#logo-wrap img {float:left; padding:0; margin:0;   }

.header-tl {background: url(../images/header-tl.gif) no-repeat top left ; height:8px}
.header-tr {background: url(../images/header-tr.gif) no-repeat top right ; height:8px}


#header-links {float:right; margin-bottom:24px; background:#fff; }
#header-links ul {width:400px; margin:0; padding:0 ;  }
#header-links ul li { list-style:none;  float:left; padding:0; width:126px; margin: 0 10px 0 0}
#header-links ul li a {display:block; padding:3px 0 3px 18px; border-bottom:1px solid #95a8c9; color:#000; text-decoration:none }
#header-links ul li a:hover {color:#04a0e1; }

#header-links ul li.cont {margin-right:0;}
#header-links ul li.dl {margin-right:0; }
#header-links ul li.prt {margin-left:136px; _display:inline; }

#header-links .contact { background:url(../images/icon-contact.gif) no-repeat center left; }
#header-links .download { background:url(../images/icon-download.gif) no-repeat center left;}
#header-links .print { background:url(../images/view-bookmark.gif) no-repeat center left;}
#header-links .bookmark {background:url(../images/icon-bookmark.gif) no-repeat center left;}
#header-links .using {background:url(../images/icon-use.gif) no-repeat center left; }

#header-links a.contact:hover { background:url(../images/icon-contact-over.gif) no-repeat center left; }
#header-links .download:hover { background:url(../images/icon-download-over.gif) no-repeat center left;}
#header-links .print:hover { background:url(../images/view-bookmark-over.gif) no-repeat center left;}
#header-links .bookmark:hover {background:url(../images/icon-bookmark-over.gif) no-repeat center left;}
#header-links .using:hover {background:url(../images/icon-use-over.gif) no-repeat center left; }




/* ---------------------------------- search ---------------------------------- */
#search {background:#fff; width:100%; clear:both; float:left; }
#search-wrap-content { background:#fff;   border-top:3px solid #95a8c9;  float:left;  width:96%; padding:8px 0 8px 0px; margin-left:15px ; _display:inline; }
#searchtext {float:left;  background: #fff; }

#search p {color:#3a6f8e; font-weight:bold; font-size:1.4em; letter-spacing: -1px;  float:left;  background:#fff; }
#search-form-wrap {width: 260px; float:right;   background:#fff; padding-right:0px ; background:#fff; }
#search-form-wrap p {margin:0; padding:0; float: left}
#search-form-wrap label { display:none; }
#search-form-wrap #searchbox {width:233px; float:left;  padding:0; margin:0 ;  }
#search-form-wrap #submit { margin-left:2px; padding:0; margin-top: 0px; float:left}





/* ---------------------------------- bread ----------------------------------  */
#bread {background:#fff; width:100%; clear:both; float:left;  }
#bread-content {background:#fff; width:96%; padding: 2px 0 2px 0; border-top:1px solid #95a8c9; border-bottom:1px solid #e1e1e1 ; float:left; margin-left:15px; _display:inline; }

#bread ul {margin:0 0 0 0px; padding:0;   min-width:100%;  } 
#bread ul li {float:left; list-style:none; margin-right:5px; color:#382c74; padding:3px 0 3px 0px;}
#bread ul li a {display:block; padding:0px 14px 0px 0px; background:url(../images/arrow.gif) no-repeat center right;  text-decoration:none; color:#999999; font-weight:bold; text-decoration:underline;  }
#bread ul li a:hover {color:#04a0e1; }






/* ----------------------------------  content-wrap ---------------------------------- */
/*content-wrap has min-hight set due to abs positioned left nav*/
#content-wrap {clear:both; background-color:#fff; width:100%; float:left; 
min-height:1000px; height:auto !important; _height:1000px; padding-top:13px; position:relative; }


/* content with right col*/
#content {float:left; width:70%; font-size: 1.1em; line-height:1.3; background: #fff url(../images/shadow-tall.jpg) repeat-y top right; }
#content-area {width:93%; padding: 0px 0 40px 15px; border-right:1px solid #cdcdcd; float:left; color:#555555;  }

/* content wide */
#content-wide {float:left; width:99%; font-size: 1.1em; line-height:1.3; background:#fff; }
#content-area-wide {width:98%; padding: 0px 0 40px 15px;  float:left; color:#555555;  }


/* ---------------------------------- detail-highlights page ----------------------------------  */

#detail-highlights-wrap {float:left; width:100%;  }
#detail-highlights {float:left; width:95%; }

#detail-highlights-generic {clear:both; }
#detail-highlights-generic p {padding:10px 0; margin:0;}
#detail-highlights-generic a {color:#555555;}
#detail-highlights-generic a:hover {color:#04a0e1;}


#detail-heading-wrap { margin-bottom:0px; }
.bkd-purple {background-color: #42183c;}
.bkd-blue {background-color: #101a3e;}
.bkd-orange {background-color: #b03923;}

#detail-heading {   min-height:172px; height:auto !important; height:172px; padding:0; margin:0px; }
#detail-heading-wrap .purple {background:  url(../images/detail-intro-bbkd.jpg) no-repeat top right;  }
#detail-heading-wrap .blue {background:  url(../images/webdev-intro-bbkd.jpg) no-repeat top right;  }
#detail-heading-wrap .orange {background:  url(../images/int-intro-bbkd.jpg) no-repeat top right;  }
#detail-heading h1 { margin:0;  padding:13px 0 0 10px !important; font-size:35px; color:#fff; font-weight:normal; /*width:350px;*/width:370px; }


#detail-intro {margin-bottom:10px;  margin-top:-2px;  *margin-top:-1px; }
.detail-intro-purple {background-color:#f8eaf9;}
.detail-intro-blue {background-color:#dff1fb;}
.detail-intro-orange {background-color:#f9e8d6;}

#detail-intro h2 { margin: 0px 0 0 12px; /*clear:left;*/ display:block; padding:17px 0 3px 0; *padding-top:8px; font-size: 1.3em; font-weight:bold;  }
#detail-intro p { margin-left:12px; margin-right:12px; font-size: 1.2em; line-height:1.3; padding-bottom:20px; }
#detail-highlights .top-pad {padding-top:17px; }


/*detail page - unordered lists*/
#detail2-wrap {float:left; width:100%;   }
#detail2-wrap a {color:#555555;}
#detail2-wrap a:hover {color:#04a0e1; }
#detail2-wrap .cmhtml-section {padding:8px;}


#detail2-wrap h2 { font-size: 1.1em; font-weight:bold; display:block; border-bottom:1px solid #95a8c9; padding:3px 0 3px 13px; background:url(../images/arrow-content.gif) no-repeat center left; margin-right:50px; margin-top:8px; }
#detail2-wrap ul {  margin-left:10px; *margin-left:15px; margin-top:5px; margin-right:50px }
#detail2-wrap ul li {padding: 2px 0}
#detail2-wrap .note-icon {float: right; width:20px;  }
#detail2-wrap .note-icon a {text-decoration:none; }



/*notes highlight icon*/
.highlight { background: #f3f3f3 url(../images/icon-note.gif) no-repeat top right; border-left:1px solid #ced3d6;  }
.note-done {background: url(../images/note-done.gif) no-repeat top right;  }



/* highlights box - new colour */
#highlights-box {background-color:#CAD3E4; width:438px; float:left; margin:20px 0; }
#highlights-box .tl {background: url(../images/highlight-corner-left.gif) no-repeat top left ; }
#highlights-box .tr {background: url(../images/highlight-corner-right.gif) no-repeat top right; }
#highlights-box h3 {font-size: 1.5em; color:#3a2c74; font-weight:normal; margin:0px 0 0px 12px; padding:12px 0 5px 0  }


.hl-box-wrap { background:#eaeef4;  padding:10px 0px; width:438px; float:left;  }
.hl-box-wrap-last {background:#eaeef4;  padding:10px 0; width:438px; float:left ;  }

.hl-box-border {float:left; border-bottom:1px solid #bfcbde; margin:0 10px; }
.hl-box-border-none {float:left;  margin:0 10px; }

.hl-box-left {float:left; width:310px; _width:300px; padding:5px 0; _display: inline;    }
.hl-box-left h4 {font-size: 1em; padding-bottom:10px; color:#000;}
.hl-box-left a {color:#000; display:block; }
.hl-box-left h4 a:hover {color:#04a0e1; }
.hl-box-left a.video {color:#000; display:block; padding-bottom:10px; background: url(../images/icon-video.gif) no-repeat top left; padding-left:20px ;}
.hl-box-left  p {width:268px;       }
.hl-box-right { width:108px; float:right; padding:5px 0; _display: inline; }




/*pagination*/
#pagination {clear:both; border-top:1px solid #e1e1e1; float:left;margin-top:20px; width:95% ;  }
#pagination ul {margin-left:35% ; margin-top:10px;}
#pagination ul li {list-style:none; float:left; margin: 0 0 0 0;  padding:5px;}
#pagination ul li a {display:block; color:#000; }
#pagination ul li a:hover {color:#04a0e1; }
#pagination ul li a.pagfirst {border-right:1px solid #000; padding-right:10px;}



#detail-highlights-wrap #note-icon-wrap {float:right; width:20px; }
#detail-highlights-wrap #note-icon-wrap .note-icon {float:right; width:20px;  }



/* ---------------------------------- detail standard page ----------------------------------  */

#standard-detail {float:left; width:100%; padding-top:15px;}
#standard-detail-content {float:left; width:95%; }

#standard-detail img {margin-bottom:10px; }
.standard-detail-intro {margin-bottom:10px; }
.standard-detail-intro p { font-size: 1.2em; line-height:1.3; padding-top:20px; }
.standard-detail-intro blockquote { font-size: 1.2em; line-height:1.3; padding-top:20px; }
#standard-detail-content h2 {margin:15px 0 0 0; padding:0; font-size:1em; }
#standard-detail-content p {margin:0 0 10px 0; padding:0; }
#standard-detail-content ul { margin-left:10px; *margin-left:15px;  }
#standard-detail-content ul li {margin:0; padding: 2px 0 }
#standard-detail a {color:#555555}
#standard-detail a:hover {color:#04a0e1;}

#standard-detail #note-icon-wrap {float:right; width:20px;  }
#standard-detail #note-icon-wrap .note-icon {float:right; width:20px;  }





/* ---------------------------------- right ---------------------------------- */
#right-wrap {float:left; width:30%; min-width:124px; background:#fff; }
#right-wrap-width {clear:left; float:left; width: 96%; }


/*tabs*/
#tabs {  float:left; width:98%; background: #fff url("../images/tabs-bg.gif") repeat-x bottom; font-size:0.9em; font-family:Arial, Helvetica, sans-serif  }
#tabs ul { margin:0; padding: 0;  list-style:none;      }
#tabs li { float:left; background:url("../images/tabs-left.gif") no-repeat left top;  margin:0 1px; padding:0 0 0 9px;   }
#tabs a { display:block; background:url("../images/tabs-right.gif") no-repeat right top; padding:5px 9px 4px 1px; text-decoration:underline; font-weight:bold; color:#000;   }


#tabs a:hover {color:#04a0e1;}
#tabs #current {background-image:url("../images/tabs-left-on.gif"); }
#tabs #current a {background-image:url("../images/tabs-right-on.gif"); color:#000; padding-bottom:5px; text-decoration:none; }
#tabs #inactive {background:url("../images/tabs-left.gif"); border-bottom:1px solid #9ca1be;}
#tabs #inactive a { color:#000; padding-bottom:5px; /*border-bottom:1px solid #9ca1be; */  }


#right {  width:98%; float:left; }
#right-content {  float:left; margin:10px; _display:inline;  background:#fff; width:90%; padding-bottom:20px }
#right-content p {margin:5px; }
#right-content a {color:#000}
#right-content a:hover {color:#04a0e1} 
#right-content .note {width: 90%; }
#right-content .note textarea {width: 98%; display:block; margin-bottom:5px;}
#right-content  .note-hover {background:#f3f3f3; }
#right-content  .note-hover  span {margin-left:40%; display:block; padding:10px 0; font-size:1.3em; color:#666666; 
margin-top:5px;   }
#right-content .content {display:block; padding-top:10px; padding-bottom:10px; border-top:1px solid #ced3d6; border-bottom:1px solid #ced3d6; margin-bottom:10px }



/*related links*/
#rel-links-text h2 {margin:5px 0 15px 5px; font-size:1em; border-top: 1px solid #95a8c9;  padding-top:10px;}
#rel-links-text p {margin-top:15px; margin-bottom:15px; }
#rel-links-text a {display:block}
#rel-links-text h3 {margin:30px 0 15px 5px; font-size:1em; }
#rel-links-text ul {margin:0; padding:0;}
#rel-links-text ul li {margin:15px 0 15px 5px; padding:0; list-style:none; }




/* ---------------------------------- board template ---------------------------------- */

#main-heading {border-bottom:1px solid #95a8c9; padding-bottom:/*10px*/ 0; *padding-bottom:5px; background:#fff; width:99%; }
#main-heading h1 {color:#3a2c74; font: Helvetica, Arial, sans-serif; font-weight:normal; font-size:2.9em; letter-spacing:-2px;  }


.board-wrap {float:left; border-top:1px solid #95a8c9; width:95%; padding-top: 30px; margin-bottom:20px; }
.board-wrap-first {float:left;  width:95%; padding-top: 30px; margin-bottom:20px; }
.board-left {float:left; width:158px; margin-right:17px;   }
.board-left img {float:left; }
.board-right {float: left;  padding:5px; width:55%;  }
.board-right h2 {font-size:1em; }
.board-text {margin-top:15px; }
.board-wrap h3 {font-size:1em; }
.board-wrap ul {margin:0; padding:0;}
.board-wrap ul li {list-style:none; padding:0; margin:0}
.board-right-notes {float: left;  padding:0 5px 5px 5px; width:55%;  }

#board-wrap {float:left; width:100%;padding-top:15px; }
#board {float:left; width:88%;  }


#board #note-icon-wrap {float:right; width:20px; background:yellow; }
#board #note-icon-wrap .note-icon {float:right; width:20px;  }



/* ---------------------------------- about us template ---------------------------------- */

#about-us {float:left; width:100%; padding-top:15px;  }
#about-us-wrap {float:left; width:88%; }

#about-us-intro {font-size: 1.2em; line-height:1.3; margin:15px 0px 17px 0; float:left; width:100%;  }
#about-us-intro img {margin:22px 0 0 0; }
#about-us-intro-wrap .note-icon {float:right; width:3%; background:green; }


#module-facts-wrap { float:left; width:100%; margin-bottom:40px; margin-top:5px; *margin-top:15px;  }

.module-facts {float:left; width:48%;  }
.module-facts h2 {font-size:1.1em; border-top:2px solid #95a8c9; color:#333333; padding:8px 0 8px 15px; }
.module-facts ul { margin:0; padding:0; background:url(../images/shadow-grey.gif) no-repeat top left; border-top:1px solid #95a8c9; }
.module-facts ul li {list-style:none; background:url(../images/arrow-content.gif) no-repeat center left; padding:5px 0 5px 15px; margin-left:15px; margin-right:15px; border-bottom:1px solid #95a8c9; }
.mf-first {margin-right:15px; }



#module-full-wrap {float:left; width:100%; margin-bottom:64px; margin-top:0; }
#module-full-wrap h2 { font-size:2em; color:#3f2e83; font-weight:normal; letter-spacing:-1px; margin-bottom:10px; 
margin-left:15px;}
.module-full {float:left; width:100%; background:url(../images/shadow-grey.gif) repeat-x top left; 
border-top:1px solid #95a8c9;   }
.module-full-nb {background:none; }
.module-full h3 {margin:20px 0 20px 15px;font-size:1.2em;  }
.module-full .module-full-left {float:left; width:40%; margin-right:30px; margin-left:15px; _display:inline; 
padding-bottom:20px;  }
.module-full .module-full-left a {display:block; }
.module-full .module-full-left p {margin-bottom:10px;}

.module-full .module-figures {float:left; width: 45%; margin-top:-7px;  padding-bottom:20px }

.module-full .mod-figures  {border-bottom:1px solid #95a8c9; } 
.module-full .module-figures .mf-first {padding-top:0;  }
.module-full .module-figures .division {font-weight:bold; color:#000  }
.module-full .module-figures .fig {color: #9c3f97; font-size:1.8em; }
.ab-note {font-size:0.8em !important; color: #9c3f97 !important;}

.module-full h4 {clear:both; display:block; margin:0px 0 10px 0px;font-size:1.1em; padding-top:10px; }

.about-us-notes-fig {padding:5px 0; font-size:0.8em; float:left;}
.about-us-notes-fig h5 {padding:0; margin:8px 0 0 0; font-weight:bold;font-size:0.9em;}
.about-us-notes-fig ol {margin:0; padding:0; margin-left:15px; }
.about-us-notes-fig ol li { padding:2px 0; margin-left:10px}


#about-us #note-icon-wrap {float:right; width:20px; }
#about-us #note-icon-wrap .note-icon {float:right; width:20px;  }





/* ---------------------------------- CEO's QA template ---------------------------------- */

#ceo-wrap {float:left; width:100%; padding-top:15px; }
#ceo {float:left; width:450px;   }

.qa-wrap {width:445px;  float:left;   }
.qa-flash {margin-top:10px; margin-bottom:20px; float:left; }
.qa-wrap p { width:375px; margin-left:44px; margin-top:20px; margin-bottom:27px;}
.qa-wrap  .active {/*width:445px;*/ width:439px; background:url(../images/bgd-qa-on.jpg) no-repeat top left;  float:left; margin-top:10px;  border-bottom:1px solid #95a7cd; }
.qa-wrap  .active a {text-decoration:none;  }
.qa-wrap  .active a:hover {color:#04a0e1;}
.active h2 {font-size:1em; padding: 10px 0 10px 40px; float:left; width:65%}
.qa-wrap h2 a {color:#000; }
.qa-wrap a:hover {color:#04a0e1; }

.qa-wrap  .inactive {/*width:445px; */ width:439px; background:url(../images/bgd-qa.jpg) no-repeat top left;  float:left;margin-top:10px ;  border-bottom:1px solid #cdcdcd;  }
.qa-wrap  .inactive a {color:#656565; }
.qa-wrap  .inactive a:hover {color:#04a0e1;}
.inactive h2 {font-size:1em; padding: 10px 0 10px 40px; float:left; width:65%}
.transcript { float:right; padding: 10px; color:#888a89; margin-right:10px;  }


#ceo-wrap #note-icon-wrap {float:right; width:20px; }
#ceo-wrap #note-icon-wrap .note-icon {float:right; width:20px;  }


/* ---------------------------------- KPI template ---------------------------------- */

#kpi-wrap-outer {float:left; width:100%; padding-top:15px;}
#kpi {float:left;  width:450px;  }
#sub {float:left; border-bottom:1px solid #95a8c9; width:445px; margin-bottom:20px; }
#sub h2 {clear:both; color:#3a2c74; font: Helvetica, Arial, sans-serif; font-weight:normal; font-size:2em; letter-spacing:-2px; margin:31px 0 10px 0;  display:block; }

#kpi-intro h2 { margin-bottom:0; padding-bottom:0; font-size: 1.3em; }
#kpi-intro p { font-size: 1.2em; line-height:1.3; margin:0px 20px 17px 0;  padding-top:0; }

/*kpi tab*/
#v-kpi {width:445px;float:left; }
#v-kpi ul { margin:0; padding: 0;  list-style:none; float:right;    }
#v-kpi li { float:left; background:url("../images/tabs-left.gif") no-repeat left top;  margin:0 1px; padding:0 0 0 9px;   }
#v-kpi a { display:block; background:url("../images/tabs-right.gif") no-repeat right top; padding:5px 9px 4px 1px; text-decoration:underline; font-weight:bold; color:#656565; font-size:0.9em;  }
#v-kpi a:hover {color:#04a0e1;}



.kpi-wrap {width:445px;  float:left;   }
.kpi-flash {margin-top:10px; margin-bottom:20px;  }
.kpi-flash a {display:block; float:left; margin-right:20px; margin-top:18px; _margin-top:0px; color:#04a0e1; padding-right:15px;margin-bottom:10px;   }

.kpi-flash img {/*margin-left:44px;*/ margin-top:0px; margin-bottom:0; }
.kpi-wrap p { width:310x; margin-left:44px; /*margin-top:20px; margin-bottom:27px;*/ margin-top:15px; margin-bottom:15px; background:#fff; }
.kpi-wrap  .active-kpi {width:445px; background:url(../images/bgd-qa-on.gif) no-repeat top left;  float:left; }
.kpi-wrap  .active-kpi a {text-decoration:none;  }
.kpi-wrap .active-kpi h3 {font-size:1em; padding: 10px 0 10px 50px; float:left; }
.kpi-wrap h3 a {color:#000; }
.qa-wrap a:hover {color:#04a0e1; }


/*snap shot link - used all over the site*/
.s-shot { background:url(../images/s-shot.gif) no-repeat top right; margin-right:3px;  color:#04a0e1; padding-right:15px; border:1px solid #fff; display:inline;   }


.kpi-wrap  .inactive-kpi {width:445px; background:url(../images/bgd-qa.gif) no-repeat top left;  float:left;  }
.kpi-wrap  .inactive-kpi a {color:#656565; }
.inactive-kpi h3 {font-size:1em; padding: 10px 0 10px 50px; float:left; }
.figure-kpi { float:right; padding: 5px 20px 10px 10px; color:#9d3f97;  font-size:1.5em; display:block;    }
.kpi-notes {font-size:0.9em;}


#kpi-footer {padding:5px 0; font-size:0.9em; float:left;margin-top:20px; margin-left:5px; }
#kpi-footer h4 {font-weight:bold; margin:2px 0; padding:0; font-size:1em; }
#kpi-footer ol {margin:0; padding:0; margin-left:15px; }
#kpi-footer ol li { padding:2px 0; margin-left:10px}


#note-icon-wrap {float:right; width:20px; }
#note-icon-wrap .note-icon {float:right; width:20px;  }




/*----------------------------------  snapshot ----------------------------------  */

#snapshot-wrap {clear:both;  width:100%; background:#f3f3f3;}
.snapshot-top {float:left; width:100%; background:#95a8c9; }

.ss-tl {background: url(../images/ss-tl.gif) no-repeat top left ; height:8px}
.ss-tr {background: url(../images/ss-tr.gif) no-repeat top right ; height:8px}

.snapshot-link {padding:0 0 10px 15px; }
#snapshot-wrap h2 { background-color:#95a8c9; color:#fff; font-size:1em; margin-left:10px; padding:0px 0 15px 0; }
#snapshot-wrap p {clear:both; float:left; *float:none; font-size:1em; padding:5px 10px 10px 10px ; color:#000; display:block; margin-top:8px;  }



/*----------------------------------  case studies in right col ----------------------------------  */

/*change of color*/
#cs-wrap {float:left; width:100%; background:#eaeef4;  }
.cs-top {float:left; width:100%; background:#CAD3E4  ;  }
.cs-tl {background: url(../images/highlight-corner-left.gif) no-repeat top left ; }
.cs-tr {background: url(../images/highlight-corner-right.gif) no-repeat top right;}

#cs-wrap h2 { border:none; background-color:#CAD3E4; color:#000; font-size:1.2em; margin:0 0 10px 10px; padding:0;   }
#cs-wrap p a {color:#000; display:block;  *width:90%; padding:5px 0 5px 5px;font-weight:bold; float:left;}
#cs-wrap a.video { display:block; padding-bottom:10px; background: url(../images/icon-video.gif) no-repeat center left; padding-left:20px ;}
#cs-wrap a:hover {color:#04a0e1;}


.cs-module {float:left; width:95%; background:#eaeef4; padding:10px 0 20px 0; border-bottom:1px solid #bfcbde; margin-left:5px; _display:inline;  }
.cs-module-last {float:left; width:95%; background:#eaeef4; padding:10px 0 20px 0;  margin-left:5px; _display:inline;  }
.cs-module-left {float:left; width:50%; padding-left:10px; _display:inline; }
.cs-module-right {float:right; width:40%; }




/*----------------------------------  case studies main page ----------------------------------  */

#case-studies {float:left; padding-top:15px; width:99%;  }
#case-studies h2 {color:#3a2c74; font: Helvetica, Arial, sans-serif; font-weight:normal; font-size:1.8em; letter-spacing:-1px; margin:21px 0 10px 15px;  display:block; float:left; _display:inline;  }
#case-studies a {color:#000; }
#case-studies a:hover {color:#04a0e1; }

#case-studies-1 {float:left; width:100%;  background:#faf1fa}
.case-studies-outer-1 {float:left; width:98%; border-top:1px solid #95a8c9; margin-left:15px; _display:inline; background:#faf1fa;}
.case-studies-wrap-1 { width:30%; float:left;  background:#faf1fa; margin-right:4%; margin-top:15px;   }
.case-studies-wrap-last-1 { width:30%; float:left;  background:#faf1fa; margin-top:15px;   }
.case-studies-box-left-1 {float:left; width:45%; margin-top:15px   }
.case-studies-box-left-1 p { padding:5px; }
.case-studies-wrap-1 a {display:block; color:#000;   }
.case-studies-box-right-1 {width:45%;  float:right; margin-top:15px }
#case-studies-1 a.video { display:block;  background: url(../images/icon-video.gif) no-repeat center left; padding-left:20px ;}


#case-studies-2 {float:left; width:100%;  background:#f3f8fd; margin:15px 0;}
.case-studies-outer-2 {float:left; width:98%; border-top:1px solid #95a8c9; margin-left:15px; _display:inline; background:#f3f8fd;}
.case-studies-wrap-2 { width:30%; float:left;  background:#f3f8fd; margin-right:4%; margin-top:15px;   }
.case-studies-wrap-last-2 { width:30%; float:left;  background:#f3f8fd; margin-top:15px;   }
.case-studies-box-left-2 {float:left; width:45%; margin-top:15px   }
.case-studies-box-left-2 p { padding:5px; }
.case-studies-wrap-1 a {display:block; color:#000;   }
.case-studies-box-right-2 {width:45%;  float:right; margin-top:15px }
#case-studies-2 a.video { display:block; background: url(../images/icon-video.gif) no-repeat center left; padding-left:20px ;}


#case-studies-3 {float:left; width:100%;  background:#fdf4ea; }
.case-studies-outer-3 {float:left; width:98%; border-top:1px solid #95a8c9; margin-left:15px; _display:inline; background:#fdf4ea;}
.case-studies-wrap-3 { width:30%; float:left;  background:#fdf4ea; margin-right:4%; margin-top:15px;   }
.case-studies-wrap-last-3 { width:30%; float:left;  background:#fdf4ea; margin-top:15px;   }
.case-studies-box-left-3 {float:left; width:45%; margin-top:15px   }
.case-studies-box-left-3 p { padding:5px; }
.case-studies-wrap-3 a {display:block; color:#000;   }
.case-studies-box-right-3 {width:45%;  float:right; margin-top:15px }
#case-studies-3 a.video { display:block; background: url(../images/icon-video.gif) no-repeat center left; padding-left:20px ;}



/*----------------------------------  search results in right div ----------------------------------  */
#search-results-right {float:left; width:100%; }
#search-results-right h2 {font-size:1.6em; letter-spacing:-1px; font: Helvetica, Arial, sans-serif; font-weight:normal; color:#3a2c74; padding-bottom:6px; margin:0; }
#search-results-right p {padding:10px 0; margin-left:0; }
#search-results-right ul {list-style:none;}
#search-results-right ul li {margin:10px 0; color:#555555;}
#search-results-right ul li a {display:block; color:#000}
#search-results-right a.sr {clear:both; float:left; margin-top:25px; display:block; background:url(../images/sr.gif) no-repeat center right; padding-right:15px;  }


/*----------------------------------  accounts ----------------------------------  */
#accounts {float:left; padding-top:15px; }
.accounts-dl {clear:both; float:right;  }
.accounts-dl a {display:block; float:left; background:url(../images/icon-xl.gif) no-repeat center left; padding-left:15px; color:#000; margin-top:15px;  }


/*----------------------------------  our strategy----------------------------------  */
#main-heading-os { padding-bottom:/*10px*/ 0;  background:#fff; width:99%; }
#main-heading-os h1 {position: absolute; left: -1000px;  }


#our-strategy-wrap {float:left; width:100%; padding-top:0px;    }
#our-strategy {float:left; width:95%; }
#our-strategy a:hover {color:#04a0e1; }

#os-video-wrap {width:100%; }

#os-video-wrap p a {color:#000;}
#os-video-wrap p a:hover {color:#04a0e1;}

/*os modules*/
#os-modules {clear:both; float:left; margin-top:5px;  width:100%;  }
#os-modules h2 {color:#3a2c74; font: Helvetica, Arial, sans-serif; font-weight:normal; font-size:1.8em; letter-spacing:-1px; margin:21px 0 10px 8px; _margin-left:5px; display:block; float:left; }

.os-box-wrap-outer {clear:both; float:left;  width:100%; }
.os-box-wrap { width:100%; float:left; border-top:1px solid #95a8c9; background:url(../images/shadow-grey.gif) repeat-x top left;  }
.os-box-left {float:left; width:75%; padding:5px 0; margin-left:10px;  _display: inline; }
.os-box-left h3 {font-size:1.1em; padding:0; margin:0; }
.os-box-left p {width:90%;  }
.os-box-left a {display:block; color:#000; }
.os-box-right {width:20%; float:right; padding:5px 0; _display: inline;}
.os-box-right img {margin-top:5px;}


#our-strategy-wrap #note-icon-wrap {float:right; width:20px; }
#our-strategy-wrap #note-icon-wrap .note-icon {float:right; width:20px;  }

/*----------------------------------  bookmarks ----------------------------------  */

#bookmarks-list ul {margin-left:20px;  margin-bottom:20px;}
#bookmarks-list ul li {padding:5px 0 5px 0;  margin-left:10px;}

#accounts a#printBookmarks  {color:#000;  }
a#printBookmarks:hover {color:#04a0e1; }

#bookmarks-list a {color:#000;}
#bookmarks-list a:hover {color:#04a0e1; }



/*----------------------------------  homepage ----------------------------------  */

#homepage {float:left; padding-top:5px; background:#fff; width:99% }

#home-heading-wrap { margin-bottom:0px; background-color: #343e01;  width: 100%}
#home-heading {  background:  url(../images/bgd-Green-home.jpg) no-repeat top right; min-height:297px; height:auto !important; height:297px; padding:0; margin:0; width: 100%}


#home-heading h1 { margin:0;  padding:13px 0 0 10px !important; font-size:35px; color:#fff; font-weight:normal; width:437px; }
#homepage-teaser-link {margin-left:17px; background:url(../images/green-icon.png) no-repeat center left;}

/*ie6 trans png fix*/
img, #homepage-teaser-link { behavior: url(css/iepngfix.htc); }


#home-heading a { margin-left:40px; display:block;  font-size:1em; color:#fff !important; padding:15px 0; _padding:5px 0 10px 0; text-decoration: underline; }
#home-heading a:hover {color:#fff !important; text-decoration:none;  }


#homepage-content-wrap {float:left; width:100%;  }
#homepage-content-left {float:left; width:70%;  }
#homepage-content-right {float:right; width:28%; background:#fff;  margin-top:13px; border-top:2px solid #95a8c9;}


/* home teaser2 new */
#home-teaser-wrap { margin-bottom:0px; background-color: #06193a;   width: 100%; margin-top:13px; float:left; }
#home-teaser {  background:  url(../images/blue-teaser2.jpg) no-repeat top left; min-height:217px; height:auto !important; _height:217px; padding:0; margin:0; width: 100%;}


#home-teaser-content {  float:right; margin-right:40px; _display:inline;}
#home-teaser h2 {margin-left:15px; padding-top:17px; }
#header-for-print {display:none;}
#home-teaser-link { margin-left:17px; background:url(../images/blue-icon.png) no-repeat center left; *margin-top:10px; _*margin-top:20px; }
#home-teaser-link a {color:#fff !important; text-decoration:underline }
#home-teaser-link a:hover {color:#fff !important; text-decoration:none;  }

/*ie6 trans png fix*/
img, #home-teaser-link { behavior: url(css/iepngfix.htc); }

#home-teaser a { margin-left:40px; display:block;  font-size:1em; color:#fff; padding:15px 0; _padding:5px 0 10px 0;  text-decoration: underline;  }
#home-teaser a:hover {color:#fff; text-decoration:none;  }

#home-teaser ol {margin:0 0 10px 37px; padding:0; width:240px; *margin:0; *width:260px; }
#home-teaser ol li { padding:3px 0; color:#fff; font-weight:bold; font-size:1em; border-bottom:1px solid #495c7d;  *margin-left:37px; }
#home-teaser ol li.last {border-bottom:none; }




/*home content box*/
#home-box-wrap-outer {clear:both; float:left;  width:100%;  }
#home-box-wrap-outer h3 {color:#3a2c74; font: Helvetica, Arial, sans-serif; font-weight:normal; font-size:1.8em; letter-spacing:-1px; margin:21px 0 10px 10px;  display:block; float:left; _display:inline;  }

.home-box-wrap { width:100%; float:left; border-top:1px solid #95a8c9; background:url(../images/shadow-grey.gif) repeat-x top left;   }
.home-box-left {float:left; width:52%;/* _width:300px;*/ padding:5px 0; margin-left:10px;  _display: inline; }
.home-box-left p {width:97%; padding:10px 0; }
#home-box-wrap-outer .home-box-wrap .home-box-left a {display:block; color:#000; }
#home-box-wrap-outer .home-box-wrap .home-box-left a:hover {color:#04a0e1;}
.home-box-right {width:39%; float:right; /*padding:5px 0;*/ _display: inline; }
.home-box-right img {padding-top:10px; margin-top:10px;}


/*home page right col content*/
#homepage-content-right h4 { font-weight:bold; color:#000; font-size:1.1em; margin-left:10px; padding:5px 0;  }
#home-figures {float:left; width: 100%;   padding-bottom:20px; background:url(../images/shadow-grey.gif) repeat-x top left;  border-top:1px solid #95a8c9; }
#home-figures table {width:95%; margin:0 auto;  }
#home-figures td {padding:5px 0; /*border-bottom:1px solid #95a8c9;*/}

#home-figures .division {color:#000; text-align:left; border-bottom:1px solid #95a8c9;  }
#home-figures .home-fig {color: #9c3f97; font-size:1.3em; text-align:right ; border-bottom:1px solid #95a8c9; font-weight:bold; }
#home-figures a {color:#000; display:block; padding:15px 0 5px 0; }
#home-figures a:hover {color:#04a0e1; }

#home-results {width:100%}
#home-results h4 {display:block; border-bottom:1px solid #95a8c9; font-weight:bold; color:#000; font-size:1.1em; margin-left:10px; padding:5px 0; }
#home-results ul { margin-left:10px ; padding:0; list-style:none; }
#home-results ul li {padding:5px 0}
#home-results a {display:block; color:#000; }
#home-results a:hover {color:#04a0e1;}


/*----------------------------------  download centre ----------------------------------  */

#download-centre {float:left; width:100%;padding-top:15px;}
#download-centre-content {float:left; width:95%;}

#download-centre-content h2 {color:#3a2c74; font: Helvetica, Arial, sans-serif; font-weight:normal; font-size:1.6em; letter-spacing:-1px; margin:10px 0 5px 0;  display:block; float:left; }
.download-pdf {float:left;  width:100%; border-top:1px solid #95a8c9; background:url(../images/shadow-grey.gif) repeat-x top left;}

#download-centre-content h3 {font-size:1em; margin:10px 0 0px 20px;}


.download-pdf p {margin:17px 20px 0 20px; }
.download-pdf ul {margin:20px 0 30px 55px; padding:0; list-style:none; }
.download-pdf ul li {padding:8px 0; display:block; }
.download-pdf ul li a {/*display:block;*/ float:left; width:70%; background:url(../images/pdf.jpg) no-repeat top right; padding-right:20px ;  margin-right:5px; color:#555555; text-decoration:none}
.download-pdf ul li a:hover {color:#04a0e1; text-decoration:underline}


#download-excel {float:left;  width:100%; border-top:1px solid #95a8c9; background:url(../images/shadow-grey.gif) repeat-x top left; }

#download-excel p {margin:17px 20px 0 20px; }
#download-excel ul {margin:10px 55px 10px 20px; padding:0 0 0 35px; list-style:none; border-bottom:1px solid #e3e3e3; }
#download-excel ul.no-bdr {border-bottom:none;}

#download-excel ul li {padding:8px 0; display:block; }
#download-excel ul li a {/*display:block;*/ float:left; width:83%; background:url(../images/excel.gif) no-repeat top right; padding-right:10px ;  margin-right:5px; color:#555555; text-decoration:none}
#download-excel ul li a:hover {color:#04a0e1; text-decoration:underline}


#download-centre #note-icon-wrap {float:right; width:20px; }
#download-centre #note-icon-wrap .note-icon {float:right; width:20px;  }



/*----------------------------------  search results main page  ----------------------------------  */
#searchresults-detail {float:left; width:100%;padding-top:15px;}
#searchresults-detail-content {float:left; width:95%;}



#searchresults-detail-content h2 {font-size:1.3em;  font-weight:bold;  padding-bottom:0px; margin:0; }
#searchresults-detail-content p {padding:0 0 10px 0; margin-left:0; }
#searchresults-detail-content ul {list-style:none;}
#searchresults-detail-content ul li {margin:15px 0; color:#555555;}
#searchresults-detail-content ul li a {display:block; color:#000}
#searchresults-detail-content ul li a:hover { color:#04a0e1; }
#searchresults-detail-content a.sr {clear:both; float:left; margin-top:25px; display:block; background:url(../images/sr.gif) no-repeat center right; padding-right:15px;  }


#search-pagination { clear:both;  float:left}
#search-pagination ul {clear:both; float:left; margin:0; padding:0; list-style:none; }
#search-pagination ul li {float:left; padding:0 5px; font-weight:bold }
#search-pagination ul li.sp-first {padding-left:0; }
#search-pagination ul li a {font-weight:normal }

.btt {clear:both; float:none; color:#555555; display:block; padding:10px 0 }


#searchresults-main-detail #note-icon-wrap {float:right; width:20px; }
#searchresults-main-detail #note-icon-wrap .note-icon {float:right; width:20px;  }



/*----------------------------------  Business review ----------------------------------  */

#business-review-wrap {float:left; width:100%; padding-top:5px;    }
#business-review {float:left; padding-top:15px; width:450px; }


#br-content {clear:both; float:left; width:100%; background:#fff; margin-top:20px;}
#br-content h3 {color:#3a2c74; font: Helvetica, Arial, sans-serif; font-weight:normal; font-size:1.5em; letter-spacing:-1px; margin:0px 0 10px 0;  display:block; float:left; /*font-weight:bold*/ padding-left:8px;}
#br-content-left {float:left; width:216px;  }
#br-content-left ul {clear:both; float:left; margin: 8px 0 0 0;  list-style:none; border-top:1px solid #95a8c9; background:url(../images/shadow-grey.gif) repeat-x top left; width:216px;  padding-top:8px;}
#br-content-left ul li {padding:3px 8px}
#br-content-right {float:right; width:200px; background:#fff; }
#br-content-right a img {border:none; text-decoration:none; background:transparent}
#br-content-left ul li a {color:#555555;}
#br-content-left ul li a:hover {color:#04a0e1; }
#business-review-wrap #note-icon-wrap {float:right; width:20px; }
#business-review-wrap #note-icon-wrap .note-icon {float:right; width:20px;  }

.os-wrap {width:445px;  float:left;   }
.os-flash-wrap {margin-top:10px; margin-bottom:20px; float:left;}
.os-wrap  .active-os {width:439px; background:url(../images/bgd-qa-on.jpg) no-repeat top left;  float:left; margin-top:10px;  border-bottom:1px solid #95a7cd;}

.os-wrap  .active-os a {text-decoration:none;  }
.os-wrap  .active-os a:hover {color:#04a0e1;}
.os-wrap .active-os h2 {font-size:1em; padding: 10px 0 10px 50px; float:left; width:60% }
.os-wrap h2 a {color:#000; }
.os-wrap  .active-os .transcript-os { float:right; padding: 10px; color:#888a89; text-decoration:underline;    }


.os-wrap  .inactive-os {width:445px; background:url(../images/bgd-qa.jpg) no-repeat top left;  float:left; /*margin-bottom:10px*/  display:inline-block; margin-top:10px }

.os-wrap  .inactive-os {width:439px; background:url(../images/bgd-qa.jpg) no-repeat top left;  float:left; /*margin-bottom:10px*/  display:inline-block; margin-top:10px ; border-bottom:1px solid #cdcdcd; }
.os-wrap  .inactive-os a {color:#656565; }
.os-wrap  .inactive-os a:hover {color:#04a0e1;}
.inactive-os h2 {font-size:1em; padding: 10px 0 10px 50px; float:left; width:60% }
.os-wrap  .inactive-os .transcript-os { float:right; padding: 10px; color:#888a89; text-decoration:underline; margin-right:8px; }


/*----------------------------------  sitemap ----------------------------------  */
#sitemap {float:left; width:50%;  margin-top:15px;}
#sitemap ul {margin:0; padding:0; list-style:none; }
#sitemap ul li {border-bottom:1px solid #e1e1e1; padding:6px 0;}

#sitemap ul li ul {margin-left:25px; padding-top:6px; padding-bottom:6px; }
#sitemap ul li ul li {border-bottom:none; padding:0; padding:1px 0; /*background:yellow*/}

#sitemap ul li ul li ul {margin-left:25px; }
#sitemap a {/*text-decoration:none;*/  display:block; /*padding:3px 0;*/  color:#000}
#sitemap a:hover {color:#04a0e1;}


/*----------------------------------  footer ----------------------------------  */

#footer-wrap { clear:both; float:left; width:100%; padding:0px; margin-top:0px; background:url(../images/footer-gradient.gif) repeat-x top left; border-top:2px solid #95a8c9; margin-bottom:50px; *padding-bottom:50px;  }

#print-notes {display:none;}
div.user-note { display:none; }


#footer {border-bottom: 1px solid #e0e0e0; margin-left:208px; _display:inline;  float:left; width:50%}
#footer ul {padding:0; margin:0 0 10px 0; }
#footer ul li {list-style:none; float:left; margin-right:15px }
#footer ul li a {display:block;  padding:10px 0; color:#000; }
#footer ul li a:hover {color:#04a0e1;}
#footer-wrap  p { margin-left:208px; _display:inline; padding:10px 0;  float:left; width:50% ; color:#999999; }
#footer-wrap  p a {display:block;  padding:10px 0; color:#000; border-bottom: 1px solid #e0e0e0; font-size:1.2em;}
#footer-wrap  p a:hover {color:#04a0e1;}