/* ----- you at work global stylesheet - leoniebbbbbbbb ----- */


body { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #FFFFFF; padding: 0; margin: 0; color: #000; }


/* ----- 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; }
.hide { display: none; }
.hidef { position: absolute; left: -1000px; overflow: hidden; top: -1000px; padding: 0; margin: 0; }


/* ----- generic ----- */


.clear { clear: both; }
.border { border-bottom: 1px solid #e6e6e6; }


/* --------------------------------------- black background page layout --------------------------------------- */


#wrapblack-top { width: 100%; background-color: #fff; float: left; }
#wrapblack-top-inner { width: 973px; margin: 20px 0 0 20px; padding: 0; float: left; background-color: #fff; _display: inline; }
#black { background-color: #000000; }
#black a { color: #ffffff; }
#black a:hover { }
#wrapblack-btm { width: 973px; margin: 0px 0 0 20px; padding: 0; float: left; background-color: #000; color: #fff; _display: inline; }
#wraphome-top { width: 100%; background-color: #000; float: left; }
#wraphome-top-inner { width: 973px; margin: 20px 0 0 20px; padding: 0; float: left; background-color: #000; color: #fff; _display: inline; }


/* ------ layout ----- */


#wrapw { width: 973px; margin: 20px 0 0 20px; padding: 0; float: left; _display: inline; }
#header-wrap { width: 973px; _display: inline; margin: 0; padding: 0; float: left; }

#logo { width: 165px; float: left; }
#logo img { padding: 0; margin: 0; }
#toptext { position: absolute; top: 1px; left: 185px; float: left; width: 330px; color: #878787; font-weight: bold; font-size: 140%; }
* html #toptext { position: absolute; top: 18px; }
#toptext strong { display: block; color: #444444; }
#wraphome-top-inner #toptext strong { color: #ffffff; }

#search-wrap { width: 245px; float: right; margin: 0; padding: 0; }
#search { width: 244px; float: right; margin: 0 0 0px 0; padding: 0; }
#search #form { margin: 0; padding: 0; }
#search #searchform { width: 244px; padding: 0; margin: 0; float: left; }
#search #searchform p { margin: 0; padding: 0; float: left; }
#search #searchform .searchbox { width: 173px; float: left; padding: 0; margin: 0 0 0 3px; height: 13px; font-size: 80%; }
#search #searchform .hidex { position: absolute; left: -1000px; overflow: hidden; top: -1000px; padding: 0; margin: 0; }
#search #searchform .submit { float: left; margin-left: 8px; padding: 0; width: 18px; margin-right: 0px; }
#searchform label { font-weight: bold; padding-top: 0; margin-top: 0; }

#mainwide-search #results a { color: #000000; }

#login { margin: 0 0 10px 0; float: right; }
#login ul { float: right; padding: 0; margin: 0; }
#login ul li { list-style: none; float: left; }
#login ul li a { display: block; padding: 5px 0 5px 15px; color: #000; text-decoration: underline; }
#login ul li a:hover { text-decoration: none; }


#header-wrap #login { float: left; display: inline; width: 100%; }
#header-wrap #login ul { float: left; margin-left: 43px; width: 150px; }
#header-wrap #login ul li { display: block; float: none; }
#header-wrap #login ul li a { color: #ffffff; font-weight: bold; }
#header-wrap #login ul li.employer a { background: url("../images/btn-grey-w.gif") no-repeat top right; margin-bottom: 4px; text-decoration: none; }
#header-wrap #login ul li.employer a:hover { background: url("../images/btn-blue-w.gif") no-repeat top right; }
#header-wrap #login ul li.employee a { background: url("../images/btn-grey-w.gif") no-repeat top right; text-decoration: none; }
#header-wrap #login ul li.employee a:hover { background: url("../images/btn-pink-w.gif") no-repeat top right; }

.homepage #header-wrap #login ul li.employer a { background: url("../images/btn-blue.gif") no-repeat top right; }
.homepage #header-wrap #login ul li.employer a:hover { background: url("../images/btn-blue-h.gif") no-repeat top right; color: #000000; }
.homepage #header-wrap #login ul li.employee a { background: url("../images/btn-pink.gif") no-repeat top right; }
.homepage #header-wrap #login ul li.employee a:hover { background: url("../images/btn-pink-h.gif") no-repeat top right; color: #000000; }



#sitemap ul { list-style: none; margin: 0 0 0 5px !important; padding: 0px !important; }
#sitemap ul li { margin: 10px 0 10px 0 !important; padding: 0px !important; float: left; clear: left; width: 100%; }
#sitemap ul li a { padding: 5px 5px 5px 15px; float: left; clear: left; font-weight: bold; text-decoration: none; }

#sitemap ul li ul { }
#sitemap ul li ul li { background: #ffffff; margin: 0px 0 0px 0 !important; }
#sitemap ul li ul li a { padding-left: 25px; }

#sitemap ul li ul li ul { }
#sitemap ul li ul li ul li { }
#sitemap ul li ul li ul li a { font-weight: normal; text-decoration: underline; padding-left: 50px; }

#sitemap ul li { background: #888888; }
#sitemap ul li a { color: #ffffff; }
#sitemap ul li ul li a { color: #000000; }

#sitemap ul li.About_us { background: #009fda; }
#sitemap ul li.About_us a { color: #ffffff; }
#sitemap ul li.About_us ul li a { color: #000000; }
#sitemap ul li.Our_services { background: #7ab800; }
#sitemap ul li.Our_services a { color: #ffffff; }
#sitemap ul li.Our_services ul li a { color: #000000; }
#sitemap ul li.What_our_clients_say { background: #d10074; }
#sitemap ul li.What_our_clients_say a { color: #ffffff; }
#sitemap ul li.What_our_clients_say ul li a { color: #000000; }
#sitemap ul li.Client_area { background: #9278d1; }
#sitemap ul li.Client_area a { color: #ffffff; }
#sitemap ul li.Client_area ul li a { color: #000000; }
#sitemap ul li.Partnerships { background: #ec6e00; }
#sitemap ul li.Partnerships a { color: #ffffff; }
#sitemap ul li.Partnerships ul li a { color: #000000; }
#sitemap ul li.News___publications { background: #cc3333; }
#sitemap ul li.News___publications a { color: #ffffff; }
#sitemap ul li.News___publications ul li a { color: #000000; }
#sitemap ul li.Work_for_us { background: #f5b400; }
#sitemap ul li.Work_for_us a { color: #ffffff; }
#sitemap ul li.Work_for_us ul li a { color: #000000; }
#sitemap ul li.Events { background: #009fda; }
#sitemap ul li.Events a { color: #ffffff; }
#sitemap ul li.Events ul li a { color: #000000; }
#sitemap ul li.HR_Network { background: #9278d1; }
#sitemap ul li.HR_Network a { color: #ffffff; }
#sitemap ul li.HR_Network ul li a { color: #000000; }


/* --------------------------------------- top nav --------------------------------------- */


#topnav { clear: both; width: 810px; margin: 0 0 0 165px; padding: 0; }
#topnav ul { float: left; padding: 0; margin: 0; width: 810px; background-color: #303030; }
#topnav ul li { float: left; list-style: none; padding: 0; margin: 0; }
#topnav ul li a { color: #fff; text-decoration: none; display: block; padding: 4px 20px 4px 5px; font-weight: bold; }
* html #topnav ul li a { position: relative; }
#topnav ul li a:hover { text-decoration: underline; }


/* ----- on states ----- */


#topnav ul li.onAbout_us { background-color: #009fda; }
#topnav ul li.onWhat_our_clients_say { background-color: #d10074; }
#topnav ul li.onClient_area { background-color: #9278d1; }
#topnav ul li.onPartnerships { background-color: #ec6e00; }
#topnav ul li.onNews___publications { background-color: #d52b1e; }
#topnav ul li.onWork_for_us { background-color: #f5b400; }
#topnav ul li.onOur_services { background-color: #7ab800; }
#topnav ul li.onEvents { background-color: #009fda; }
#topnav ul li.onHR_Network { background-color: #9278d1; }


/* ----- hover states ----- */


#topnav ul li.About_us a:hover { background-color: #009fda; text-decoration: none; }
#topnav ul li.What_our_clients_say a:hover { background-color: #d10074; text-decoration: none; }
#topnav ul li.Client_area a:hover { background-color: #9278d1; text-decoration: none; }
#topnav ul li.Partnerships a:hover { background-color: #ec6e00; text-decoration: none; }
#topnav ul li.News___publications a:hover { background-color: #d52b1e; text-decoration: none; }
#topnav ul li.Work_for_us a:hover { background-color: #f5b400; text-decoration: none; }
#topnav ul li.Our_services a:hover { background-color: #7ab800; text-decoration: none; }
#topnav ul li.Events a:hover { background-color: #009fda; text-decoration: none; }
#topnav ul li.Forum a:hover { background-color: #009fda; text-decoration: none; }
#topnav ul ul { display: none; }


/* --------------------------------------- breadcrumb --------------------------------------- */


#bread { clear: both; width: 808px; margin: 0 0 0 165px; padding: 25px 0 10px 0; color: #878787; font-weight: bold; }
#bread a { color: #878787; text-decoration: none; font-weight: normal; }
#bread a:hover { text-decoration: underline; font-weight: normal; }
#bread p { padding: 0; margin: 0; }
#bread span span { display: none; }
#bread span span.selected { display: inline; }
#bread span span.selected span { display: inline; }
#bread span span.selected span span { display: none; }
#bread span span.selected span span.selected { display: inline; }
#bread span span.selected span span.selected span { display: inline; }
#bread span span.selected span span.selected span span { display: none; }
#bread span span.selected span span.selected span span.selected { display: inline; }


/* --------------------------------------- main content --------------------------------------- */


#content-wrap { clear: both; border-top: 1px solid #000; width: 973px; }


/* --------------------------------------- left navigation --------------------------------------- */


#leftnav-wrap { float: left; width: 165px; }
#leftnav { float: left; /* background-color:#7BB801; */ width: 155px; margin: 10px 0 0 0; }
#leftnav ul { margin: 0; padding: 0; }
#leftnav ul li { list-style: none; padding: 0px; margin: 0; }/* border is a fix for bug in ie6 */
#leftnav ul li a { display: block; font-weight: bold; color: #fff; padding: 3px 0 3px 7px; margin: 0; text-decoration: none; }
#leftnav ul li a { _display: inline-block; }
#leftnav ul li a { _display: block; }

.blue #leftnav ul li { background: #303030; }
.blue #leftnav ul li.selected { background: #009fda; }
.blue #leftnav ul li.selected ul li.selected a { color: #009fda; }
.blue #leftnav ul li.selected ul li.selected ul li a { color: #303030; }
.blue #leftnav ul li.selected ul li.selected ul li.selected a { color: #009fda; }
.blue #leftnav ul li a:hover { text-decoration: underline; background: #009fda; }
.blue h2 strong, .blue h3 strong { color: #009fda; }
#black .blue #leftnav ul li { background: #303030; }
#black .blue #leftnav ul li a:hover { text-decoration: underline; background: #009fda; }

.blue #main-wrap { background: url(../images/bg-black-blue.gif) repeat-y top left; }

.green #leftnav ul li { background: #303030; }
.green #leftnav ul li.selected { background: #7ab800; }
.green #leftnav ul li.selected ul li.selected a { color: #7ab800; }
.green #leftnav ul li.selected ul li.selected ul li a { color: #303030; }
.green #leftnav ul li.selected ul li.selected ul li.selected a { color: #7ab800; }
.green #leftnav ul li a:hover { text-decoration: underline; background: #7ab800; }
.green h2 strong, .green h3 strong { color: #7ab800; }
#black .green #leftnav ul li { background: #303030; }
#black .green #leftnav ul li a:hover { text-decoration: underline; background: #7ab800; }

#black .green #main-wrap { background: url(../images/bg-black-green.gif) repeat-y top left; }
.green #main-wrap { background: url(../images/bg-green.gif) repeat-y top left; }

.pink #leftnav ul li { background: #303030; }
.pink #leftnav ul li.selected { background: #d10074; }
.pink #leftnav ul li.selected ul li.selected a { color: #d10074; }
.pink #leftnav ul li.selected ul li.selected ul li a { color: #303030; }
.pink #leftnav ul li.selected ul li.selected ul li.selected a { color: #d10074; }
.pink #leftnav ul li a:hover { text-decoration: underline; background: #d10074; }
.pink h2 strong, .pink h3 strong { color: #d10074; }
#black .pink #leftnav ul li { background: #303030; }
#black .pink #leftnav ul li a:hover { text-decoration: underline; background: #d10074; }

#black .pink #main-wrap { background: none; }

.pink #main-wrap { background: url(../images/bg-pink.gif) repeat-y top left; }

.purple #leftnav ul li { background: #303030; }
.purple #leftnav ul li.selected { background: #9278d1; }
.purple #leftnav ul li.selected ul li.selected a { color: #9278d1; }
.purple #leftnav ul li.selected ul li.selected ul li a { color: #303030; }
.purple #leftnav ul li.selected ul li.selected ul li.selected a { color: #9278d1; }
.purple #leftnav ul li a:hover { text-decoration: underline; background: #9278d1; }
.purple h2 strong, .purple h3 strong { color: #9278d1; }
#black .purple #leftnav ul li { background: #303030; }
#black .purple #leftnav ul li a:hover { text-decoration: underline; background: #9278d1; }

.purple #main-wrap { background: url(../images/bg-purple.gif) repeat-y top left; }

.orange #leftnav ul li { background: #303030; }
.orange #leftnav ul li.selected { background: #ec6e00; }
.orange #leftnav ul li.selected ul li.selected a { color: #ec6e00; }
.orange #leftnav ul li.selected ul li.selected ul li a { color: #303030; }
.orange #leftnav ul li.selected ul li.selected ul li.selected a { color: #ec6e00; }
.orange #leftnav ul li a:hover { text-decoration: underline; background: #ec6e00; }
.orange h2 strong, .orange h3 strong { color: #ec6e00; }
#black .orange #leftnav ul li { background: #303030; }
#black .orange #leftnav ul li a:hover { text-decoration: underline; background: #ec6e00; }
#black .orange a { color: #ffffff; }

.orange #main-wrap { background: url(../images/bg-orange.gif) repeat-y top left; }

.red #leftnav ul li { background: #303030; }
.red #leftnav ul li.selected { background: #d52b1e; }
.red #leftnav ul li.selected ul li.selected a { color: #d52b1e; }
.red #leftnav ul li.selected ul li.selected ul li a { color: #303030; }
.red #leftnav ul li.selected ul li.selected ul li.selected a { color: #d52b1e; }
.red #leftnav ul li a:hover { text-decoration: underline; background: #d52b1e; }
.red h2 strong, .red h3 strong { color: #d52b1e; }
#black .red #leftnav ul li { background: #303030; }
#black .red #leftnav ul li a:hover { text-decoration: underline; background: #d52b1e; }
#black .red a { color: #ffffff; }

.red #main-wrap { background: url(../images/bg-red.gif) repeat-y top left; }

.yellow #leftnav ul li { background: #303030; }
.yellow #leftnav ul li.selected { background: #f5b400; }
.yellow #leftnav ul li.selected ul li.selected a { color: #f5b400; }
.yellow #leftnav ul li.selected ul li.selected ul li a { color: #303030; }
.yellow #leftnav ul li.selected ul li.selected ul li.selected a { color: #f5b400; }
.yellow #leftnav ul li a:hover { text-decoration: underline; background: #f5b400; }
.yellow h2 strong, .yellow h3 strong { color: #f5b400; }
#black .yellow #leftnav ul li { background: #303030; }
#black .yellow #leftnav ul li a:hover { text-decoration: underline; background: #f5b400; }
#black .yellow a { color: #ffffff; }

.yellow #main-wrap { background: url(../images/bg-yellow.gif) repeat-y top left; }

.grey #main-wrap { background: url(../images/bg-grey.gif) repeat-y top left; }
.greyNoBg #main-wrap { background: none; }

.noBackground #main-wrap { background: none; }

#leftnav ul li.selected ul li { background: #fff; margin-left: 5px; padding-left: 0; } /* border is a fix for bug in ie6 */
#leftnav ul li.selected ul li.selected { background: #fff; }
#leftnav ul li.selected ul li a { color: #000; text-decoration: none; }
#leftnav ul li.selected ul li a:hover { text-decoration: underline; background: #fff; }


/* --------------------------------------- middle content --------------------------------------- */


#main-wrap { float: right; width: 808px; margin: 10px 0 0 0; }
#content { float: left; width: 554px; font-size: 107.5%; }

#content h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#content h3 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#content-full { float: left; }

#content a { color: #000000; }
#black #content a { color: #ffffff; text-decoration:none;font-weight:bold;font-size:9pt;font-family:helvetica,arial,sans-serif;}
#black #content a:hover { color: #009FDA;}

#content .content-width { margin-right: 65px; }
#content .content-section { border-top: 1px solid #ffffff; padding-top: 1em; }
.forum #content .content-width { margin-right: 0px; }

.forum ul.links  { margin: 0px; padding: 0 0 0.5em 0; float: left; }
.forum ul.links li { list-style: none; margin: 0px; padding: 0px; display: inline; }
.forum ul.linksRight { float: right; }
.forum ul.linksRight li { margin-left: 0.5em; }

.messageReplys { border-top: 1px solid #000000;  margin-top: 1em; padding-top: 0.5em; }
.messageReplys ul { margin: 0px; padding: 0px; }
.messageReplys ul li { list-style: none; float: left; margin-right: 1em; }
.messageReplys ul li a { }
.messageReplys ul li.name { font-weight: bold; }
.messageReplys ul li.date { font-style: italic; }
.messageReplys ul li.delete { float: right; font-weight: bold; margin-right: none; }
.messageReplys p { clear: both; padding-top: 0.5em; }

.quote { font-size: 1.5em; color: #7ab800; font-weight: bold; padding: 0; margin: 0; }

.red .quote { color: #d52b1e !important; }
.blue .quote { color: #009fda !important; }
.purple .quote { color: #9278d1 !important; }
.green .quote { color: #7ab800 !important; }
.pink .quote { color: #cc0066 !important; }
.orange .quote { color: #ec6e00 !important; }
.yellow .quote { color: #f5b400 !important; }
.grey .quote { color: #888888 !important; }

.source { margin-top: 0px; padding-top: 0px; font-size: 0.9em; color: #666; text-align: right; font-weight: normal; }
#black .source { color: #bbbbbb; }

#main { width: 341px; float: left; padding-right: 50px; }
#main h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#main #first { clear: both; margin: 30px 0 20px 0; }
p.firstpara { margin-top: 0; padding-top: 0; }
#main h3 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#main ul { margin: 10px 0 0 0; padding-left: 20px; list-style-position: outside; }
#main ul li { padding: 0 2px 0 2px; margin: 0; }

#news-main #main { width: 504px; }
#news-main #mainsub { float: right !important; }

#mainwide { width: 554px; float: left; padding-right: 0px; }
#mainwide .quote { font-size: 1.5em; color: #7ab800; font-weight: bold; padding: 0; margin: 0; }
#mainwide .source { font-size: 0.6em; color: #666; float: right; font-weight: normal; }
#mainwide h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#mainwide #first { clear: both; margin: 30px 0 20px 0; }
#mainwide p.firstpara { margin-top: 0; padding-top: 0; }
#mainwide h3 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#mainwide ul { margin: 10px 0 0 0; padding-left: 20px; list-style-position: outside; }
#mainwide ul li { padding: 0 2px 0 2px; margin: 0; }
#mainwide .firstod { margin-top: 0; padding-top: 0; }
#mainwide a { color: #000; text-decoration: underline; }
#mainwide a:hover { text-decoration: none; }
#mainwide p { width: 489px; }
#mainwide #odreg { font-size: 1em; }

.orange #main-wrap .content-width p img { float: left; margin: 0.25em 1em 0.25em 0; }


/* --------------------------------------- news detail page --------------------------------------- */


#heading-news h1 { margin: 0 0 30px 0; padding: 0; background: url(../images/employersguidetoflex.gif) no-repeat top left; padding: 0; }
#content #np { visibility: hidden; font-size: 0.7em; }
#heading-news { margin-bottom: 0px; width: 554px; float: left; padding: 0; }
#main #firstnewsdetail { clear: both; margin: 0 0 0 0; font-weight: bold; font-size: 1.2em; padding: 0; }
#news { clear: both; width: 554px; float: left; border-bottom: 1px solid #000; padding-bottom: 3px; margin-bottom: 10px; }
#publication { float: left; }
#publication h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 25px; color: #666666; background: url(../images/news.gif) no-repeat center left; float: left; }
#back { float: right; }
#back a { color: #000; text-decoration: underline; }
#back a:hover { text-decoration: none; }


/* ----- email alert box on newsdetail page ----- */


.email { width: 244px; margin-top: 5px; color: #fff; background: url(../images/news-email.gif) no-repeat bottom right; padding-bottom: 330px; background-color: #cd3333; }
.email h4 { padding: 7px 0 0 7px; color: #fff; font-size: 1.3em; font-weight: bold; margin: 0; }
.email p { margin-left: 7px; padding: 5px 0; margin-top: 0px; width: 190px; margin-bottom: 0; }
.email a.register { background: url(../images/arrowr.gif) no-repeat top left; padding: 0 0 0 13px; margin: 0px; color: #fff; }
.email a:hover { text-decoration: none; }


#emailform { width: 244px; padding: 0; margin: 0; margin: 0; float: left; width: 190px; }
#emailform p { margin: 0; padding: 0; float: left; }
#emailform #emailaddress { width: 181px; float: left; padding: 0; margin: 0 0 0 5px; height: 13px; }
#emailform label { font-weight: bold; padding-top: 0; margin-top: 0; }
#emailform .emailtext { padding: 2px 5px; }
#emailform .hideem { position: absolute; left: -1000px; overflow: hidden; top: -1000px; padding: 0; margin: 0; }
#emailform #submitemail { float: left; margin-left: 5px; padding: 3px 0; margin-right: 0; float: right; }
#emailform label { font-weight: bold; padding-top: 0; margin-top: 0; }


/* --------------------------------------- News and publications page --------------------------------------- */


.email ul { margin: 10px 0 0px 7px; padding: 0 0 30px 0; width: 190px; }
.email ul li { list-style: none; }
.email ul li a { color: #fff; text-decoration: underline; }
.email ul li a:hover { text-decoration: none; }
.email ul li.req { margin-top: 10px; }
#filter { width: 242px; background-color: #e5e5e5; margin: 0; border: 1px solid #e5e5e5; }
#filter h3 { margin: 0px 0 0 7px; padding: 7px 0 0 0; color: #000; font-size: 1.3em; font-weight: bold; }
#filter p { margin: 7px; }
#filter #filterform #filterlist { float: left; width: 150px; margin-right: 3px; /*height: 14px; *height: 16px;*/ height: 18px; font-size: 0.9em; }
#filter #filterform option { padding: 0; margin: 0; }
#filter #filterform #go { height: 18px; }

#heading-newspub h1 { margin: 0 0 30px 0; padding: 0; background: url(../images/newsandpublications.gif) no-repeat top left; padding: 0; line-height: 1.5em; }
#content #npub { }
#heading-newspub { margin-bottom: 0px; width: 554px; float: left; padding: 0; }

#promo { background-color: #dddddd; width: 554px; float: left; }
#promo #promo-content { float: left; margin: 10px 10px 0 10px; width: 350px; padding: 5px 0 5px 5px; *padding: 5px 0 10px 5px; }
#promo .promo-content-wide { width: 500px !important; }
#promo #promo-content h2 { font-size: 1em; color: #000; margin: 0; padding: 0; }
#promo #promo-content h2 a { text-decoration: none; }
#promo #promo-content p { width: 340px; }
#promo .promo-content-wide p { width: 500px !important; }
#promo #promo-content a { color: #000000; }
#promo #promo-image { float: right; padding: 10px; _padding-left: 0px; }

#newsr { margin: 10px 0; float: left; *padding-bottom: 10px; border-bottom: 1px solid #000; width: 554px; float: left; }
#newsr h2 { padding: 0; margin: 0; font-size: 1.1em; }
#newsr p { padding: 0 0 10px 0; margin: 0; }

#newslist { float: left; width: 554px; *padding-bottom: 20px; clear: both; }
#newslist a { color: #000000; }

#newslist .default-icons { clear: both; width: 500px; background: url(../images/icon-work.gif) no-repeat top left; float: left; margin-left: 17px; padding-bottom: 20px; line-height: 1.3; }
#newslist .default-icons h3 { font-size: 1em; margin: 0 0 0 75px; }
#newslist .default-icons p { margin: 0 0 0 75px; width: 425px; }
#newslist .default-icons .imageProtecter { float: left; width: 45px; height: 36px; }

#newslist .sNewsRelease-icons { clear: both; width: 500px; background: url(../images/icon-paper.gif) no-repeat top left !important; float: left; margin-left: 17px; padding-bottom: 20px; line-height: 1.3; }
#newslist .sNewsRelease-icons h3 { font-size: 1em; margin: 0 0 0 75px; }
#newslist .sNewsRelease-icons p { margin: 0 0 0 75px; width: 425px; }

#newslist .sEvent-icons { clear: both; width: 500px; background: url(../images/icon-calender.gif) no-repeat top left !important; float: left; margin-left: 17px; padding-bottom: 20px; line-height: 1.3; }
#newslist .sEvent-icons h3 { font-size: 1em; margin: 0 0 0 75px; }
#newslist .sEvent-icons p { margin: 0 0 0 75px; width: 425px; }

#newslist .sPublication-icons { clear: both; width: 500px; background: url(../images/icon-work.gif) no-repeat top left !important; float: left; margin-left: 17px; padding-bottom: 20px; line-height: 1.3; }
#newslist .sPublication-icons h3 { font-size: 1em; margin: 0 0 0 75px; }
#newslist .sPublication-icons p { margin: 0 0 0 75px; width: 425px; }

#newslist .snote-icons { clear: both; width: 500px; background: url(../images/icon-paper.gif) no-repeat top left !important; float: left; margin-left: 17px; padding-bottom: 20px; margin-top: 0; line-height: 1.3; }
#newslist .snote-icons h3 { font-size: 1em; margin: 0 0 0 75px; }
#newslist .snote-icons p { margin: 0 0 0 75px; width: 425px; }

#newslist .sdate-icons { clear: both; width: 500px; background: url(../images/icon-calender.gif) no-repeat top left !important; float: left; margin-left: 17px; padding-bottom: 20px; line-height: 1.3; }
#newslist .sdate-icons h3 { font-size: 1em; margin: 0 0 0 75px; }
#newslist .sdate-icons p { margin: 0 0 0 75px; width: 425px; }

#newslist .blog-icons { clear: both; width: 500px; background: url(../images/icon-blog.gif) no-repeat top left !important; float: left; margin-left: 17px; padding-bottom: 20px; line-height: 1.3; }
#newslist .blog-icons h3 { font-size: 1em; margin: 0 0 0 75px; }
#newslist .blog-icons p { margin: 0 0 0 75px; width: 425px; }

#newslist .bloglist-icons { background: url(../images/icon-blogList.gif) no-repeat top left !important; }
#newslist .hidden { display: none; }


/* --------------------------------------- online demo page --------------------------------------- */


#heading-online h1 { margin: 0 0 30px 0; padding: 0 0 0px 0; padding: 0; line-height: 1.5em; }
#content #od { visibility: hidden; font-size: 0.9em; }
#heading-online { margin-bottom: 10px; width: 554px; float: left; padding: 0; }


/* --------------------------------------- client area page --------------------------------------- */


#heading-client h1 { margin: 0 0 30px 0; padding: 0 0 0px 0; padding: 0; }
#content #ca { visibility:hidden; font-size: 1.2em; }
#heading-client { margin-bottom: 5px; width: 554px; float: left; padding: 0; border-bottom: 1px solid #000; }
#heading-general { margin-bottom: 5px; width: 554px; float: left; padding: 0; border-bottom: 1px solid #000; }
#clientarea { float: left; width: 320px; }
#mainca #clientarea h2 { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(../images/latestdevelopments-sub.gif) no-repeat top left; }
#clientarea #latest { visibility: hidden; font-size: 1.2em; padding-bottom: 10px; padding-top: 0; margin-top: 0; }
#clientarea a.benefits { background: url(../images/arroww.gif) no-repeat top left; padding: 0 0 0 13px; margin: 0px; text-decoration: underline; color: #000; }
#clientarea a:hover { text-decoration: none; }

#mainca { width: 313px; float: left; }
#mainca .quote { font-size: 1.5em; color: #7ab800; font-weight: bold; padding: 0; margin: 0; }
#mainca .source { font-size: 0.6em; color: #666; float: right; font-weight: normal; }

#mainca h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#mainca #first { clear: both; margin: 30px 0 20px 0; }
#mainca p.firstpara { margin-top: 0; padding-top: 0; }
#mainca h3 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
#mainca ul { margin: 10px 0 0 0; padding-left: 20px; list-style-position: outside; }
#mainca ul li { padding: 0 2px 0 2px; margin: 0; }

#mainsubclient { float: right; width: 205px; background-color: #ccc; margin: 0px; padding: 7px 5px 5px 5px; }
#mainsubclient h3 { text-align: left; font-weight: bold; font-size: 1em; margin: 0; padding: 2px 0; }
#mainsubclient p { padding: 10px 0 23px 0; margin: 0; }

#form-login { padding-top: 0; margin-top: 0; }
#form-login .clform { float: left; width: 200px; padding: 0 0 5px 0; }
#form-login p { display: inline; }
#form-login label { min-width: 5em; _width: 5em; float: left; font-weight: bold; padding-top: 3px; }

#form-login #password { width: 120px; float: right; }
#form-login #name { width: 120px; float: right; }
#form-login #submitlogin { width: 73px; height: 18px; float: right; }

#clientlogin #forgot { margin: 30px 0 0 0; float: left; }
#clientlogin #forgot a { color: #000; text-decoration: underline; }
#clientlogin #forgot a:hover { text-decoration: none; }


/* ----- client box on client area page ----- */


#clientwide { width: 234px; background-color: #888888; padding: 0px 5px 0px 5px; margin-top: 0px; float: left; }
#clientwide h4 { margin: 0; padding: 5px 0 5px 0; font-size: 1em; color: #fff; }
#clientwide h5 { margin: 0; padding: 5px 0 0px 0; font-size: 1em; color: #fff; }
#clientcontentwide blockquote { width: 234px; margin: 0; padding-top: 0; margin-top: 0; }
#clientcontentwide { color: #fff; background-color: #888888; font-weight: bold; width: 234px; padding: 0px 5px 5px 5px; float: left; }

#rightcontent #clientcontentwide { float: left; width: 234px; *padding-top: 5px; }
#rightcontent #clientcontentwide a { color: #fff; text-decoration: underline; width: 90%; }
#rightcontent #clientcontentwide a:hover { text-decoration: none; }

#clientcontentwide #paginationca { float: left; width: 100px; }
#clientcontentwide #paginationca ul { float: left; margin: 0 0 10px 0; padding: 0; }
#clientcontentwide #paginationca ul li { float: left; list-style: none; }
#clientcontentwide #paginationca ul li a { padding: 0 3px; text-decoration: underline; }
#clientcontentwide #paginationca ul li a:hover { text-decoration: none; }


/* ----- not a member box on client area page ----- */


#member { width: 244px; margin-top: 5px; color: #fff; background: url(../images/client.gif) no-repeat top right; padding-bottom: 150px; background-color: #9278d1; }

#member h4 { padding: 7px 0 0 7px; color: #fff; font-size: 1.3em; font-weight: bold; margin: 0; }
#member p { margin-left: 7px; padding: 0; margin-top: 10px; width: 190px; }
#member ul { margin: 10px 0 0px 7px; padding: 0 0 30px 0; width: 190px; }
#member ul li a { color:#fff; text-decoration: underline; }
#member ul li a:hover { text-decoration: none; }
#member ul li.freecallclient { background: url(../images/arrowp.gif) no-repeat top left; padding: 0 0 0 13px; margin-top: 10px; }


/* --------------------------------------- blank page --------------------------------------- */


#heading-standard h1 { margin: 0 0 30px 0; padding: 0 0 0px 0; }
#heading-standard h1 span { visibility: hidden; }


/* --------------------------------------- search results page --------------------------------------- */


#mainwide-search { width: 808px; border-top: 1px solid #000; background: url(../images/blueman.gif) no-repeat top right; }
#mainwide a { color: #000; text-decoration: underline; }
#mainwide a:hover { text-decoration: none; }
#heading-search h1 { margin: 0 0 20px 0; *margin: 0 0 10px 0; padding: 0 0 0px 0; background: url(../images/searchresults.gif) no-repeat top left; padding: 0; }
#content #sr { visibility: hidden; font-size: 1.2em; }
#heading-search { margin-bottom: 0px; width: 554px; float: left; padding: 0; }
#results h3 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 0; }
#results p { padding-top: 0; margin-top: 0; width: 420px; }
#results .searchfirst { margin-top: 0; padding-top: 10px; }

#searchr { margin-bottom: 10px; *margin-bottom: 0px; }
#searchr h2 { padding: 0; margin: 0; font-size: 1.1em; }
#searchr p { padding: 0; margin: 0; }

#searchpagination { float: left; padding: 18px 0 20px 0; margin: 0; width: 200px; }
#searchpagination ul { float: left; margin: 0 0 0px 0; padding: 0; }
#searchpagination ul li { float: left; list-style: none; }
#searchpagination ul li a { padding: 0 3px; text-decoration: underline; color: #000; }
#searchpagination ul li a:hover { text-decoration: none; }

div.pager { float: left; padding: 18px 0 20px 0; margin: 0; width: 200px; }
div.pager a { padding: 0 3px; text-decoration: underline; color: #000; }
div.pager span span { padding: 0 3px; text-decoration: none; color: #000; }
div.pager a:hover { text-decoration: none; }

div.archive { display: inline; clear: left; float: left; padding: 0px 0 20px 0; margin: 0; width: 200px; }
div.archive a { padding: 0 3px; text-decoration: underline; color: #000; }
div.archive a:hover { text-decoration: none; }


/* --------------------------------------- detail page and sub section on right --------------------------------------- */


#heading-detail h1 { margin: 0 0 40px 0; padding: 0; }

#heading-detail h1.our-strengths { background: url(../images/ourstrengths.gif) no-repeat top left; }

#heading-detail h1.employee-benefits { background: url(../images/employeebenefits.gif) no-repeat top left; }
#heading-detail h1.flexible-benefits { background: url(../images/flexiblebenefits.gif) no-repeat top left; }
#heading-detail h1.salary-sacrifice { background: url(../images/salarysacrifice.gif) no-repeat top left; }
#heading-detail h1.eat-at-work { background: url(../images/eatatwork.gif) no-repeat top left; }
#heading-detail h1.lifestyle-benefits { background: url(../images/lifestylebenefits.gif) no-repeat top left; }
#heading-detail h1.benefit-communications { background: url(../images/benefitcommunications.gif) no-repeat top left; }
#heading-detail h1.total-reward { background: url(../images/totalreward.gif) no-repeat top left; }
#heading-detail h1.online-demonstration { background: url(../images/online.gif) no-repeat top left; }
#heading-detail h1.client-area { height: 37px; background: url(../images/clientarea.gif) no-repeat top left; }
#heading-detail h1.latest-developments { height: 37px; background: url(../images/latestdevelopments.gif) no-repeat top left; }
#heading-detail span { visibility: hidden; }
#heading-detail { border-bottom: 1px solid #000; margin-bottom: 10px; }
.forum #heading-detail { border-bottom: none; }
.forum #newslist { border-top: 1px solid #000; padding-top: 10px; }

.forum #newslist .row { float: left; width: 100%; }
.forum #newslist .rowMargintop { margin-top: 1em; }
.forum #newslist .row label, .forum #newslist .row  .fakeLabel { float: left; width: 30%; margin-right: 1em; height: 1em; }
.forum #newslist .row input, .forum #newslist .row textarea { float: left; width: 65%; }
.forum #newslist .row input.button { width: auto; margin-right: 1em; border: none; padding: 0.1em 0.5em 0.2em 0.5em; color: #ffffff; font-weight: bold; font-size: 100%; background: #009fd9; cursor: pointer; }
.forum #newslist .row span.errorMessage { clear: both; }
.forum #newslist .previewBox { background-color: #dddddd; padding: 0.5em; margin-top: 0.5em; }
.forum #newslist .previewBox h2 { margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #000000; }
.forum #newslist .previewBox h3 { margin-bottom: 0.5em; padding-bottom: 0.5em; font-size: 120%; }



#blogLinks { margin: 0px; padding: 5px; color: #ffffff; }
#blogLinks a { color: #ffffff; }
#blogLinks h3 { font-size: 130%; }
#blogLinks dl { margin: 0px; padding: 0px; }
#blogLinks dl dt { margin: 0px; padding: 0 0 0.25em 0px; }
#blogLinks dl dd { margin: 0px; padding: 0 0 1em 0px; font-size: 90%; }

.mainsub { float: left; width: 153px; margin-left: 10px; }

.mainsub h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
.mainsub h3 { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0; }
.mainsub ul { margin: 10px 0 0 0; padding-left: 11px; }
.mainsub ul li { padding: 5px 2px 0 2px; margin: 0; }

.cap { text-align: center; margin-bottom: 5px; }
.mainsub h4 { text-align: left; font-weight: bold; font-size: 1em; margin: 0; padding: 2px 0; }


/* ----- client box ----- */
.clientWrapper { float: right; }
.clientWrapper .client { width: 143px; background-color: #ccc; padding: 7px 5px 5px 5px; margin-top: 10px; }
.clientWrapper .client h3 { margin: 0; padding: 0 0 5px 0; font-size: 1em; }
.clientWrapper .clientcontent blockquote { width: 143px; margin: 0; }
.clientWrapper .clientcontent { color: #fff; background-color: #888888; font-weight: bold; width: 143px; padding: 7px 5px 5px 5px; float: left; }
.clientWrapper .clientcontent a { color: #fff !important; text-decoration: underline; }
.clientWrapper .clientcontent a:hover { text-decoration: none; }

#rightcontent .clientWrapper { /* border-bottom: 10px solid #fff; */ }
#rightcontent .clientWrapper .client { width: 234px; text-align: center; margin-top: 0px; }
#rightcontent .clientWrapper .clientcontent blockquote { width: 234px; margin: 0; }
#rightcontent .clientWrapper .clientcontent { width: 234px; }

#pagination { margin: 0 0 10px 0; float: left; width: 100%; background-color: #888888; }
#pagination ul { float: left; margin: 0; padding: 0px 5px 10px 5px; }
#pagination ul li { float: left; list-style: none; font-weight: bold; }
#pagination ul li a { padding: 0 3px; text-decoration: underline; color: #fff; }
#pagination ul li a:hover { text-decoration: none; }


/* ----- contact us box on detail page ----- */
#contact { clear: left; width: 244px; margin-top: 5px; color: #fff; background: url(../images/contact.gif) no-repeat top right; padding-bottom: 350px; background-color: #7BB801; }
#contact h4 { padding: 7px 0 0 7px; color: #fff; font-size: 1.3em; font-weight: bold; margin: 0; }
#contact p { margin-left: 7px; padding: 0; margin-top: 10px; width: 190px; }
#contact ul { margin: 10px 0 0px 7px; padding: 0 0 30px 0; width: 190px; }
#contact ul li { list-style: none; }
#contact ul li a { color: #fff; text-decoration: underline; }
#contact ul li a:hover { text-decoration: none; }
#contact ul li.freecall { background: url(../images/arrowg.gif) no-repeat top left; padding: 0 0 0 13px; margin-top: 10px; }
.blank { background: #7BB801 !important; padding-bottom: 50px !important; }

.pink #contact { color: #fff; background: url(../images/contact-pink.gif) no-repeat top right #cc0066; }
.pink #contact ul li.freecall { background: url(../images/arrowbp.gif) no-repeat top left; }

.purple #contact { color: #fff; background: url(../images/contact-purple.gif) no-repeat top right #9278d1; padding-bottom: 150px; }
.purple #contact ul li.freecall { background: url(../images/arrowp.gif) no-repeat top left; }

.orange #contact { color: #fff; background: url(../images/contact-orange.gif) no-repeat top right #ec6e00; }
.orange #contact ul li.freecall { background: url(../images/arrow-orange.gif) no-repeat top left; }

.yellow #contact { color: #fff; background: url(../images/contact-yellow.gif) no-repeat top right #f5b400; }
.yellow #contact ul li.freecall { background: url(../images/arrow-yellow.gif) no-repeat top left; }

.grey #contact { color: #fff; background: url(../images/contact-grey.gif) no-repeat top right #888888; }
.grey #contact ul li.freecall { background: url(../images/arrow-grey.gif) no-repeat top left; }

.blue #contact { color: #fff; background: url(../images/contact-blue.gif) no-repeat top right #009FD9; }
.blue #contact ul li.freecall { background: url(../images/arrowb.gif) no-repeat top left; }


/* --------------------------------------- right hand side --------------------------------------- */
/* ----- related links ----- */
#rightcontent { float: left; width: 234px; margin: 0 0 0 10px; font-size: 107.5%; }


#rightcontent #relinks { width: 242px; background-color: #888; margin: 0; border: 1px solid #888; }
#rightcontent #relinks h3 { margin: 0px 0 0 7px; padding: 7px 0 0 0; color: #fff; font-size: 1.3em; font-weight: bold; }
#rightcontent #relinks ul { margin: 10px 0 15px 7px; padding: 0; width: 190px; }
#rightcontent #relinks ul li { list-style: none; padding-bottom: 15px; color: #fff; }
#rightcontent #relinks ul li a { display: block; color: #fff; text-decoration: underline; background: url(../images/arrow.gif) no-repeat center left; padding-left: 13px; }
#rightcontent #relinks ul li a:hover { text-decoration: none; }
#rightcontent #relinks #related-links { height: 8.5em; }

#rightcontent .mainsub { float: none; width: 244px; margin-left: 0px; }
#rightcontent #client { width: 234px; background: #888888; }
#rightcontent #client h4 { color: #ffffff; }
#rightcontent #clientcontent { width: 234px; padding-bottom: 10px; padding-top: 0px; }
#rightcontent #clientcontent blockquote { width: 100%; }
#rightcontent #clientcontent blockquote p { margin-top: 0px; }

.articlecontent { position: relative; }

#links-related { position: absolute; top: 30px; left: 568px; width: 240px; background-color: #888; margin: 0; }

#links-related ul { margin: 5px 0 0px 7px; padding: 0; width: 190px; }
#links-related ul li { list-style: none; padding-bottom: 15px; color: #fff; }
#links-related ul li a { display: block; color: #fff; text-decoration: underline; background: url(../images/arrow.gif) no-repeat center left; padding-left: 13px; }
#links-related ul li a:hover { text-decoration: none; }


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


#footer { clear: both; float: left; border-top: 1px solid #000; width: 973px; margin-top: 10px; }
#footer ul { float: left; margin: 0 0 20px 0; padding: 0; }
#footer ul li { float: left; padding: 0px 0px; list-style: none; }
#footer ul li a { display: block; padding: 5px 20px; color: #000; }
#footer ul li a:hover { text-decoration: none; }
#footer ul li a.fl { padding-left: 0; }
#copy { float: right; padding: 5px 0; margin: 0; color: #888; }

/* #footer-home-pad { margin-top: 20px; } */
#footer-black { clear: both; float: left; border-top: 1px solid #fff; width: 973px; margin-top: 5px; }
#footer-black ul { float: left; margin: 0 0 20px 0; padding: 0; }
#footer-black ul li { float: left; padding: 0px 0px; list-style: none; }
#footer-black ul li a { display: block; padding: 5px 20px; color: #fff; }
#footer-black ul li a:hover { text-decoration: none; }
#footer-black ul li a.fl { padding-left: 0; }


/* ------------------------------ Our services page (black background on main content area) ----------------------- */


/* ----- contact us box on our services page ----- */


#contactos { width: 234px; margin: 0 0 0 10px; color: #fff; background: url(../images/contact.gif) no-repeat top right; padding-bottom: 399px; *padding-bottom: 410px; background-color: #7BB801; }
#contactos h3 { padding: 7px 0 0 7px; color: #fff; font-size: 1.3em; font-weight: bold; margin: 0; }
#contactos h4 { padding: 7px 0 0 7px; color: #fff; font-size: 1.3em; font-weight: bold; margin: 0; }
#contactos p { margin-left: 7px; padding: 0; margin-top: 10px; width: 190px; }
#contactos ul { margin: 10px 0 0px 7px; padding: 0 0 30px 0; width: 190px; }
#contactos ul li { list-style: none; }
#contactos ul li a { color: #fff; text-decoration: underline; }
#contactos ul li a:hover { text-decoration: none; }
#contactos ul li.freecall { background:url(../images/arrowg.gif) no-repeat top left; padding: 0 0 0 13px; margin-top: 10px; }

#heading-services h1 { margin: 0 0 30px 0; padding: 0 0 0px 0; background: url(../images/ourservices.gif) no-repeat top left; padding: 0; }
#content #os { visibility: hidden; font-size: 1.2em; }
#heading-services { margin-bottom: 10px; width: 554px; float: left; padding: 0 0 20px 0; background: url(../images/greenman.gif) no-repeat top right; }
#heading-services p { width: 325px; }

#mainwideos { width: 554px; float: left; padding-right: 0px; border-top: 1px solid #fff; }

.more { background: url(../images/arrowgrey.gif) no-repeat top left #535353; padding: 0 0 0 13px; margin-top: 10px; text-decoration: underline; color: #fff; display: block; }
a:hover { text-decoration: none; }


/* ----- knowledge box ----- */


#knowledge { width: 180px; float: left; background-color: #535353; margin-right: 7px; margin-top: 5px; padding-bottom: 44px; }
#heading-knowledge h2 { margin: 0 0 0 0; padding: 0; background: url(../images/knowledge-heading.gif) no-repeat top left; line-height: 1.7em; }
.heading-hide { visibility: hidden; font-size: 1.2em; }
#knowledge-content { background:url(../images/knowledge.gif) no-repeat top center; }
#knowledge-content p { margin: 0 10px 0 10px; padding: 155px 0 0px 0; /**padding: 155px 0 44px 0;*/}


/* ----- choice box ----- */


#choice { width: 180px; float: left; background-color: #535353; margin-right: 7px; margin-top: 5px; padding-bottom: 30px; }
#heading-choice h2 { margin: 0 0 0 0; padding: 0; background: url(../images/choice-heading.gif) no-repeat top left; line-height: 1.7em; }
#choice-content { background:url(../images/choice.gif) no-repeat top center; }
#choice-content p { margin: 0 10px 0 10px; padding: 155px 0 0px 0; /**padding: 155px 0 30px 0;*/ }
#choice-content a { }


/* ----- lifestyle box ----- */


#lifestyle { width: 180px; float: left; background-color: #535353; margin: 5px 0 0 0; padding-bottom: 30px; }
#heading-lifestyle h2 { margin: 0 0 0 0; padding: 0; background: url(../images/lifestyle-heading.gif) no-repeat top left; line-height: 1.7em; }
#lifestyle-content { background:url(../images/lifestyle.gif) no-repeat top center; }
#lifestyle-content p { margin: 0 10px 0 10px; padding: 155px 0 0 0; /**padding: 155px 0 30px 0;*/}


/* ------------------------------ Meet the Team (About) (black background on main content area) ----------------------- */


#heading-team h1 { margin: 0 0 30px 0; padding: 0 0 0px 0; background: url(../images/meettheteam.gif) no-repeat top left; padding: 0; }
#content #mt { visibility: hidden; font-size: 1.2em; }
#black #heading-team { background: url(../images/bluemeet.gif) no-repeat top right; }
#black #heading-team p { }

#heading-team { margin-bottom: 15px; *margin-bottom: 0px; width: 554px; float: left; padding: 0; background: url(../images/bluemeet-ver2.gif) no-repeat top right; }
#heading-team p { width: 325px; }
* html #heading-team p { margin-bottom: 0.5em; }
.heading-team { border-bottom: 1px solid #000; }


/* ----- contact us box on about page ----- */


#contactmeet { width: 244px; margin-top: 0; color: #fff; background: url(../images/contact-blue.gif) no-repeat top right; padding-bottom: 396px ; *padding-bottom: 420px; background-color: #009fd9; }
#contactmeet h4 { padding: 7px 0 0 7px; color: #fff; font-size: 1.3em; font-weight: bold; margin: 0; }
#contactmeet p { margin-left: 7px; padding: 0; margin-top: 10px; width: 190px; }
#contactmeet ul { margin: 10px 0 0px 7px; padding: 0 0 30px 0; width: 190px; }
#contactmeet ul li { list-style: none; }
#contactmeet ul li a { color: #fff; text-decoration: underline; }
#contactmeet ul li a:hover { text-decoration: none; }
#contactmeet ul li.freecall { background: url(../images/arrowb.gif) no-repeat top left; padding: 0 0 0 13px; margin-top: 10px; }

#meet-wrap { width: 499px; float: left; }
#meet-wrap #dep-Consulting { }
#meet-wrap #dep-Directors { }
#meet-wrap #dep-Communications { display: none; }
#meet-wrap #dep-Client { display: none; }
#meet-wrap #dep-Product { display: none; }
#meet-wrap #dep-Technology { display: none; }

#black #meet-wrap .team-row { background: #000000; color: #ffffff; }
#black .team-row { background: #000000; color: #ffffff; }

#meet-wrap .team-row { background: #ffffff; float: left; color: #000000; width: 499px; margin-top: 10px; margin-bottom: 15px; }
.team-row { background: #ffffff; float: left; color: #000000; width: 499px; margin-top: 10px; margin-bottom: 15px; }

.team { width: 157px; margin-right: 9px; float: left; }
#black .team h3 { color: #fff; }
.team h3 { font-size: 1em; color: #000000; font-weight: bold; margin: 0; padding: 5px 0 0 0; }
.team p { margin: 0; padding: 0; }
.jt { color: #009fd9; font-weight: bold; }

#teamform { float: left; width: 250px; margin: 0 3px 0 0; float: left; padding: 0; }
#teamform p { display: inline; margin: 0; padding: 0; }
#teamform #teamlist { font-size: 0.9em; padding: 0; margin: 0; width: 200px; float: left; }
#teamform #go { float: left; margin-left: 5px; height: 18px; }


/* ------------------------------ What our clients say (black background on main content area) --------------------- */


#heading-what h1 { margin: 0 0 30px 0; padding: 0 0 0px 0; background: url(../images/whatourclientssay.gif) no-repeat top left; padding: 0; line-height: 1.5em; }
#content #wocs { visibility: hidden; font-size: 1.2em; }
#heading-what { margin-bottom: 0; width: 554px; float: left; padding: 0; }
#heading-what p { width: 240px; }

#mainwidewhat { width: 808px; float: left; }
#mainwidewhat a { color: #fff; text-decoration: underline; }
#mainwidewhat a:hover { text-decoration: none; }

#logos-wrap { float: left; }
#logos { width: 497px; float: left; }
#logos img { float: left; margin-right: 6px; margin-bottom: 6px; }
#logo-copy { float: left; margin-left: 10px; }
#logo-copy p { width: 238px; }
#logo-copy p.fp { margin-top: 0; padding-top: 0; }

#mainwidewhat .case-wrap { float: left; width: 808px; background: url(../images/clientp.gif) no-repeat bottom right; }
.case-wrap { background: #000000; float: left; }
.case { float: left; width: 497px; border-top: 1px solid #fff; padding: 10px 0 0 0; }
.case h2 { font-size: 1em; margin: 0; padding: 0; display: block; color: #ffffff; }
.case h3 { font-size: 1em; margin: 0; padding: 0; font-weight: normal; display: block; color: #ffffff; }
.case img { float: left; margin-right: 10px; }
.case-study { float: left; clear: left; }

/*
.case-copy-wrap { float: left; width: 497px; padding-bottom: 30px; }
.case-copy { width: 300px; margin-top: 10px; float: left; }
.case-copy p { width: 297px; color: #ffffff; }
.case-copy ul { margin: 30px 0 60px 0; padding: 0; }
.case-copy ul li { list-style: none; background: url(../images/arrowpk.gif) no-repeat top left; padding: 0 0 0 13px; margin-top: 10px; }
.case-copy ul li.na { background: none; padding-left: 0; font-weight: bold; }
.case-copy ul li a { color: #fff; text-decoration: underline; }
.case-copy ul li a:hover { text-decoration: none; }
.case-copy-wrap .comments { background-color: #cd0067; width: 155px; float: right; margin-top: 10px; }
.case-copy-wrap .comments h4 { font-size: 1em; margin: 0; padding: 5px 0 0 5px; width: 90px; color: #ffffff; }
.case-copy-wrap .comments p { padding: 5px; color: #ffffff; }
*/

.case-copy-wrap { float: left; width: 497px; padding-bottom: 30px; }
.case-copy { margin-top: 10px; float: left; }
.case-copy img.award { float: left; margin-right: 10px; margin-bottom: 10px; }
#content img.award { float: left; margin-right: 10px; margin-bottom: 10px; }
#content img.awardright { float: right; margin-right: 10px; margin-bottom: 10px; }
#content .team-group h2 { cursor: pointer; color: #009FDA; border-bottom: 1px solid #ffffff; width: 100%; margin: 0 0 1em 0; padding: 0 0 5px 0; }
#content .team-group { margin-top: 2em; float: left; padding: 10px 0 0 0px; border: 1px solid black; clear: both; width: 100%; }
.case-copy p { color: #ffffff; }
.case-copy ul { margin: 30px 0 60px 0; padding: 0; }
.case-copy ul li { list-style: none; background: url(../images/arrowpk.gif) no-repeat top left; padding: 0 0 0 13px; margin-top: 10px; }
.case-copy ul li.na { background: none; padding-left: 0; font-weight: bold; }
.case-copy ul li a { color: #fff; text-decoration: underline; }
.case-copy ul li a:hover { text-decoration: none; }

.case-copy-wrap .comments { background-color: #cd0067; width: 155px; float: right; margin-top: 10px; margin-left: 20px; }
.case-copy-wrap .comments h4 { font-size: 1em; margin: 0; padding: 5px 0 0 5px; width: 90px; color: #ffffff; }
.case-copy-wrap .comments p { width: auto; padding: 5px; color: #ffffff; }
.case-copy-wrap .comments p.quote { color: #ffffff !important; }

#case-study-two { display: none; }
#case-study-three { display: none; }
#case-study-four { display: none; }
#case-study-five { display: none; }
#case-study-six { display: none; }
#case-study-seven { display: none; }
#case-study-eight { display: none; }
#case-study-nine { display: none; }
#case-study-ten { display: none; }
#case-study-eleven { display: none; }
#case-study-twelve { display: none; }
#case-study-thirteen { display: none; }
#case-study-fourteen { display: none; }
#case-study-fifthteen { display: none; }
#case-study-sixteen { display: none; }
#case-study-seventeen { display: none; }
#case-study-eighteen { display: none; }
#case-study-nineteen { display: none; }
#case-study-twenty { display: none; }


/* ------------------------------ home (black background) --------------------- */


#heading-home h1 { margin: 0; padding: 0 0 115px 0; *padding: 0 0 55px 0; background: url(../images/home-text.gif) no-repeat top left; }
#content #hometext { visibility: hidden; font-size: 1.2em; }
#heading-home { float: left; padding: 0; background: url(../images/home.gif) no-repeat top right; width: 808px; margin-top: 20px; }
#heading-home p { margin: 0 0 0 0; padding: 0 0 65px 0; }
.arrowbg { background: url(../images/arrowbg.gif) no-repeat top left; padding: 0 0 0 13px; }
#heading-home a { color: #fff; text-decoration: underline; }
#heading-hom a:hover { text-decoration: none; }

#mainwidehome { width: 808px; float: left; border-top: 1px solid #fff; margin-top: 4px; *margin-top: 5px; }
#mainwidehome a { color: #fff; text-decoration: underline; }
#mainwidehome a:hover { text-decoration: none; }

#modules { width: 808px; float: left; margin-top: 5px; background: url(../images/hp-box-footer.gif) repeat-y top left; }

#modone { width: 223px; float: left; margin-right: 25px; margin-right: 5px; padding: 15px 10px 0 10px; *padding: 10px 10px 0 10px;*margin-top: 0px; background: url(../images/Newswebtab1.jpg) no-repeat top left; }
/*#modone h2 { margin: 0; padding: 10px 0 0 10px; background: url(../images/test.gif) top left; }*/
#modone ul { margin: 0; padding: 10px 0 5px 0; }
#modone ul li { margin: 0; padding: 0; list-style: none; background: url(../images/arrowr.gif) no-repeat top left; }
#modone ul li a { padding: 0 0 5px 13px; *padding: 0 0 5px 13px; text-decoration: underline; color: #fff; display: block; }
#modone ul li.none { background: none; font-weight: bold; }
#modone .InternalNews { margin: 0; font-size:medium; font-weight:bold; color:Black; display:inline; height:30px;}
#modone .ExternalNews { margin: 0; font-size:medium; font-weight:bold; color:Black; display:inline; width:120px !important; height:30px;}
/* ----- fix for ie6 ----- */


#modone ul li a { _display: inline-block; }
#modone ul li a { _display: block; }
#modone h2 {display:none;}

.heading-hideh { visibility: hidden; font-size: 1.2em; *font-size: 1em; }

#modules #modtwo { width: 223px; background: url(../images/home-pink.gif) no-repeat bottom right; float: left; margin-right: 25px; ma\rgin-right: 5px; padding: 10px; margin-top: 5px; *margin-top: 15px; }
#modtwo h2 { margin: 0; padding: 10px 0 0 10px; background: url(../images/casestudies.gif) no-repeat top left; }
#modtwo p { width: 140px; margin-top: 0; padding-top: 0; *padding-bottom: 10px; }
#modtwo .morecs { background: url(../images/arrowbp.gif) no-repeat top left; }
#modtwo a { display: block; margin-top: 10px; padding-left: 13px; }

#modules #modthree { width: 292px; background-color:#666666; /*background: url(../images/home-grey.gif) no-repeat bottom right; background-color: #535353;*/ float: left; margin-top: 5px; *margin-top: 15px; padding: 10px; }
#modthree h2 { margin: 0; padding: 10px 0 0 10px; background: url(../images/contactus.gif) no-repeat top left; }
#modthree p { width: 160px; margin-top: 0; padding-top: 0; *padding-bottom: 0; *margin-bottom: 9px; }
#modthree .morecu { background: url(../images/arrowgb.gif) no-repeat top left; display: block; margin-top: 15px; padding-left: 13px; }
#modthree ul { margin: 0px 0 0px 7px; padding: 0 0 10px 0; width: 170px; }
#modthree ul li { list-style: none; }


/* ------------------------------ contact us --------------------- */


#mainwide-contact { width: 808px; border-top: 1px solid #000; padding: 0 0 0 0; *padding: 10px 0 0 0; }
#mainwide-contact a { color: #000; text-decoration: underline; }
#mainwide-contact a:hover { text-decoration: none; }
#heading-contact h1 { margin: 0 0 20px 0; *margin: 0 0 10px 0; padding: 0 0 0px 0; background: url(../images/contact-us.gif) no-repeat top left; padding: 0; }
#content #cu { visibility: hidden; font-size: 1.2em; }
#mainwide-contact h2 { font-size: 1em; }

#cucontent { width: 360px; float: left; }
#cucontent p { margin-bottom: 10px; }

#contact-details { float: right; width: 380px; }
#contact-details ul { margin: 0; padding: 0; width: 290px; float: left; }
#contact-details ul li { margin: 0; padding: 0; list-style: none; }

#contact-wrap { clear: both; width: 808px; background: url(../images/new-contact.jpg) no-repeat bottom right; background-color: #000; color: #fff; float: left; padding-bottom: 20px; padding-left: 10px; }

#yourdetails, #submitQuestion { float: left; margin-top: 10px; }

#submitQuestion fieldset { background: #000000; width: 100%; padding-top: 10px; margin-left: 2px; }

* html #submitQuestion fieldset { width: 94.5%; }

#contact-wrap fieldset, #submitQuestion fieldset { border: none; }
#contact-wrap #yourdetails label, #submitQuestion label { color: #fff; font-weight: bold; min-width: 10em; _width: 10em; float: left; }

* html #submitQuestion label { margin-left: 10px; }
*:first-child+html #submitQuestion label { margin-left: 10px; }

#contact-wrap #yourdetails #title, #submitQuestion #title { width: 100px; }
#contact-wrap #yourdetails input, #submitQuestion input { width: 200px; }

#contact-wrap #request { width: 750px; float: left; margin-top: 30px; }
#contact-wrap #request .check { width: 300px; float: left; padding: 3px 0; }
#contact-wrap #request .check label { }
#contact-wrap #request h3 { font-weight: bold; font-size: 1em; padding-left: 0; margin-left: 0; }

#contact-wrap #alerts-wrap { width: 750px; float: left; margin-top: 30px; }
#contact-wrap #alerts { width: 310px; padding: 3px 0; float: left; }
#contact-wrap #alerts h4 { font-weight: bold; font-size: 1em; padding-left: 0; margin-left: -5px; *margin-left: -0px; }
#contact-wrap #alerts .radio { }
#contact-wrap #demo { width: 300px; float: left; }
#contact-wrap #demo h4 { font-weight: bold; font-size: 1em; padding-left: 0; margin-left: 0; }

#error-message { float: left; clear: both; }
#error-message h2, #thanks-message h2 { color: #ff0000; }
#error-message ul { color: #ff0000; }
#error-message ul li span { color: #000000; }
#thanks-message { float: left; clear: both; }
#thanks-message h2 { padding-bottom: 1em; }

#question { clear: both; width: 350px; margin-top: 20px; }
#question label { display: block; font-weight: bold; padding-bottom: 3px; }
#question #enquiry { width: 250px; height: 95px; }
#question textarea { width: 100%; }

#question #submitemailbtm { float: right; }

#questionSubmit { background: #000000; clear: both; width: 94.5%; padding-top: 10px; margin-left: 2px; padding-bottom: 5px; }
#questionSubmit label { display: block; font-weight: bold; padding-bottom: 3px; color: #ffffff; margin-left: 10px; }
#questionSubmit #enquiry { width: 250px; height: 95px; }
#questionSubmit textarea { width: 100%; margin-left: 10px; }
#questionSubmit input { margin-left: 10px; }
#questionSubmit #submitemailbtm { float: right; }

a img { border: none; }

.red h1 { background: none !important; font-size: 200%; }
.red h1 span { color: #d52b1e; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }
.blue h1 { background: none !important; font-size: 200%; }
.blue h1 span { color: #009fda; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }
.purple h1 { background: none !important; font-size: 200%; }
.purple h1 span { color: #9278d1; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }
.green h1 { background: none !important; font-size: 200%; }
.green h1 span { color: #7ab800; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }
.pink h1 { background: none !important; font-size: 200%; }
.pink h1 span { color: #cc0066; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }
.orange h1 { background: none !important; font-size: 200%; }
.orange h1 span { color: #ec6e00; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }
.yellow h1 { background: none !important; font-size: 200%; }
.yellow h1 span { color: #f5b400; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }
.grey h1 { background: none !important; font-size: 200%; }
.grey h1 span { color: #888888; font-family: Tahoma; font-weight: bold; font-size: 120%; visibility: visible !important; }

.articlecontent h2 span { color: #d52b1e; font-family: Tahoma; font-weight: bold; font-size: 110%; visibility: visible !important; }
.articlecontent .hidden { display: none; }

.moduletools { color: red !important; }
.moduletools a { color: red !important; }

div.userLogIn { float: right; clear: both; width: 100%; }
div#p_ctl03_loginSection, div#p_ctl02_loginSection { display: none; }
ul.loginButtons {  }
div.userLogIn div.row { float: left; width: 100%; }
div.userLogIn div.rowTopPad { margin-top: 7px; }
div.userLogIn div.row span { padding-left: 0.25em; font-weight: bold; }
div.userLogIn div { float: left; }

div.userLogIn div.userLogInLeft { float: left; width: 45%; }
div.userLogIn div.userLogInLeft label { position: relative; top: -2px; }
div.userLogIn div.userLogInRight { float: right; width: 45%; }
div.userLogIn div.userLogInPad { margin-right: 20px; }
div.userLogIn div.rowTopPad div.userLogInLeft { width: auto; }
div.userLogIn div.rowTopPad div.userLogInRight { width: auto; }

div.userLogIn .button { border: none; color: #ffffff; font-weight: bold; font-size: 100%; background: #009fd9; cursor: pointer; }
div.userLogIn a.button { padding: 0px 8px 1px 10px; text-decoration: none; position: relative; top: -1px; }
div.userLogIn .inputText { width: 100px; float: left; padding: 0; height: 13px; font-size: 90%; }
div.userLogIn label { font-weight: bold; padding-top: 0; margin-top: 0; }
div.userLogIn .error { color: #ff0000; position: absolute; top: 80px; left: 625px; width: 150px; }

div.faq { }
div.faq ul { list-style: none; float: left; width: 90%; padding-bottom: 1em; }
div.faq ul li { float: left; clear: left; width: 100%; }
div.faq ul li a { }
div.faq dl { float: left; clear: left; width: 100%; margin-top: 1em; border-bottom: 1px solid #000000; }
* html div.faq dl { padding-bottom: 1em; }
div.faq dl dt { float: left; padding-top: 0.5em; margin-bottom: 0.5em; border-top: 1px solid #000000; width: 100%; }
div.faq dl dt span { font-weight: bold; display: block; }
div.faq dl dd { float: left; margin: 0; margin-bottom: 1.5em; }
div.faq dl dd span { font-weight: bold; display: block; }
div.faq dl dd div.returnTop { margin-top: 0.5em; float: left; }
div.faq dl dd div.returnTop a { text-decoration: none !important; }
div.faq dl dd div.returnTop a:hover { text-decoration: underline !important; }

.divRegPage { clear: both; float: left; width: 100%; padding: 5px 0px 5px 0px; }
.divRegPage span { float: left; font-weight: bold; }
.errorRegPage { float: none !important; }
.divRegPage input { float: right; }

.links a 
{
	font-family:helvetica,arial,sans-serif;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none !important;
	white-space:nowrap;
}

.links a:hover
{
	color:#009FDA !important;
}

.relatedArticles li
{
	padding-bottom:3px;
	font-size:8pt;
	font-style:italic;
}