@charset "utf-8";
/* CSS Document */
body {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-nav-parent.gif) #fff repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
}

/* ===== Structure ===================================================================== */
#wrapper-home,
#wrapper {
    margin: 0 auto;
    width: 960px;
}
#top {
    height: 30px;
    margin: 0 10px;
}
#masthead {
    clear: both;
    height: 98px;
    margin: 0 10px;
}
#logo {
    float: left;
}
.content-wrap-home {
    clear: both;
    margin: 0 10px;
    padding: 0 0 47px 0;
    width: 940px;
}
.content-wrap-sub {
    clear: both;
    margin: 0 10px;
    padding: 10px 0 30px 0;
    width: 940px;
}
.content-wrap-sub #content {
    float: left;
    margin: 0;
    width: 720px;
}
.home-col1 {
    float: left;
    width: 380px;
}
.home-col2 {
    float: left;
    margin: 0 0 0 20px;
    width: 255px;
}
.nav-col {
    clear: both;
    float: left;
    margin: 0 40px 0 0;
    width: 180px;
}
.main-col {
    clear: both;
    float: left;
    width: 500px;
}
.main-col .gutter {
    clear: both;
    width: 470px;
}
.promo-col {
    float: left;
    width: 220px;
}


#footer {
    clear: both;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-footer.gif) no-repeat;
    padding: 3px 10px;
}
/* ===== Global styles ================================================================= */


/* ===== Flash Movies & Image Banners ================================================== */
#flash-banner-home {
    clear: both;
    width: 940px;
    margin: 0 0 20px 0;
}
#flash-movie-sml {
    float: left;
    width: 242px;
    margin: 0 20px 20px 0;
}
#flash-movie {
    margin: 0 0 20px 0;
}
#flash-movie-working {
    float: left;
    margin: 0 0 15px 0;
    width: 220px;
}
.movie-text-working {
    float: left;
    margin: 0 0 5px 0;
    width: 230px;
}
#flash-banner,
.img-banner {
    margin: 0 0 25px 0;
}
.article-banner {
    padding: 0 0 10px 0;
}

/* ===== Images ======================================================================== */
img {
    border: 0;
}
img.rss {
    margin: 0 0 0 10px;
    vertical-align: middle;
}
.pic-left {
    float: left;
    width: 260px;
    margin: 0 0 20px 0;
}
.promo-pic {
    margin: 10px 0;
}
.promo-pic-flright2 {
    float: right;
}
ul.case-studies li .promo-pic {
    margin: 0 0 10px 0;
}
.align-bot {
    vertical-align: bottom;
}
.top-arrow {
    margin: 0 0 0 5px;
}
/* ===== Content styles ================================================================ */
h1 {
    clear: both;
    color: #333;
    font-size: 2em;
    font-weight: normal;
    line-height: 1em;
    margin: 0 0 .5em 0;
}
h1.search-result {
    display: inline;
    font-size: 1.5em;
    font-weight: bold;
}
.home-col1 h1 {
    color: #666666;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0 0 .4em 0;
}

h2 {
    color: #666;
    font-size: 1.35em;
    font-weight: normal;
    margin: 0 0 .7em 0;
}
h2.search-result {
    display: inline;
    color: #333;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1em;
    margin: 0 0 .5em 0;
}
h2.article {
    color: #333;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 .5em 0;
}
.text-layer h2.banner-text {
    color: #333;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.25em;
    padding: 18px;
}

h3 {
    color: #333;
    font-size: .95em;
    font-weight: normal;
    margin: 0 0 .7em 0;
}
h3.sector {
    color: #333;
    font-size: .85em;
    font-weight: normal;
    margin: 0 0 8px 0;
}
.promo-big h3 {
    font-size: 1.15em;
    font-weight: normal;
    margin: 0 0 .7em 0;
}
.home-col2 .promo-big h3 {
    color: #666666;
    margin: 0 0 5px 0;
}
.signpost h3 {
    font-size: 1.15em;
    font-weight: normal;
    margin: 0;
}
.promo-col .promo-big h3 {
    margin: 0;
}
h4 {
    color: #333;
    font-size: .75em;
    font-weight: bold;
    margin: 0 0 .7em 0;
}
.promo-big h4,
.signpost h4 {
    font-weight: normal;
    margin: 0;
}
p {
    font-size: .75em;
    margin: 0 0 .7em 0;
}
.content-wrap-sub .main-col p {
    margin: 0 0 1em 0;
}
p.lead {
    color: #666;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 .7em 0;
}
p.bot-link {
    position: absolute;
    margin: -1.2em 0 .7em 0;
}
p.bot-link2 {
    position: absolute;
    bottom: 0;
    left: 0;
}
p.comment-author {
    color: #333;
    font-weight: bold;
}
.content-wrap-sub .main-col p.caption {
    font-weight: bold;
    margin: 5px 0 0 0;
}
blockquote.comment-quote {
    font-size: .75em;
    margin: 0;
}
.promo-col p.terms {
    color: #666;
}
p.back-top {
    float: right;
    font-size: .7em;
}
p.back-top2 {
    font-size: .7em;
    padding: 0 0 2em 0;
}
.back-top-r {
    float: right;
    font-size: .7em;
}
.back-top-r a {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-arrow-up.gif) right 2px no-repeat;
    padding: 0 15px 0 0;
}
p.all-link {
    float: right;
    font-size: .7em;
    font-weight: bold;
    margin: -22px 0 0 0;
}

/* ===== Separator styles ================================================================= */
p.sep-bot {
    border-bottom: 1px dotted #ababab;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.hr-sep {
    clear: both;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-hr-sep.gif) 0px 5px no-repeat;
    margin: 0 0 20px 0;
    height: 15px;
}
.bg-sep {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-hr-sep.gif) no-repeat;
    padding: 30px 0 0 0;
}
.hr-dots {
    clear: both;
    margin: 20px 0 20px 0;
    border-top: 1px dotted #ababab;
    height: 10px;
}
.hr-dots2 {
    clear: both;
    margin: 11px 0 10px 0;
    border-top: 1px dotted #ababab;
    height: 1px;
}

/* ===== Lists ========================================================================= */
#content ol {
    font-size: .75em;
    margin: 0 0 .7em 25px;
    padding: 0;
}
#content ol li {
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-col ul {
    list-style: disc;
    font-size: .75em;
    margin: 0 0 .7em 18px;
}
.main-col ul li {
/*
    line-height: 1.3em;
*/
}
/* Quick Links */
ul.quick-links {
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0;
}
ul.quick-links li {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-leftnav-arrow.gif) -7px 4px no-repeat;
    color: #333;
    font-size: .95em;
    font-weight: normal;
    padding: 0 0 5px 15px;
}
/* list of Links */
ul.links {
    list-style: none;
    padding: 0;
    margin: 0 0 .7em 0;
}
ul.links li {
    font-size: .75em;
    line-height: 1.4em;
}
/* Home pic list */
.content-wrap-home ul.pic-list {
    clear: both;
    float: left;
    border-top: 1px dotted #cacaca;
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}
.content-wrap-home ul.pic-list li {
    clear: both;
}
.content-wrap-home ul.pic-list li .pic {
    float: left;
    padding: 10px 0 0 0;
    width: 85px;
    text-align: right;
}
.content-wrap-home ul.pic-list li .text {
    float: left;
    border-top: 1px dotted #cacaca;
    padding: 9px 0 0 0;
    width: 150px;
}
.content-wrap-home ul.pic-list li.first .pic,
.content-wrap-home ul.pic-list li.first .text {
    border: 0;
}
/* Home Latest News list */
ul.latest-news {
    margin: 0 0 10px 0;
}
ul.latest-news li {
    clear: both;
    border-top: 1px dotted #cacaca;
    padding: 10px 0;
}
ul.latest-news li.first {
    border: 0;
    padding: 0 0 10px 0;
}
ul.latest-news li .pic {
    float: left;
    padding: 0 0 10px 0;
    width: 85px;
}
ul.latest-news li .text {
    float: left;
    padding: 0 0 10px 0;
    width: 170px;
}
ul.latest-news li h4 {
    font-size: .75em;
    font-weight: bold;
    margin: 0;
}
ul.latest-news li p {
    font-size: .75em;
    margin: 0;
}
/* Social Network links list */
ul.social {
    list-style: none;
    padding: 0;
    margin: 0 0 0 680px;
}
ul.social li {
    float: left;
    font-size: .75em;
    margin: 0 0 0 5px;
}
ul.social li.first {
    margin: 0;
}
ul.social li img {
    margin: 0 2px 0 0;
}
ul.social2 {
    list-style: none;
    margin: 0;
    padding: 4px 0 20px 0;
    height: 90px;
}
ul.social2 li {
    float: left;
    font-size: .75em;
    margin: 0 15px 0 0;
}


/* Case studies list */
ul.case-studies {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.case-studies li {
    clear: both;
    border-top: 1px dotted #cacaca;
    padding: 10px 0;
}
ul.case-studies li.first {
    border: 0;
    padding: 0 0 10px 0;
}
ul.case-studies li h4 {
    font-size: .75em;
    font-weight: bold;
    margin: 0 0 .5em 0;
}
ul.case-studies li p {
    font-size: .75em;
    margin: 0 0 .5em 0;
}
/* pic image list */
.content-wrap-sub ul.team-list,
.content-wrap-sub ul.pic-list {
    list-style: none;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
.content-wrap-sub ul.team-list li,
.content-wrap-sub ul.pic-list li {
    clear: both;
    float: left;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-hr-sep.gif) left top no-repeat;
    padding: 25px 0 5px 0;
    width: 470px;
}
.content-wrap-sub ul.pic-list li .pic {
    float: left;
    width: 140px;
    min-height: 105px;
    margin: 0 0 10px 0;
}
.content-wrap-sub ul.pic-list li .text {
    float: left;
    width: 330px;
}
.content-wrap-sub ul.team-list li .pic {
    float: left;
    width: 130px;
    min-height: 115px;
    margin: 0 0 10px 0;
}
.content-wrap-sub ul.team-list li .text {
    float: left;
    width: 340px;
}
.content-wrap-sub ul.team-list li .text h3.name {
    font-weight: bold;
    margin: 0;
}
.content-wrap-sub ul.team-list li .text p {
    color: #666;
}
.content-wrap-sub ul.team-list li .text p.position {
}
.content-wrap-sub ul.sep-dots {
    list-style: none;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
.content-wrap-sub ul.sep-dots li {
    float: none;
    background-image: none;
    border-top: 1px dotted #b5b5b5;
    padding: 20px 0 10px 0;
    width: auto;
}
.content-wrap-sub ul.sep-dots li.first {
    border: 0;
    padding: 0 0 10px 0;
}
.content-wrap-sub ul.sep-dots li h4 {
    margin: 0;
}
/* Newsroom ========== */
.content-wrap-sub ul.newslead {
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.content-wrap-sub ul.newslead li {
    clear: both;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-hr-sep.gif) left top no-repeat;
    padding: 30px 0 0 0;
    width: 470px;
}
.content-wrap-sub ul.newslead li .pic {
    float: left;
    width: 150px;
    margin: 0 0 10px 0;
}
.content-wrap-sub ul.newslead li .text {
    float: left;
    width: 320px;
}
.content-wrap-sub ul.newslead li.first {
    background-image: none;
    padding: 20px 0 0 0;
}
.content-wrap-sub ul.newslead li.first .pic {
    width: 250px;
    margin: 0 0 10px 0;
}
.content-wrap-sub ul.newslead li.first .text {
    width: 220px;
}
.content-wrap-sub ul.newslead li h2 {
    color: #333;
    font-size: 1.15em;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0 0 .4em 0;
}
.content-wrap-sub ul.newslead li h3 {
    color: #666;
    font-size: .85em;
    font-weight: normal;
    margin: 0 0 .2em 0;
}
.content-wrap-sub ul.newslead li p {
    color: #666;
    margin: 0;
}
.content-wrap-sub ul.newslead li p.date {
    color: #333;
    font-weight: bold;
    margin: 0;
}
.content-wrap-sub ul.newslead li p.link {
    margin: 0 0 .7em 0;
}
.content-wrap-sub ul.newslead li.first h2 {
    color: #333;
    font-size: 1.35em;
    font-weight: normal;
    margin: 0 0 .4em 0;
}
/* More News */
.content-wrap-sub .morenews {
    clear: both;
    padding: 20px 0 0 0;
}
.content-wrap-sub .morenews p.arcive-news {
    clear: both;
    font-weight: bold;
    text-align: right;
}
.content-wrap-sub .morenews h2 {
    color: #333;
    font-size: .95em;
    font-weight: bold;
    margin: 0;
}
.content-wrap-sub ul.morenews-list {
    float: left;
    border-top: 1px dotted #ccc;
    font-size: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 18px 0;
}
.content-wrap-sub ul.morenews-list li {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-sq-org.gif) 0px 14px no-repeat;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0 10px 20px;
}
.content-wrap-sub ul.morenews-list li h3 {
    color: #666;
    font-size: .75em;
    font-weight: normal;
    margin: 0;
}
.content-wrap-sub ul.morenews-list li h3 a {
    color: #666;
}
.content-wrap-sub ul.morenews-list li h2,
.content-wrap-sub ul.morenews-list li p {
    color: #333;
    font-size: .75em;
    font-weight: normal;
    margin: 0;
}
/* Image Library ========== */
.pic-lib {
    clear: both;
}
.pic-lib h2 {
    color: #333;
    line-height: 1em;
    margin: 0 0 .4em 0;
}
ul.pic-lib-list {
    font-size: 100%;
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
}
ul.pic-lib-list li {
    float: left;
    margin: 0 0 0 30px;
    padding: 0 0 15px 0;
    width: 220px;
}
ul.pic-lib-list li.first {
    margin: 0;
}
ul.pic-lib-list li .details {
    font-size: .75em;
    margin: 0;
}
.pagination {
    clear: both;
    text-align: center;
    padding: 10px 0 0 0;
}
.pagination ul {
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
}
.pagination ul li {
    display: inline;
    border: 1px solid #ddd;
    font-size: .7em;
    line-height: 17px;
    margin: 0 1px 0 0;
}
.content-wrap-sub #content .pagination ul li a {
    padding: 0 6px;
}
.pagination p.page-count {
    font-weight: bold;
}
.pagination ul li.current {
    font-weight: bold;
}
/* FAQ ========== */
/* accordion */
#faq_container {
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.faq_toggle,
.faq_toggle_active {
    clear: both;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-hr-sep.gif) left top no-repeat;
    cursor: pointer;
    padding: 20px 0 15px 0;
    width: 470px;
}
.faq_toggle h2 {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-faq-open.gif) no-repeat;
    font-size: 1em;
    margin: 0;
    padding: 0 30px;
}
.faq_toggle_active h2 {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-faq-close.gif) no-repeat;
    font-size: 1em;
    margin: 0;
    padding: 0 30px;
}

.faq_content {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-faq-a.gif) 0px 20px no-repeat;
    border-top: 1px dotted #ddd;
    padding: 20px 0 20px 30px;
    overflow: hidden;
}
.faq_content h3 {
    font-size: .85em;
}
#faq_container ul li {
    background-image: none;
    width: auto;
    padding: 0;
}

/* ===== News Ticker ===== */
.home-col2 h4 {
    font-size: .85em;
    margin: 0 0 5px 0;
}
.home-col2 #news-ticker {
    width: 235px;
    margin: 0 0 20px 0;
}
.home-col2 #news-ticker #news-items {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding: 10px 0 0 0;
}
.home-col2 #news-ticker #news-items .news-pic {
    margin: 0 0 10px 0;
}
.home-col2 #news-ticker ul.news-pagination {
    float: left;
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}
.home-col2 #news-ticker ul.news-pagination li {
    float: left;
    border-left: 1px solid #333;
    font-size: .7em;
    font-weight: bold;
}
.home-col2 #news-ticker ul.news-pagination li.first {
    border: 0;
    padding: 0 3px 0 0;
}
.home-col2 #news-ticker ul.news-pagination li a {
    padding: 0 5px;
}
.home-col2 #news-ticker ul.news-control {
    float: right;
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}
.home-col2 #news-ticker ul.news-control li {
    display: inline;
}
/* news ticker bar */
#bar-ticker {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-bar-ticker.gif) right top no-repeat;
    margin: -15px 0 15px 0;
    height: 27px;
}
#bar-ticker h3.ticker-head {
    float: left;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-bar-ticker-head.gif) left top no-repeat;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    line-height: 27px;
    padding: 0 0 0 10px;
    margin: 0;
    width: 127px;
}
#bar-ticker ul.news-control {
    float: left;
    list-style: none;
    margin: 0;
    padding: 4px;
    height: 19px;
    width: 68px;
    
}
#bar-ticker ul.news-control li {
    float: left;
    padding: 0 2px;
}
#bar-ticker #bar-news-items {
    float: left;
    font-size: .7em;
    height: 27px;
    padding: 0;
    line-height: 27px;
    overflow: hidden;
    width: 497px;
}
#bar-ticker #bar-news-items a {
    font-weight: bold;
    text-decoration: none;
}
#bar-ticker #bar-news-items a:hover {
    text-decoration: underline;
}
/* promo col news ticker */
.promo-col #news-ticker {
    width: 190px;
    margin: 0 0 10px 0;
}
.promo-col #news-ticker #news-items {
    border-bottom: 1px dotted #ccc;
}
.promo-col #news-ticker #news-items .news-pic {
    margin: 0 0 10px 0;
}
.promo-col #news-ticker h4 {
    font-size: .85em;
    margin: 0 0 5px 0;
}
.promo-col #news-ticker ul.news-pagination {
    float: left;
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}
.promo-col #news-ticker ul.news-pagination li {
    float: left;
    border-left: 1px solid #333;
    font-size: .7em;
    font-weight: bold;
}
.promo-col #news-ticker ul.news-pagination li.first {
    border: 0;
    padding: 0 3px 0 0;
}
.promo-col #news-ticker ul.news-pagination li a {
    padding: 0 5px;
}
.promo-col #news-ticker ul.news-control {
    float: right;
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0;
}
.promo-col #news-ticker ul.news-control li {
    display: inline;
}

/* ===== Highlights ===== */
.home-col2 .highlights {
    border-top: 1px dotted #ccc;
    padding: 10px 0 0 0;
}
.home-col2 .highlights #flash-highlights {
    margin: 0 0 10px 0;
}

/* ===== Promos ======================================================================== */
.text-layer {
    position: absolute;
    z-index: 10;
}
.promo-big .text-layer {width: 200px;}
/* Home promos ========== */
.promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner.gif) left top no-repeat;
    background-repeat: no-repeat;
    min-height: 150px;
    padding: 20px 0 20px 20px;
}
.home-col1 .promo-big {
    float: left;
    width: 360px;
}

.home-col2 .promo-big {
    padding: 20px 0 0 20px;
}
.home-col1 .promo-pic-right {
    text-align: right;
    z-index: 0;
}
.home-col1 h2,
.home-col1 .text-layer h2 {
    color: #333;
    font-size: 1em;
    margin: 0 0 .7em 0;
}
/* Promos ========== */
.promo-col .promo-big {
    padding: 20px 0 10px 20px;
}
.promo-col .promo-pic-flright {
    float: right;
}
blockquote.big-mark {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-quotemark-big.gif) no-repeat;
    font-size: 1.1em;
    margin: 0;
    padding: 35px 0 0 0;
}
blockquote.big-mark .quote-close {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-quotemark-big-close.gif) left bottom no-repeat;
    padding: 0 0 35px 0;
}

.promo-col .promo-big p.comment-author {
    color: #666;
    font-weight: normal;
    line-height: 1.4em;
    margin: 20px 0 0 0;
}
.promo-comments {
    margin: 30px 0 0 0;
}
.promo-comments h4 {
    font-weight: bold;
    margin: 0 0 .5em 0;
}
/* Signpost promos ========== */
.sign-row {
    clear: both;
}
.signpost {
    float: left;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner.gif) left top no-repeat;
    min-height: 170px;
    width: 220px;
    margin: 0 0 0 30px;
}
.first-sign {
    clear: both;
    float: left;
    margin: 0;
}
.padding {
    padding: 20px 0 20px 20px;
}
.signpost .sign-pic {
    margin: 10px 0 15px 0;
    height: 75px;
}
.signpost .sign-pic-contact {
    margin: 10px 0 15px 0;
    height: 121px;
}
.signpost .sign-pic-sector {
    margin: 10px 0 15px 0;
    height: 105px;
}

/* ===== Navigation ==================================================================== */
ul#global-nav {
    float: left;
    padding: 4px 0 0 0;
}
ul#global-nav li {
    display: inline;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-chevron-rev.gif) 0px 4px no-repeat;
    font-size: .65em;
    line-height: 18px;
    padding: 0 0 0 10px;
}
ul#global-nav li#skip {
    display: none;
}
ul#news {
    display: inline;
}
ul#news li {
    float: right;
    border-left: 1px solid #ccc;
    font-size: .65em;
    line-height: 18px;
    margin: 4px 0 0 0;
    padding: 0 0 0 8px;
}
ul#news li.first {
    border: 0;
    padding: 0 8px 0 0;
}
ul#news li.alerts {
    padding: 0 8px;
}
ul#tools {
    float: right;
    padding: 49px 0 0 0;
}
ul#tools li {
    display: inline;
}
ul#tools ul.text-tool {
    display: inline;
}
ul#tools ul.text-tool li {
    display: inline;
}

ul#breadcrumb {
    clear: both;
    height: 38px;
    padding: 0 10px;
}
ul#breadcrumb li {
    float: left;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-arrow-crumb.gif) 0 13px no-repeat;
    font-size: .65em;
    font-weight: bold;
    padding: 10px 7px 0 10px;
}
ul#breadcrumb li.current {
    font-weight: normal;
}
#footer ul {
    height: 28px;
    padding: 9px 5px 0 5px;
}
#footer ul li {
    float: left;
    border-left: 1px solid #666;
    color: #666;
    font-size: .65em;
    line-height: 1em;
    padding: 0 5px 0 5px;
}
#footer ul li.first {
    border: 0;
}

/* Tabs ========== */
.tabs {
    float: left;
    margin: 0 0 30px 0;
    width: 470px;
}
ul.tabs-reports {
    float: left;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-hr-tabs.gif) left bottom no-repeat;
    list-style: none;
    width: 720px;
    margin: 0 0 10px 0;
    padding: 0 0 3px 0;
}
ul.tabs-pic-lib {
    clear: both;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 470px;
}
ul.tabs-reports li,
ul.tabs-pic-lib li {
    float: left;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-tabs-pic-lib.gif) no-repeat;
    font-size: .75em;
    width: 117px;
}
ul.tabs-reports li a,
ul.tabs-pic-lib li a {
    display: block;
    margin: 5px 5px 0 5px;
    padding: 5px 0 5px 4px;
}
ul.tabs-reports li.current a,
ul.tabs-pic-lib li.current a {
    font-weight: bold;
}

/* Left nav ========== */
/* Level 1 */
ul#left-nav {
    border-top: 1px solid #b2b2b2;
    font-size: .7em;
    margin: 0 0 20px 0;
    width: 180px;
}
ul#left-nav li {
    border-bottom: 1px dotted #7f7f7f;
    margin: 0;
    padding: 6px 0 4px 0;
}
ul#left-nav li.open {
    border-bottom: 0;
    padding-bottom: 0;
}
/* Level 2 */
ul#left-nav li ul {
    border-top: 1px dotted #7f7f7f;
    margin: 4px 0 0 0;
}
ul#left-nav li ul li {
    border-bottom: 1px dotted #7f7f7f;
    padding: 6px 0 4px 0;
}
ul#left-nav li ul li.open {
    border-bottom: 0;
    padding-bottom: 0;
}
/* Level 3 */
ul#left-nav li ul li ul {
    border-bottom: 1px dotted #7f7f7f;
    border-top: 1px dotted #7f7f7f;
    margin: 4px 0 0 0;
}
ul#left-nav li ul li ul li {
    border-bottom: 0;
    padding: 6px 0 4px 0;
}
/* Level 4 */
ul#left-nav li ul li ul li ul {
    border-bottom: 0;
    border-top: 0;
    margin: 4px 0 0 0;
}
ul#left-nav li ul li ul li ul li {
    border-bottom: 0;
    padding: 6px 0 4px 0;
}

/* Left nav links ========== */
/* Level 1 links */
ul#left-nav li a {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-leftnav-arrow-grey.gif) 0px 2px no-repeat;
    color: #666;
    padding: 0 0 0 18px;
    display: block;
}
ul#left-nav li a.current {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
ul#left-nav li a:hover {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-leftnav-arrow.gif) 0px 2px no-repeat;
    text-decoration: underline;
}
/* Level 2 links */
ul#left-nav li ul li a {
    background-image: none;
    color: #666;
    padding: 0 0 0 25px;
}
ul#left-nav li ul li a:hover {
    background-image: none;
    color: #666;
    text-decoration: underline;
}
/* Level 3 links */
ul#left-nav li ul li ul li a {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-chevron-grey.gif) 24px 4px no-repeat;
    color: #666;
    padding: 0 0 0 35px;
}
ul#left-nav li ul li ul li a:hover {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-chevron.gif) 24px 4px no-repeat;
    text-decoration: underline;
}
/* Level 4 links */
ul#left-nav li ul li ul li ul li a {
    background-image: none;
    color: #666;
    padding: 0 0 0 42px;
}
ul#left-nav li ul li ul li ul li a:hover {
    background-image: none;
    text-decoration: underline;
}

/* ===== Links ========================================================================= */
a {color: #333; text-decoration: none;}
a:hover {text-decoration: underline;}
.content-wrap-sub #content a {text-decoration: underline;}
.content-wrap-sub #content ul.search-result a,
.content-wrap-sub #content ul.sitemap a,
.content-wrap-sub #content table.reports a,
.content-wrap-sub #content ul.morenews-list a,
.content-wrap-sub #content ul.quick-links a,
.content-wrap-sub #content .back-top a,
.content-wrap-sub #content .back-top2 a,
.content-wrap-sub #content .back-top-r a,
.content-wrap-sub #content a.more-db,
.content-wrap-sub #content ul.tabs-reports li a,
.content-wrap-sub #content ul.tabs-pic-lib li a,
.content-wrap-sub #content .pagination ul li a {text-decoration: none;}
.content-wrap-sub #content ul.search-result a:hover,
.content-wrap-sub #content ul.sitemap a:hover,
.content-wrap-sub #content table.reports a:hover,
.content-wrap-sub #content ul.morenews-list a:hover,
.content-wrap-sub #content ul.quick-links a:hover,
.content-wrap-sub #content .back-top a:hover,
.content-wrap-sub #content .back-top2 a:hover,
.content-wrap-sub #content .back-top-r a:hover,
.content-wrap-sub #content a:hover.more-db,
.content-wrap-sub #content ul.tabs-reports li a:hover,
.content-wrap-sub #content ul.tabs-pic-lib li a:hover,
.content-wrap-sub #content .pagination ul li a:hover {text-decoration: underline;}

#footer ul li a,
ul#global-nav li a,
ul#news li a {color: #666;}
#footer ul li a:hover,
ul#global-nav li a:hover,
ul#news li a:hover {color: #333;}
ul#breadcrumb li a {color: #666;}
ul.social li a {color: #666; text-decoration: none;}
ul.social li a:hover {color: #333;}
a.more-db {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bullet-doub-chevron.gif) 0px 5px no-repeat;
    color: #333;
    font-weight: bold;
    padding: 0 0 0 9px;
}
.promo-col a,
.signpost a {font-weight: bold}

.content-wrap-sub ul.morenews-list li h4 a {color: #666;}

/* ===== Tables ======================================================================== */
table.reports {
    clear: both;
    border-collapse: collapse;
    border-bottom: 1px dotted #ababab;
    font-weight: bold;
    margin: 15px 0 0 0;
    width: 100%;
}
table.reports thead th {
    font-size: .75em;
    padding: 0 0 10px 0;
    text-align: left;
}
table.reports tbody th,
table.reports tbody td {
    border-top: 1px dotted #ababab;
    font-size: .75em;
    font-weight: normal;
    vertical-align: top;
    padding: 14px 0;
}
table.reports tbody th {
    text-align: left;
}
table.reports tbody td {
    color: #666;
    font-size: .7em;
    text-align: center;
}
table.reports tbody td img {
    vertical-align: middle;
}
table.reports thead th h3 {
    border-left: 1px solid #333;
    font-size: inherit;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    margin: 0;
}
table.reports thead th.first h3 {
    border: 0;
    padding: 0 0 0 118px;
    text-align: left;
}
table.reports tbody th .report-pic {
    float: left;
    width: 118px;
    vertical-align: bottom;
}
table.reports tbody th .header {
    float: left;
    width: 190px;
}


/* ===== Form ========================================================================== */
form {
    margin: 0;
}
form.contact #form-error {
    border: 1px solid #c00;
    margin: 20px 0 0 100px;
    padding: 10px 10px 0 10px;
}
form.contact .opt2 {
    float: left;
    margin: 0 0 10px 0;
}
form.contact .opt2 .radio {
    display: inline;
}
form.contact .opt2 label {
    display: inline;
    float: none;
    margin: 0;
    padding: 0 10px 0 0;
}
form.comment-form #form-error {
    border: 1px solid #c00;
    margin: 20px 0 0 75px;
    padding: 10px 10px 0 10px;
}
#form-error h5 {
    color: #c00;
    font-size: .85em;
    font-weight: bold;
    margin: 0 0 .5em 0;
}
#form-error p {
    color: #c00;
    font-weight: bold;
    margin: 0 0 .7em 0;
}
#form-error ul {
    color: #c00;
    font-size: 100%;
    list-style: disc;
    margin: 0 0 0 18px;
    padding: 0 0 .25em 0;
}
#form-error ul li {
    color: #c00;
    font-size: .75em;
    font-weight: bold;
    margin: 0 0 .5em 0;
}
/* Required fields */
p.required {
    color: #c00;
    font-size: .7em;
    text-align: right;
    width: 380px;
}
form.contact p.required {
    width: 405px;
}
span.required {
    color: #c00;
}
label.discreet-label {
    display: none;
}
/* Searchbox Form ========== */
form.searchbox {
    float: right;
    margin: 0 0 0 8px;
    padding: 49px 0 0 0;
    width: 187px;
}
form.searchbox input.searchfield {
    float: left;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-search-textbox.gif) no-repeat;
    border: 0;
    font-size: .7em;
    margin: 0;
    height: 16px;
    padding: 3px;
    width: 164px;
}
form.searchbox input#submit {
    float: left;
    width: 17px;
}
form.searchbox label#search-label {
    display: none;
}

/* Comment Form ========== */
form.comment-form {
    margin: 0 0 10px 0;
}
form.comment-form input.textbox {
    float: left;
    font-size: .75em;
    margin: 0 0 10px 0;
    padding: 2px;
    width: 300px;
}
form.comment-form textarea {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    margin: 0 0 10px 0;
    padding: 2px;
    width: 300px;
    height: 130px;
}
form.comment-form label {
    clear: both;
    float: left;
    font-size: .75em;
    margin: 2px 0 10px 0;
    width: 75px;
}
form.comment-form input#form-submit {
    clear: both;
    margin: 0 0 0 75px;
}
/* Contact Form/Suppliers Form ========== */
form.suppliers p.required {
    width: 440px;
}
form.suppliers,
form.contact {
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
}
form.suppliers input.textbox,
form.contact input.textbox {
    float: left;
    font-size: .75em;
    margin: 0 0 10px 0;
    padding: 2px;
    width: 300px;
}
form.contact input#tel {
}
form.suppliers select,
form.contact select {
    float: left;
    font-size: .75em;
    margin: 0 0 10px 0;
}
form.suppliers textarea,
form.contact textarea {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    margin: 0 0 10px 0;
    padding: 2px;
    width: 300px;
    height: 130px;
}
form.suppliers textarea {
    height: 100px;
}
form.contact textarea#comment {
    height: 200px;
}
form.contact label {
    clear: both;
    float: left;
    font-size: .75em;
    margin: 2px 0 10px 0;
    width: 100px;
}
form.suppliers label {
    clear: both;
    float: left;
    font-size: .75em;
    margin: 2px 10px 10px 0;
    width: 130px;
}
form.contact .opt {
    clear: both;
    margin: 10px 0 0 100px;
}
form.suppliers .opt {
    clear: both;
    margin: 0 0 0 140px;
}
form.suppliers .opt .radio,
form.contact .opt .checkbox,
form.contact .opt .radio {
    float: left;
}
form.suppliers .opt label,
form.contact .opt label {
    clear: none;
    float: left;
    margin: 0 0 20px 0;
    width: 300px;
}
form.suppliers .opt label {
    margin: 0 10px 5px 0;
}
form.suppliers .opt2 {
    float: left;
    margin: 0 0 10px 0;
}
form.suppliers .opt2 .radio {
    display: inline;
}
form.suppliers .opt2 label {
    display: inline;
    float: none;
    margin: 0;
    padding: 0 10px 0 0;
}
form.contact input#form-submit {
    clear: both;
    margin: 0 0 0 100px;
}
form.suppliers input#form-submit {
    clear: both;
    margin: 0 0 0 140px;
}
/* Promo select Form ========== */
.promo-col form.sites,
.promo-col form.sectors {
    padding: 0 0 10px 0;
    margin: 0;
}
.promo-col form select {
    margin: 0 0 5px 0;
}
.promo-col form input.sector-submit {
}
/* Search Results Page ========== */
form.search-result {
    padding: 20px 0;
}
form.search-result input#terms {
    border: 3px solid #e0e0e0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: bold;
    padding: 5px 8px;
    width: 370px;
}
form.search-result input#search-submit {
    margin: 0 0 5px 5px;
}
form.search-result label.search-label {
    display: none;
}
ul.search-result {
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.search-result li {
    border-bottom: 1px dotted #b5b5b5;
    margin: 0 0 18px 0;
    padding: 0 0 10px 0;
}
ul.search-result li.first {
}
ul.search-result li h3 {
    font-size: .85em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
}
ul.search-result li p {
    line-height: 1.4em;
}
ul.search-result li p.link {
    font-size: .7em;
}
/* Sitemap Page ======================================================================== */
#content ul.sitemap {
    font-size: .75em;
    list-style: none;
    margin: 0;
    padding: 0;
}
#content ul.sitemap li {
    clear: both;
    border-top: 1px solid #a7a7a7;
    padding: 15px 0 15px 0;
}
#content ul.sitemap li h4 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}
#content ul.sitemap li ul {
    border-top: 1px dotted #b5b5b5;
    font-size: 100%;
    list-style: none;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}
#content ul.sitemap li ul li {
    border: 0;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0 0 15px 0;
}
#content ul.sitemap li ul li ul {
    border: 0;
    font-size: 100%;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
}
#content ul.sitemap li ul li ul li {
    font-weight: normal;
    padding: 0;
}
#content ul.sitemap li.first {
    border: 0;
    padding: 0 0 15px 0;
}
#content ul.sitemap li .back-top-r {
    font-size: .9em;
}

/* ===== iframes styles =================================================================== */
.ext-iframe {
    clear: both;
    padding: 20px 0 0 0;
}
iframe#inv-alerts {
    border: 0;
    width: 720px;
}

/* ===== Misc styles =================================================================== */

/* Clearfix */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html > body .clearfix {
    display: block;
    width: 100%;
}
* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* ===== JQuery Pagination Styles =================================================================== */
.pagination {
    font-size: 0.65em;
}    
.pagination a {
    text-decoration: none;
    border: solid 1px #000;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pagination .current {
    background: #000;
    color: #fff;
    font-weight:bold;
    border: solid 1px #999;
}
.pagination .current.prev, .pagination .current.next{
    color:#999;
    border-color:#999;
    background:#fff;
    font-weight:normal;
}
ul.search-list {
    font-size:16px;
}

/* ===== JQuery Ticker Styles =================================================================== */
#slider {
    /* You MUST specify the width and height */
    width:500px;
    height:20px;
    position:relative;    
    overflow:hidden;
}
 
#mask-gallery {
    overflow:hidden;    
}
 
#gallery {
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding:0;
    z-index:0;
    
    /* width = total items multiply with #mask gallery width */
    width:900px;
    overflow:hidden;
}
 
#gallery li {
    /* float left, so that the items are arranged horizontally */
    float:left;
}


/* ======= Brand Promos ========== */
/* Chartwells */
#chartwells .promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner-chartwells.gif) left top no-repeat;
    padding: 12px 0 10px 20px;
}
#ess .promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner-ess.gif) left top no-repeat;
    padding: 12px 0 10px 20px;
}
#eurest .promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner-eurest.gif) left top no-repeat;
    padding: 12px 0 10px 20px;
}
#levy .promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner-levy.gif) left top no-repeat;
    padding: 12px 0 10px 20px;
}
#medirest .promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner-medirest.gif) left top no-repeat;
    padding: 12px 0 10px 20px;
}
#restacc .promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner-restacc.gif) left top no-repeat;
    padding: 12px 0 10px 20px;
}
#whiteoaks .promo-big {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner-whiteoaks.gif) left top no-repeat;
    padding: 12px 0 10px 20px;
}

#chartwells .promo-big h3,
#ess .promo-big h3,
#eurest .promo-big h3,
#levy .promo-big h3,
#medirest .promo-big h3,
#restacc .promo-big h3,
#whiteoaks .promo-big h3 {color: #fff; margin: 0 0 10px 0; font-size: 1em; padding: 0 0 5px 0;}

#chartwells blockquote.big-mark,
#ess blockquote.big-mark,
#eurest blockquote.big-mark,
#levy blockquote.big-mark,
#medirest blockquote.big-mark,
#restacc blockquote.big-mark,
#whiteoaks blockquote.big-mark {
    margin: 30px 0 0 0;
    padding: 35px 0 0 0;
}

.promo-pic-brand-quote {
    margin: 40px 0 10px 0;
}

#chartwells .notitle,
#ess .notitle,
#eurest .notitle,
#levy .notitle,
#medirest .notitle,
#restacc .notitle,
#whiteoaks .notitle {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-promo-corner.gif) left top no-repeat;
}

/* Wai Update 4.11.09 START */
#chartwells .no-corner,
#ess .no-corner,
#eurest .no-corner,
#levy .no-corner,
#medirest .no-corner,
#restacc .no-corner,
#whiteoaks .no-corner,
.promo-col .no-corner {
    background-image: none;
    padding: 6px 0 10px 6px;
}
.promo-col .no-corner .header-pic {
    margin: 0 0 10px 0;
}
.promo-col .no-corner .promo-content {
    padding: 0 14px;
}
/* Wai Update 4.11.09 END */