
/* GENERAL */

body {margin: 0; padding: 0; font:76% arial, verdana, sans-serif; color: #333; text-align: center; background-color: #fff;}
img {border: 0;}
blockquote {margin: 0; padding: 0;}
img.imaglinks {border: 1px solid #ccc;}
a.imaglinks {display: block; float: right; width: 251px; margin-left: 10px; margin-bottom: 10px;}
a.imaglinks img {display: block; border: 1px solid #ccc;}
a.imaglinks span {display: block; text-align: center; padding-top: 3px; color: #666; font-weight: normal; font-style: italic;}
.fieldsrequired {color: #f00;}
.textindent {text-indent: 1em;}
a {color: #f60; text-decoration: none; font-weight: bold;}
dl, dt, dd {margin: 0; padding: 0;}
ul {margin:0; padding: 0; list-style-type: none;}
h1, h2, h3, h4, h5, h6, p {margin: 0 0 10px; padding: 0;}
.lc {font-weight: bold !important;}
.normal {font-weight: normal !important;}
.withoutborder{border: 0 !important;}
.moregap {margin-top: 20px;}
.mainimage {width: 248px ;float: right; margin-left:15px; margin-bottom: 15px; border: 1px solid #ccc;}
.mainimage img {display: block; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
*[class$="clearfix"] {display: inline-block;  } /* ie7, ignored by opera 8 */
* html>body .clearfix { width: 100%; } /* ie mac only */
* html .clearfix { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }
.clearfix {display: block;}

.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
*[class$="row"] {display: inline-block;  } /* ie7, ignored by opera 8 */
* html>body .row { width: 100%; } /* ie mac only */
* html .row { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }
.row {display: block;}

.submitbutton {border: 0; background-color: #f60; font-weight: bold; color: #fff; text-transform: uppercase; padding: 3px 10px; font-size: 1em; cursor: pointer; padding-top: 4px; padding-bottom: 4px; overflow: visible;}


/* MAIN LAYOUT */

#breadcrumb {font-size: 0.9em; padding-top: 15px;}
#breadcrumb a {color: #000;}
#breadcrumb a:hover {text-decoration: underline;}

#header {padding-top: 13px;}
h2.homemainheader {margin-top: 10px;}
#header a {font-weight: normal;}
#footer {margin-top: 20px; padding: 10px 10px 20px; text-align: center; border-top: 1px dotted #ccc; font-size: 0.9em;}
#footer a {font-weight: normal;}

.columnheader {width: 697px; height: 142px; margin: 0 0 20px; }
.columnheader h2 {padding: 0; color: #e04f00;}
.columnheader h2 .section {display: none; padding-top: 25px; font-size: 20px; margin-left: 23px;}
.columnheader h2 .pagetitle {display: block; font-size: 30px; font-weight: normal; margin-left: 23px; padding-top: 30px;}
.columnheader h2 .smaller {font-size: 28px; margin-top: 5px;}
.columnheader h2 .slightlysmaller {font-size: 32px; margin-top: 5px;}

/* main banners */

.aboutus .columnheader { background: transparent url(../images/banner_aboutus.jpg) left bottom no-repeat; }
.ourservices .columnheader { background: transparent url(../images/banners/banner_ourservices.jpg) bottom left no-repeat; }
.loseweight .columnheader { background: transparent url(../images/banners/banner_loseweight.jpg) bottom left no-repeat; }
.smoking .columnheader { background: transparent url(../images/banners/banner_smoking.jpg) bottom left no-repeat; }
.lookgood .columnheader { background: transparent url(../images/banners/banner_lookgood.jpg) bottom left no-repeat; }
.sleepbetter .columnheader { background: transparent url(../images/banners/banner_sleepbetter.jpg) bottom left no-repeat; }
.strength .columnheader { background: transparent url(../images/banners/banner_strength.jpg) bottom left no-repeat; }
.depression .columnheader { background: transparent url(../images/banners/banner_depression.jpg) bottom left no-repeat; }
.whyinvest .columnheader { background: transparent url(../images/banner_whyinvest.jpg) left bottom no-repeat; }
.whyvielife .columnheader { background: transparent url(../images/banner_whyvielife.jpg) left bottom no-repeat; }
.ourclients .columnheader { background: transparent url(../images/banner_ourclients.jpg) left bottom no-repeat; }
.clients .columnheader { background: transparent url(../images/banner_clients.jpg) left bottom no-repeat; }
.energy .columnheader {background: transparent url(../images/banners/banner_ourservices_energy.jpg) bottom left no-repeat;}
.vielifeonline .columnheader {background: transparent url(../images/banners/banner_ourservices.jpg) bottom left no-repeat;}

.partnership .columnheader { background: transparent url(../images/banner_workinginpartnership.jpg) left bottom no-repeat; }
.partnership .columnheader h2 {color: #2153ec;}
.communityhealth .columnheader { background: transparent url(../images/banner_communityhealth.jpg) left bottom no-repeat; }
.communityhealth .columnheader h2 {color: #ec2149;}
.corporateservices .columnheader { background: transparent url(../images/banner_ourcorporateservices.jpg) left bottom no-repeat; }
.corporateservices .columnheader h2 {color: #5f9411;}
.roicalculator .columnheader { background: transparent url(../images/banners/banner_blank.jpg) left bottom no-repeat; }
.vacancies .columnheader { background: transparent url(../images/banners/banner_vacancies.jpg) left bottom no-repeat; } 
.contactus .columnheader { background: transparent url(../images/banner_contactus.jpg) left bottom no-repeat; } 
.requestdemopage .columnheader { background: transparent url(../images/banner_clients.jpg) left bottom no-repeat; } 
.mediacoverage .columnheader { background: transparent url(../images/banners/banner_mediacoverage.jpg) left bottom no-repeat; } 
.terms .columnheader { background: transparent url(../images/banners/banner_blank.jpg) left bottom no-repeat; }
.privacy .columnheader { background: transparent url(../images/banners/banner_blank.jpg) left bottom no-repeat; }
.sitemap .columnheader { background: transparent url(../images/banners/banner_blank.jpg) left bottom no-repeat; }
.secondlife .columnheader { background: transparent url(../images/banner_secondlife.jpg) left bottom no-repeat; }

.page {text-align: left; width: 970px; margin: 0 auto;}
#topnav {margin: 13px 0;}
#topnav h1 {float: left; margin: 0; padding: 0;}
#topnav .side {float: right; padding: 15px 0 0; margin: 0;}
#content { padding-bottom: 20px;}

/* script dropdown nav */

ul#mainnav li { position: relative;}
ul#mainnav li .topsectionlink {cursor: pointer;}

ul#mainnav li:hover a, ul#mainnav li a:hover { }
ul#mainnav a.home {	background: url(nav_home.png) no-repeat; }
ul#mainnav li .sub { position: absolute; top: 34px; left: 0; width: 146px; padding: 0px ; display: none; border: 0; }
ul#mainnav .sub ul li { background: transparent url(../images/boxes/dopdowncenter.png) top left repeat-y; color: #fff; margin: 0; padding: 0 0 5px 5px; width: 156px; border: 0; }
* html ul#mainnav .sub ul li, *:first-child+html ul#mainnav .sub ul li {background: transparent url(../images/boxes/iedopdowncenter.gif) top left repeat-y; }
ul#mainnav .sub ul li.top { background: transparent url(../images/boxes/dropdowntop.png) top left repeat-y; padding-top: 25px; }
* html ul#mainnav .sub ul li.top , *:first-child+html ul#mainnav .sub ul li.top {background: transparent url(../images/boxes/iedropdowntop.gif) top left repeat-y; }
ul#mainnav .sub ul li.bottom { background: transparent url(../images/boxes/dropdownbottom.png) bottom left repeat-y; padding-bottom: 20px; }
* html ul#mainnav .sub ul li.bottom, *:first-child+html ul#mainnav .sub ul li.bottom { background: transparent url(../images/boxes/iedropdownbottom.gif) bottom left repeat-y; }
ul#mainnav .sub ul li h2 { padding: 0;  margin: 0; font-size: 1.3em; font-weight: normal; }
ul#mainnav .sub ul li h2 a { padding: 5px 0; background-image: none; color: #e8e000; }
ul#mainnav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; display: block; text-align: center; text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; border: 0; margin: 0 !important; padding: 0 0 5px !important; width: 126px; border-bottom: 1px solid #fd9e5f;}
ul#mainnav .sub ul li a:hover {color: #ddd; }
ul#mainnav .sub ul li a.select {border: 1px solid #f00; background: #f00 url(../images/boxes/dropdowntop.png) right bottom no-repeat;}
ul#mainnav .sub ul li.bottom a {padding-bottom: 0; border-bottom: 0;} 

/* end script nav */

#mainnav {background: #fff url(../images/mainnavback.gif) top left no-repeat; margin-bottom: 0px;}
#mainnav  li {display: inline; float: left; border-right: 1px solid #f5f5f5; border-left: 1px solid #d8d8d8; position: relative;}
#mainnav li a.current {background: #fff url(../images/mainnavback_on.gif) top center no-repeat; }
#mainnav li.first {border-left: 0;}
#mainnav li.first a.current {background: #fff url(../images/mainnavback_on.gif) top left no-repeat; }
#mainnav li.last {border-right: 0;}
#mainnav li.last a {width: 200px; }
#mainnav li.last a.current {background: #fff url(../images/mainnavback_on.gif) top right no-repeat; }
#mainnav li a {color: #333; display: block; width: 128px; padding: 10px; text-align: center; font-size: 1.4em;}


/* SELECT REGION */

#divRegions { display:block; margin:23px; }
.selectregion .firstcolumn {width: auto;}
.selectregion #header {display: none;}
.selectregion .selectit {background: #fff url(../images/selectlang_back.jpg) top right no-repeat; width: 435px; padding: 160px 20px 20px 515px; min-height: 327px;}
* html .selectregion .selectit {height: 327px;}


/* HOMEPAGE */

#viralad {width: 650px; padding-left: 320px; height: 287px; padding-top: 5px; margin-top: 10px; background: transparent url(../images/home/viral_brainad.jpg) left bottom no-repeat; margin-bottom: 15px; cursor: pointer;}
#viralad .ribon {float: right; margin-right: -5px; margin-top: -5px; width: 152px; height: 152px;}
#viralad h2 {float: left; padding-bottom: 20px; margin-top: 60px; margin-right: -200px;}
#viralad p {float: left; margin: 0; width: 600px; padding: 0 0 15px; margin-right: -200px;} 

.helpboxeshome h3.arrow {padding-bottom: 1em; margin: 0; color: #333;}
.helpboxeshome h3.arrow span { /* background : #fff url(../images/arrow_down.gif) right 3px no-repeat; */ display: inline; font-size: 12px; padding-right: 20px;}

.boxhelpshome {background: #fff url(../images/help_back.jpg) left bottom no-repeat; } 
.boxhelpshomeUS {background: #fff url(../images/help_backUS.jpg) left bottom no-repeat; } 
.boxhelpshome .first, .boxhelpshomeUS .first {margin-left: 0;}
.boxhelphome { float: left; width: 280px; min-height: 156px ; margin-left: 19px; padding: 0 15px 10px;}
* html boxhelpshome, * html boxhelpshomeUS { height: 166px;}
.boxhelphomepad { float:left; width:123px;  height:10px; }
.boxhelphomepad2 { float:left; width:170px;  height:10px; }
.boxhelphome h4 {font-size: 1.6em; line-height: 1.1em; color: #333;} 
.boxhelphome .boxhelpcontent { margin-left: 127px; color: #666; margin-bottom: 5px; font-size: 0.9em;}
.boxhelphome .boxtextcontent {min-height: 90px;}
.boxhelphome .boxtextcontentUS {min-height: 90px; line-height:20px; width:250px; font-size:1.1em; }
* html .boxhelphome .boxtextcontent {height: 90px;}

.threecolumnshome { margin-top: 20px; background: #fff url(../images/dotsvert.gif) left top repeat-y;}
.threecolumnshome .column {width: 283px; float: left; padding: 0 20px;}
#page .threecolumnshome .first { padding: 0 20px 0 0; width: 303px;}
.threecolumnshome h3 {font-size: 1.7em; font-weight: normal;}
.threecolumnshome ul li {margin-bottom: 5px;}

.nextstepcontact { padding: 20px 90px 10px 0; background: #fff url(../images/homecontact.jpg) right bottom no-repeat; border-bottom: 1px solid #ccc; margin-bottom: 10px;}

blockquote span.quote {font-weight: bold;}
.separ {border-top: 1px solid #ccc; padding-top: 1em; margin-top: 1.5em;}
.mandatory {float: left; padding-top: 4px;}

.certif {border-bottom: 1px solid #ccc; padding: 10px 110px 10px 0 ; font-size: 1.2em; background: #fff url(../images/certif_ncqa.gif) right bottom no-repeat}



/* other pages */

.viralsidelink {padding: 41px 0 0; margin-bottom: -30px;}

.helpboxes h3.arrow {padding-bottom: 1em; margin: 0; color: #333;}
.helpboxes h3.arrow span {background: #fff url(../images/arrow_down.gif) right 3px no-repeat; display: inline; font-size: 12px; padding-right: 20px;}

.boxhelps {padding-top: 41px;} 

.helpcorporate {background: transparent url(../images/boxes/back_corporate.jpg) center top no-repeat;}
.helpcommunity {background: transparent url(../images/boxes/back_community.jpg) center top no-repeat;}
.helppartnership {background: transparent url(../images/boxes/back_partnership.jpg) center top no-repeat;}
.helprequestdemo {background: transparent url(../images/boxes/back_requestdemo.jpg) right bottom no-repeat;}
.boxhelps .first {margin-left: 0; border-left: 0; border-right: 0; width: 214px;}
.boxhelps .last {margin-left: 0; border: 0; width: 214px;}
.boxhelp { float: left; width: 212px; padding: 14px 14px 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.boxhelp h4 {font-size: 1.1em; color: #333;} 
.boxhelp .boxhelpcontent { margin-right: 60px; color: #333; margin-bottom: 5px; font-size: 0.9em;}

.threecolumns { margin-top: 20px; }
.threecolumns .column {width: 322px; float: left; padding: 0 0px;}
.page .threecolumns .first { padding: 0 35px 0 0; width: 288px;}
.page .threecolumns .last { padding: 0 0px 0 25px; width: 297px;}
.threecolumns h3 {font-size: 1.7em; font-weight: normal;}
.threecolumns ul li {margin-bottom: 5px;}
.homecalculator { width: 322px; background: #fff url(../images/boxes/homecalculator_bottom.gif) left bottom no-repeat; padding-bottom: 15px;}
.homecalculator .bottom { padding: 10px 10px 0; background: transparent url(../images/boxes/homecalculator_top.jpg) left top no-repeat; min-height: 200px;}
* html .homecalculator .bottom {height: 200px;}
.homecalculator .row { margin-bottom: 10px;}
.homecalculator .row label {display: block; width: 189px; float: left; font-size: 0.9em; font-weight: bold;}
.homecalculator .row label em {color: #999;}
.homecalculator .row .valuebox {display: block; width: 90px; margin-left: 10px; float: left;}
.homecalculator .calculateit { margin-top: 10px; padding-left: 200px;}

#advert { clear: both; margin-top: 50px; background: transparent url(../images/banners/callus.jpg) left top no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 46px; padding: 15px 10px 10px 130px; }
#advert h4{text-transform: uppercase; font-size: 1.2em; margin: 0 0 3px; padding: 0;}

/* news ticker */

#newsticker { background: #fff url(../images/newsticker_back.jpg) left bottom no-repeat; width: 970px; min-height: 21px; clear: both; margin-top: 15px; padding-top: 25px;}
* html #newsticker {height: 21px;}

#newsticker dl dt {width: 100px; float: left; padding: 0 20px; text-align: right; font-weight: bold; text-transform: uppercase; font-size: 1.1em;}
#newsticker dl dd {width: 750px; padding: 0 10px; float: left;}

.newsticker { list-style-type: none; padding: 0px; margin: 0;}
.newsticker a { font-weight: normal;}

/* INNER SITE PAGE */

.dotted {background: #fff url(../images/dots.gif) left top repeat-x; padding-top: 10px; margin-top: 20px;}
.firstcolumn {width: 697px; float: left; margin-right: 31px; font-size: 1em;}
.secondcolumn {width: 242px; float: left;}
.firstcolumn .innersidecontent {float: right; margin-left: 20px; width: 265px; }
.contentcolumn { width: 400px; float: left;}
.firstcolumn h3 {font-size: 1.2em; color: #e04f00}


.partnership .firstcolumn h3 { color: #2153EC; }
.communityhealth .firstcolumn h3 { color: #ec2149; }
.corporateservices .firstcolumn h3 {color: #5F9411;}
.firstcolumn ul {margin: 10px 20px 0px 0px; padding: 0 10px 10px 10px; list-style-type: none; }
.firstcolumn ol {margin: 10px 20px; padding: 0 10px 10px 10px;}
.firstcolumn ol.sourcelist {font-style: italic; font-size: 0.8em; color: #333;}
.firstcolumn ul li, .firstcolumn ol li{margin-bottom: 6px; }
.firstcolumn ul li {background: transparent url(../images/bullet_orange.gif) 0 5px no-repeat; padding-left: 12px;}
.firstcolumn ul.withline li {border-bottom: 1px solid #ccc; padding: 0 12px 12px;}
.corporateservices .firstcolumn ul li {background-image: url(../images/bullet_green.gif)}
.communityhealth .firstcolumn ul li {background-image: url(../images/bullet_pink.gif)}
.partnership .firstcolumn ul li {background-image: url(../images/bullet_blue.gif)}

.firstcolumn ul li ul {list-style-type: square; margin: 10px 0 0 20px; padding-bottom: 5px;}

.firstcolumn dl{margin-left: 0px;}
.firstcolumn dl dt {margin-top: 20px; font-weight: bold;}
.firstcolumn .leading dt {color: #cc3300}

.innersidecontent ul, .innersidecontent ol {margin: 0 0 0 10px;}
.chapo {font-weight: normal; }

/* boxes */

.requestdemo {background: #fff url(../images/boxes/apples_top.gif) left top repeat-x; width: 265px; padding: 10px 0 0; text-align: center; margin-bottom: 15px;}
.requestdemo .bottom {background: transparent url(../images/boxes/apples_bottom.jpg) left bottom repeat-x; padding: 0 10px 10px; min-height: 210px;}
.requestdemo .bottom h3 {text-transform: uppercase; color: #333; margin-bottom: 5px; font-size: 1.1em;}
* html .requestdemo .bottom {height: 210px}


.nextstep {background: #fff url(../images/boxes/apples_top.gif) left top repeat-x; width: 265px; padding: 10px 0 0; text-align: left; margin-bottom: 15px; }
.nextstep .bottom {background: transparent url(../images/boxes/nextstep_bottom.jpg) left bottom repeat-x; padding: 0 10px 10px; min-height: 160px; font-style: italic;}
.nextstep .bottom h3 {text-transform: uppercase; color: #333; margin-bottom: 20px; font-size: 1.1em; font-style: normal;}
.nextstep .phonenumber {font-size: 2em; font-weight: bold; display: block;}
* html .nextstep .bottom {height: 160px;}


.roundgradient {background: #fff url(../images/boxes/gradientbox_bottom.gif) left bottom repeat-x; width: 265px; padding: 0px 0 10px; margin-bottom: 15px;}
.roundgradient .inner {background: transparent url(../images/boxes/gradientbox_top.jpg) left top repeat-x; padding: 10px 10px 0px; min-height: 150px;}
.roundgradient .inner h3 {text-transform: uppercase; color: #333; margin-bottom: 5px; font-size: 1.1em;}
.roundgradient .row {margin-bottom: 5px;}
.roundgradient .row label {display: block; width: 90px; padding: 2px 5px 0 0; float: left; font-style: italic;}
.roundgradient .row .text {display: block; width: 145px; padding: 2px 0; border: 1px solid #f60;} 
.roundgradient .buttons {margin: 10px 0 0;}

.quote blockquote {font-style: italic; font-size: 1.1em; margin: 10px 0 20px}
.quoteauthor {text-align: right;}

.roundbox {background: #fff url(../images/boxes/gradientbox_bottom.gif) left bottom no-repeat; width: 265px; padding-bottom: 20px; margin-bottom: 15px;}
.roundbox h3 {margin: 0; padding: 5px 10px; background: #ccc url(../images/boxes/simpleround_top.gif) left top no-repeat; font-size: 1em; text-transform: uppercase; color: #333;}
.roundbox .inner { min-height: 50px; padding: 10px 10px 0; font-style: italic;}
* html .roundbox .inner {height: 50px;}
.roundbox .inner ol {font-size: 0.9em;}

.normalbox {padding-bottom: 20px; margin-bottom: 15px;}
.normalbox h3 {margin: 0; padding: 5px 10px; background: #ccc url(../images/boxes/simpleround_top.gif) left top no-repeat; font-size: 1em; text-transform: uppercase; color: #333;}
.normalbox .inner { font-style: italic;}
* html .normalbox .inner {}
.normalbox .inner ol {font-size: 0.9em;}

.communityhealth .roundbox {background: #fff url(../images/boxes/redgradientbox_bottom.gif) left bottom no-repeat; }
.communityhealth .roundbox a{color: #ec2149}
.communityhealth .roundbox h3 {margin: 0; padding: 5px 10px; background: #ec2149 url(../images/boxes/redsimpleround_top.gif) left top no-repeat; color: #fff;}
.communityhealth .roundbox .inner {border-left: 1px solid #ec2149; border-right: 1px solid #ec2149; min-height: 50px; padding: 10px 10px 0;}

.doublebox {margin-right: -15px; margin-bottom: 20px;}
.doublebox .roundchtop, .doublebox .roundcstop  {float: left; margin-right: 15px; }

.doublebox .last {margin-right: 0;}

.roundchtop { width: 334px; background: #fff url(../images/boxes/mainroundch_top.gif) left top no-repeat; padding-top: 15px; margin-bottom: 15px;}
.roundchtop .bottom { background: #fff url(../images/boxes/mainroundch_bottom.gif) left bottom no-repeat; padding: 0 40px 10px 10px; min-height: 160px;}
* html .roundchtop .bottom {height: 160px;}
.roundchtop ul {margin-bottom: 0;}


.roundcstop { width: 334px; background: #fff url(../images/boxes/mainroundcs_top.gif) left top no-repeat; padding-top: 15px; margin-bottom: 15px;}
.roundcstop .bottom { background: #fff url(../images/boxes/mainroundcs_bottom.gif) left bottom no-repeat; padding: 0 40px 10px 10px; min-height: 20px;}
* html .roundcstop .bottom {height: 20px;}
.roundcstop ul {margin-bottom: 0;}

.corporateservices .roundbox {background: #fff url(../images/boxes/greengradientbox_bottom.gif) left bottom no-repeat; }
.corporateservices .roundbox a{color: #92c745}
.corporateservices .roundbox h3 {margin: 0; padding: 5px 10px; background: #ccc url(../images/boxes/greensimpleround_top.gif) left top no-repeat; color: #fff;}
.corporateservices .roundbox .inner {border-left: 1px solid #92c745; border-right: 1px solid #92c745; min-height: 50px; padding: 10px 10px 0;}


.casestudy {border-right: 1px solid #ccc; margin-bottom: 10px; width: 200px; float: left; padding: 10px; min-height: 230px;}  
* html casestudy {height: 230px; }

.corporateservices .casestudy {min-height: 150px;}
* html .corporateservices .casestudy {min-height: 150px;}

.casestudy h4 {margin:0 0 3px; padding: 0;}

.communityhealth .casestudy a {color: #ec2149;}
.corporateservices .casestudy a {color: #5F9411;}

.largeroundbox {width: 686px; padding-top: 20px; background: #fff url(../images/boxes/largegradient_top.jpg) left top no-repeat; margin-bottom: 15px;}
.largeroundbox .bottom {padding-bottom: 10px; background: transparent url(../images/boxes/largegradient_bottom.gif) left bottom no-repeat;}
.largeroundbox .bottom .inner {border-left: 1px solid #ccc; border-right: 1px solid #ccc; min-height: 100px; padding-left: 10px; padding-right: 10px;}
.largeroundbox .middlelinebox {background: transparent url(../images/boxes/middleline.gif) 50% top repeat-y; min-height: 100px;}
* html .largeroundbox .middlelinebox {height: 100px;}

.firstcolumnbox{float: left; width: 315px;padding-right: 15px;}
.secondcolumnbox{float: left; width: 300px; padding-left: 15px;}

/* Our People */
h3.leadingheader {color: #333 !important; text-transform: uppercase; font-size: 1.1em;}
.leading dl {margin-left: 140px;}
.leading {padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.leading img {display: block; float: left;}

/* Why invest */

.testimonal {width: 686px; padding-top: 20px; background: #fff url(../images/boxes/largegradient_top.jpg) left top no-repeat; margin-bottom: 15px;}
.testimonal .inner {padding:0 15px 20px; background: transparent url(../images/boxes/largegradient_bottom.gif) left bottom no-repeat;}
/* 
.testimonal .inner {border-left: 1px solid #ccc; border-right: 1px solid #ccc; min-height: 100px; padding-left: 10px; padding-right: 10px;} 

.testimonal {margin-bottom: 3em; padding: 0px; background: #fff4ed url(../images/boxes/testimonybox_bottom.gif) left bottom no-repeat;}
.testimonal .inner {padding: 10px; background: transparent url(../images/boxes/testimonybox_top.gif) left top no-repeat;}
*/

.testimonal .clientlogo { width: 180px; float: right;}

.testimonal p{margin-bottom: 0;}
.testimonal p.author {font-weight: bold;}
.mainquote {font-size: 1.4em; font-style: italic; margin-bottom: 10px !important; }
.mainquote .quotesign {}


.researchbox {margin-bottom: 10px; border-bottom: 1px solid #f60; padding: 10px 10px 10px 0;}

/* our clients */

.clientslogo .row {margin-bottom: 10px;}
.clientslogo ul {margin: 0; padding: 0;}
.clientslogo ul li {display: block; width: 150px; float: left; margin-right: 24px; list-style-type: none !important; padding: 0 !important;}
.clientslogo ul li.last {margin-right: 0;}
.clientslogo ul li img {display: block;}

/* ROI */

.roicalculator #content .firstcolumn h3 {font-size: 1.8em; font-weight: normal;}
.absenteeismtable {background: #fff url(../images/roi/roudboxdesk.jpg) left top no-repeat; width: 644px; height: 108px; font-size: 1.1em; padding: 10px 10px 0 10px;}
.absenteeismtable h4 {text-transform: uppercase; padding: 0px; margin: 0; font-size: 1em;}
.absenteeismtable table {border-collapse: collapse; width: 400px;}
.absenteeismtable table tr.total td {border-top: 1px solid #ccc;}
.absenteeismtable table tr td { padding: 5px 10px 10px 0;}
.absenteeismtable table tr td.result {font-weight: bold; text-align: right;}

.productivitytable {background: #fff url(../images/roi/roundboxofficeconf.jpg) left top no-repeat; width: 644px; height: 108px; font-size: 1.1em; padding: 10px 10px 0 10px;}
.productivitytable h4 {text-transform: uppercase; padding: 0px; margin: 0; font-size: 1em;}
.productivitytable table {border-collapse: collapse; width: 400px;}
.productivitytable table tr.total td {border-top: 1px solid #ccc;}
.productivitytable table tr td { padding: 5px 10px 10px 0;}
.productivitytable table tr td.result {font-weight: bold; text-align: right;}

.estimation {border-collapse: collapse; border: 1px solid #ccc; width: 664px; margin-bottom: 40px;}
.estimation th {padding: 3px 10px; border: 1px solid #ccc; text-align: center;}
.estimation td {padding: 3px 10px; border: 1px solid #ccc; text-align: center; }
.estimation .averagevalue {background-color: #fce5e9;}

/* vacancies */

.countryvacancies {width: 686px; padding-top: 20px; background: #fff url(../images/boxes/largegradient_top.jpg) left top no-repeat; margin-bottom: 15px;}
.countryvacancies .bottom {padding-bottom: 10px; background: transparent url(../images/boxes/largegradient_bottom.gif) left bottom no-repeat;}
.countryvacancies .bottom .inner {border-left: 1px solid #ccc; border-right: 1px solid #ccc; min-height: 100px; padding-left: 10px; padding-right: 10px;}
* html .countryvacancies .bottom .inner {height: 100px;}
.flag {float: left; margin-right: 10px; width: 52px; }
.vacanciescontent {float: left; width: 600px;}
.vacanciescontent h3 {margin-bottom: 0; padding-bottom: 0;}
.vacanciescontent h4 {margin-bottom: 0; padding-bottom: 0; }

.vacancies .position {margin-bottom: 25px;}
.vacancies .position h3 {font-size: 1.4em; color: #333; margin-bottom:0; padding-bottom: 0;}
.vacancies .position p.subheader {font-size: 1.2em; margin:0; padding: 0;}
.vacancies .position .intro {margin-bottom: 2em;}
.vacancies .position h4 {font-size: 1.2em; color: #cc3300;}
.vacancies .position h5 {font-size: 1em; color: #333;} 
.vacancies .position table {border-collapse: collapse; border: 1px solid #999; margin: 1em 0 2em;}
.vacancies .position table th {border: 1px solid #ccc; background-color: #f5f5f5; padding: 5px 10px;}
.vacancies .position table td { border: 1px solid #ccc; padding: 5px 10px;}


/* contact us */

.contactus #officeuk, .contactus #officeus {width: 180px; float: left; display: inline; margin-bottom: 20px;}
.contactus #officeuk, .contactus #officeus {border-right: 1px solid #ccc; margin-right: 20px;}

.contactus .firstcolumn dl {margin: 0; padding: 0;}
.contactus .firstcolumn dt{font-size: 1.1em; font-weight: bold; margin-bottom: 0; margin-top: 0;}
.contactus .firstcolumn dd {margin:0; padding: 0 10px 0 0;}
.contactus .firstcolumn address {font-style: normal; margin-bottom: 20px; padding:0;}
.contactus .firstcolumn .phone {font-weight: bold;}
.contactus .firstcolumn .enquiries {font-weight: bold; display: block; float: left; width: 200px;}

/* REQUEST DEMO CONTACT FORM */

.requestdemocontent {}
.requestdemocontent .incontent { width: 670px;}
.requestdemocontent ul {margin-bottom: 15px;}
.requestdemocontent li { margin-bottom: 2px !important;}

.requestdemocontent .contactbox label {width: 100px; float: left; }
.requestdemocontent .contactbox .text input {width: 200px; float: left; border: 1px solid #999;}
.requestdemocontent .contactbox h3 {margin-bottom: 5px;}
.requestdemocontent .formrow {clear: both; padding-top: 5px; margin: 0 !important; }

.requestdemocontent .parasubmit { clear: both; margin: 0; padding: 15px 0 10px 340px; }
*:first-child+html .requestdemocontent .parasubmit , * html #maincontent .requestdemodemo .parasubmit { padding-top: 0;} 

.requestdemocontent .parasubmit input {border: 1px solid #999; display: block; padding: 3px 10px;}
.requestdemocontent .contactbox {width: 686px; padding-top: 20px; background: #fff url(../images/boxes/largegradient_top.jpg) left top no-repeat; margin-bottom: 15px;}
.requestdemocontent .contactbox .bottom {padding-bottom: 10px; background: transparent url(../images/boxes/largegradient_bottom.gif) left bottom no-repeat;}
.requestdemocontent .contactbox .bottom .inner {border-left: 1px solid #ccc; border-right: 1px solid #ccc; min-height: 100px; padding-left: 10px; padding-right: 10px;}

.requestdemocontent .wholeform .firstcolumn {width: 320px; float: left; display: inline;}
.requestdemocontent .wholeform .secondcolumn {width: 260px; margin-left: 20px; float: left; padding-top: 10px; display: inline;}
.requestdemocontent .wholeform .secondcolumn .formrow input {float: left;}
.requestdemocontent .wholeform .secondcolumn p { margin-bottom: 0 !important;}
.requestdemocontent .wholeform .secondcolumn .formrow label {width: 240px; margin-left: 5px; padding-top: 1px; margin-right: -50px;}

/* newsletters */

#newsletters {width: 600px; margin-top: 30px; }
#newsletters li {background: none !important; display: block; float: left; padding: 0; margin-right: 30px; margin-bottom: 20px;}
#newsletters li img {display: block; border: 1px solid #f4f4f4; margin-bottom: 5px;}

.quotesign {font-size: 1.4em; font-weight: bold;}

/* Media coverage */

.mediacoverage .simpletabs {margin-bottom: 20px;}
.mediacoverage .simpletabs li {display: inline; background-image: none !important; margin: 0; padding: 0 10px; border-left: 1px solid #000;}
.mediacoverage .simpletabs li.first {border-left: none;}
.mediacoverage ul.pdflist {margin: 0 0 0 10px; padding: 0;}
.mediacoverage ul.pdflist li {clear: both; padding: 0; margin: 0 0 10px; background-image: none !important; }
.mediacoverage ul.pdflist li img {display: block; float: left;}
.mediacoverage ul.pdflist li a {font-weight: bold;}
.mediacoverage ul.pdflist li div.pdftext {float: left; width: 650px; margin-left: 5px; padding-top:3px;}
.mediacoverage ul.pdflist li p {margin: 0; padding: 0;} 
.mediacoverage .size {color: #999; font-style: italic;}
.mediacoverage .magazine {font-style: italic;}
.mediacoverage .active {color: #000;}

/* case */

#content .case {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }
#content .casecontent {margin-left: 166px;} 
#content h4.imgtitle {margin: 0 0 10px; float: left; width: 156px; text-align: center;}


/* sitemap */
.sitemapcontent {margin-top: -20px; background: transparent url(../images/boxes/middleline.gif) 340px 0px repeat-y;}
.sitemapcontent dl {width: 325px; float: left; padding: 0 15px 15px;} 
.sitemapcontent dl.second {width: 280px;} 
.sitemapcontent .first dt a, .sitemapcontent .second dt a{font-size: 1.2em; text-transform: uppercase; color: #cc3300}
.sitemapcontent .first dt a, .sitemapcontent .second dt a{color: #cc3300}

.sitemapcontent ul ul {list-style-type: none !important; padding-left: 15px; margin-left: 0 !important;}
.sitemapcontent ul ul li {background: transparent url(../images/bullet_reddisc.gif) 0 5px no-repeat; padding-left: 15px;}

/* TABS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
 .ui-tabs-hide {display: none;}}

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel { }
.ui-tabs-nav { list-style: none !important; margin: 0 !important; padding: 0 0 0 4px !important;}
.ui-tabs-nav li {background: none !important; padding: 0 !important;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block; clear: both; content: " ";}
.ui-tabs-nav li {
    float: left; margin: 0 0 0 2px !important; min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block; padding: 0 10px; background: url(../images/buttons/tab.png) no-repeat;
}

.communityhealth .ui-tabs-nav a ,.communityhealth .ui-tabs-nav a span {background-image: url(../images/buttons/tab_pink.png);}
.corporateservices .ui-tabs-nav a ,.corporateservices .ui-tabs-nav a span {background-image: url(../images/buttons/tab_green.png);}
.partnership .ui-tabs-nav a ,.partnership .ui-tabs-nav a span {background-image: url(../images/buttons/tab_blue.png);}

.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0; color: #27537a; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    /* position: relative; */
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px; color: #fff; text-transform: uppercase;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0; color: #666; text-transform: uppercase;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.communityhealth .ui-tabs-panel{border-top: 1px solid #ec2149;}
.corporateservices .ui-tabs-panel{border-top: 1px solid #5f9411;}
.partnership .ui-tabs-panel{border-top: 1px solid #052cb3;}

.ui-tabs-panel {
    border-top: 1px solid #f60;
    padding: 2em 8px 1em;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.75; opacity: 0.75; }

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 1px solid #ebebeb; text-align:left; top:50%; left:50%; }

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px;	_margin-bottom:1px; }
