/* 
Main Layout CSS
Author: Luke Harby
http://slackwise.org.uk
Client: Cosmetics Business
*/

/* global html styles */
* {
	font-weight:normal!important;
}
strong,b{ font-weight:bold!important;}

body,h1,h2,h3,h4,h5,h6,h7 {
	font-family: "ffs-regular", "Times New Roman", Times, serif;
}

.ie h1 {
	font-weight:bold;	
}

a:link, 
a:visited {
	color:#000;	
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
a:focus, a:active {
	outline:none;
}

/* Text Selection Colour */
::-moz-selection { 
	background:#242223;
	color:#FFFFFF;
}
::selection { 
	background:#242223;
	color:#FFFFFF;
}

/*Forced Scrollbar */
html, body {height:100%;}

html {overflow-y:scroll}


/* Header and Navigation */
header {
	background:#FFFFFF;
	margin-bottom:10px;
}

.container,
header nav {
	position:relative;
}

#headerTools {
	background:#d1edd5;
	height:10px;
	margin-top:10px;
}

.logo-image {
	padding:5px 0 0 0;
}

.strap-line {
}

.strap-line h4 {
	padding:0 0 0 20px;
	color:#EB0A6C;	
}

ul.header-links {
	margin:0;
	padding:0;
	list-style:none;	
}

ul.header-links li {
	postition:relative;
	float:left;
	padding:10px 10px 20px 10px;;
}

ul.header-links li a:link, 
ul.header-links li a:visited {
	color:#FFF;	
}

ul.header-links li a:hover {
	text-decoration:none;
	color:#DDD;
}

#searchForm {
	margin:0 10px 0 0;
}

#searchForm form {
	position:absolute;
	top:-5px;
	right:5px;
	z-index:5000;
}

#searchForm form label {
	display:none;
}

#searchForm form input.textinput {
	width:150px;
	height:20px;
	float:left;
	margin:5px 5px 0 0;
	line-height: 24px;
	padding:0;
	border-radius:0;
	-webkit-border-radius:0;
	border:none;
}

#searchForm form.search-formrow {
	position:relative;
	text-align:left;
	padding:0px 0px 5px 0px;
}

#searchForm form input.submit-btn {
	position:absolute;
	margin:1px 1px 0 0;
	top:5px;
	right:5px;
	background:url(../images/betterhealthcare/layout/search-arrow.png) no-repeat 0 0;
	border:0;
	width:18px;
	height:18px;
}

.listWrap{
	width: 190px;
	background-color: #fff;
	padding: 10px 5px 2px 0;
	margin-top: 5px;
	-webkit-box-shadow: 1px 3px 15px 0px rgba(128, 128, 128, 1);
	box-shadow: 1px 3px 15px 0px rgba(128, 128, 128, 1);
}
.ajaxsearch .listWrap{
	width:225px;
	margin:-10px 0 0 2px;
}
.autoInput{
	width:220px;
}

ul.searchList li.ac-search{
	       
}
ul.searchList li.ac-search a:hover{

}
ul.searchList li{
	display:block;
	padding:5px;
	margin-left:-20px;
	border-bottom: 1px #ccc dotted;
}
ul.searchList li:hover{
	font-size:120%;
	margin-left:-20px;
	width:auto;
	border-bottom: none;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 1px 15px 0px rgba(128, 128, 128, 1);
	box-shadow:0px 1px 15px 0px rgba(128, 128, 128, 1);
   	color:#00CFFF;
}
ul.searchList li a:hover{
	text-decoration:none;
}
ul.searchList li.tx-search{

}
ul.searchList li.tx-search a:hover{
     
}
.restext {
	margin-left:10px;
}
#searchlist{
        margin:10px 0 0 32px;
        font-size:110%;
}
#searchlist h3{
      font-size:130%;
      margin-bottom:3px;
	line-height:120%;
}
#searchlist p{font-size:100%;}
#searchlist .date{
      font-size:80%;
      display:block;
      float:right;
      margin:-10px 0 0 5px;
	color: #aaa;
}
#searchlist .reason{
      font-size:80%;
      margin:-10px 0 0 0;
	text-transform:uppercase;
	color: #aaa;
}

/* Main Navigation */
ul#mainNav li.off ul {
	display:none;
}

ul#mainNav {
	background:#d1edd5;
	list-style:none;
	width:100%;
	position:relative;
	top:0;
	margin:0;
	/*height:30px; */
}

ul#mainNav li,
ul#mainNav li ul li{
/*float the main list items*/
	margin:0;
	float:left;
	display:block;
}

ul#mainNav li ul {
	background:#4d8c00;
	width:100%;
	position:absolute;
	top:30px;
	left:-25px;
}

ul#mainNav li.on {
	background:#4d8c00;	
}

ul#mainNav li.on a {
	color:#FFF;	
}

ul#mainNav li a,
ul#mainNav li ul li a {
	text-decoration:none;
	font-size:18px;
	color: #4d8c00;
	display: block;
	/*width: 93px; */
	padding:5px 15px 5px 15px;
}
/* IE hack */
.ie ul#mainNav li a,
.ie ul#mainNav li ul li a {
	font-size:20px;
	display: block;
	padding:5px 15px 5px 15px;
}

ul#mainNav ul li a {
	color:#000;
}

ul#mainNav li a:hover {
	background:#4d8c00;
	color:#FFFFFF;	
}

ul#mainNav li ul li a:hover {
	text-decoration:none;
	background:#d1e0d5;
	color:#4d8c00!important;
}
ul#mainNav li ul li.on {
	background:#d1e0d5;
}
ul#mainNav li ul li.on a {
	color:#4d8c00!important;	
}

/* menu for mobile layout only */
a#mainNavTrigger {
	display:none;	
}



/*subnav formatting*/
ul#mainNav li ul li.on a,
ul#mainNav li.on ul li a:hover,
ul#mainNav li.off ul li a:hover {
	color:#ddd;
}

.sub-nav li {
	margin-right:20px;
	float:left;
	display:block;
}
.article_list{
	margin-top:20px;
}

.company_profile h3 { font-size:16px; color:#4d8c00; font-weight: bold!important;}
.company_profile h4 { font-size:14px; font-weight: bold!important;}


.sub-nav li a {line-height:1; color:#000; background-color: #ddd; text-decoration:none; padding:12px 12px 13px; display:block; margin-right:5px; border-radius: 5px; -webkit-border-radius: 5px;-webkit-box-shadow: 0px 1px 15px 0px rgba(128, 128, 128, 1); box-shadow:0px 1px 15px 0px rgba(128, 128, 128, 1);}
.sub-nav li a:hover, .sub-nav li a:focus { background:#ED037C; color:#FFF; -webkit-box-shadow:none; box-shadow:none;}
.sub-nav .current { background:#ED037C; color:#FFF; font-weight:700!important; -webkit-box-shadow:none; box-shadow:none;}
.account_address { float:left; width:170px; padding:0 0 0 5px; background-color:#ddd;margin:20px 10px 10px 0;border-radius:5px;}
.account_address .block { padding:0 0 20px; }
.account_address h3 { font-size:130%; margin:0; font-weight: bold!important;}
.account_address p {color:#000; margin:0 0 0 4px; padding-top:0; }

.account_basics { float:left; width:436px; margin-top:20px;}
.account_basics h3 { font-size:130%; margin:0; font-weight: bold!important;}
.account_basics h4 {font-weight: bold!important;font-size:120%; margin-bottom:0;}
.account_basics p {padding-top:0;}

.subscriptions { padding:8px 0 0; }

.tablesubacc { width:100%; border-collapse:collapse; margin:0 0 30px; }
.tablesubacc th { color:#FFF; background:#000; padding:10px 12px 9px; text-align:left; font-weight:bold!important; }
.tablesubacc td { background:#F0F0F0; padding:10px; }

.email_subscriptions p{ padding-top:0; margin-bottom:0;}

.subscribers p.rec-text{margin:20px 0 10px 0; padding:0; font-size:110%;}
.subscribers h3.latest{font-size: 120%; font-weight:bold!important; display:inline;}
.subscribers p.date{color:#aaa; display:inline; white-space: nowrap;}
.subscribers p.standfirst{margin-top:-5px; padding-top:0;}
.subscribers p.standfirst br{display:none;}

#recommended {padding:10px;}
#recommended img {float:left;margin: 10px;}
#recommended p.date{float:right;margin:5px 10px 0 5px;}
#recommended h3{display:block; line-height:121%;}
#recommended p.standfirst{margin:-5px 0 0 0;padding:0;}

/* Page Structure */
#rowWrapper {
	background:#FFF;
	border-bottom:none;
	padding:0 0 10px 0;
	margin-top:40px;
	z-index:-20;
}

#rowWrapper.notop {
	margin:0;
}
.content-indent {
	margin-left:10px;
}
.content-indent .span3{
	width:375px;
}
.content-indent2 {
	margin-left:30px;
}

#creationdate{
	float: right;
	color: #999;
	font-size: 140%;
	margin-top: 15px;
}

.row p,
.row-fluid p {
	padding:5px 0 0 5px;	
}

.rounded, 
.rounded2 {
	background:#FFF;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border:1px solid #4d8c00;
	margin-bottom:10px;
}

.rounded2 {
	background:#d1edd5;	
}
.rounded ul{
	padding:10px;
}
.rounded h4{
	margin:10px 0 0 10px;
}
.rec-promo {
	text-align:center;
	padding:0 10px;
}

.rec-promo h4 {
	margin:5px;
	font-weight:bold!important;
}
.rec-promo p {
	line-height:121%;
}
.access { background:#F5F5F5; border:5px solid #E8E8E8; margin:0 0 12px; padding:6px 7px 5px; text-align:center; }
.access p { margin:0 0 3px; font-weight:bold!important; }
.access a { font-weight:bold!important; text-decoration:none; }
.access a:hover, #content .access a:focus {text-decoration:underline;}
.access .or { color:#666; font-weight:bold!important; font-style:italic; }

/* no-slide content */
.no-slide {
	width:100%;
	border:solid 1px #CCC;
	margin-top:15px;
	-webkit-box-shadow: 1px 1px 8px 1px rgba(128, 128, 128, 1);
	box-shadow: 1px 1px 8px 1px rgba(128, 128, 128, 1);
}

.portrait img {
	width:40%;	
}

.landscape img{
	width:100%;
}

.portrait{
	float:left;
}

.no-slide a:link img,
.no-slide a:visited img {
	opacity:1.0;	
}

.no-slide a:hover img {
	opacity:0.8;	
}

.no-slide h3 {
	font-size:20px;
	margin:0;
	padding:5px 5px 0 5px;
	line-height:23px;
	margin-bottom: 5px;
}

.portrait h3,
.portrait p {
	float:right;
	width:56%;
}

.no-slide h3 a:link,
.no-slide h3 a:visited {
	text-decoration:none;
}

.no-slide h3 a:hover {
	text-decoration:underline;	
}

.no-slide p {
	margin:0;
	padding:0 5px 0 5px;
}


/* News items */
.news-item {
	padding:10px 0 10px 10px;
}

.news-subheading {
	color:#555;	
}

#breakingNews .news-item-text {
	padding:0 10px 0 0;
}

#buzzingNews .news-heading {
	font-size:110%;
	color:#555;
	margin-bottom:5px;
}

#buzzingNews .news-item-text {
	padding:0 10px 0 0;
	margin-right:10px;
	border-bottom:1px dotted #AAA;		
}

.news-item p {
	padding:0;
	margin:0;	
}

.news-item img,
.recommended-item img {
	float:left;
	margin: 0 10px 10px 0;
}
.recommended-item{
	border-bottom:1px dotted #AAA;
	padding-bottom:5px;
	margin-bottom:5px;		
}

h3.news-heading {
	font-size:20px;
	padding:0;
	margin:0;
	line-height:23px;
}

.rounded2 .news-heading{
	font-size:110%;
}
/* IE hack */
.ie h3.news-heading {
	font-size:18px;	
}

.news-tags {
	font-family:ffs-italic;
	text-transform:uppercase;
	font-size:12px;	
}

.ie .news-tags {
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-style:italic;
}
.featuredco{
	font-size:20px;
	line-height:23px;
	margin-left:10px;
}
.coprofile {
	background:#FFF;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border:1px solid #CCC;
	margin-bottom:10px;
	padding:5px 10px;
	-webkit-box-shadow: 1px 1px 8px 1px rgba(128, 128, 128, 1);
	box-shadow: 1px 1px 8px 1px rgba(128, 128, 128, 1);
}
.coprofile .url a{
	font-size:120%;
	color:#4d8c00;
}

.coprofile a, .coprofile a:link,.coprofile a:visited,.coprofile a:hover {text-decoration:underline;}

/* Form tags */

label {
	font-size:18px;
	font-weight:bold!important;
	float:left;
	margin:5px;
}

.soptions select {
	width: 100px;
	height: 20px;
	line-height: 20px;
	font-size:90%;
	float: left;
	margin: 5px 5px 0 2px;
	padding:0 0 0 2px;
}

.soptions input{
	margin: 3px 0 0 10px;
}

.activities-refine{
	width:48%;
	float:right;
	margin-bottom:30px;
}

.thesform{
	float:left;
	margin-bottom:0;
	margin-left:20px;
}

.thesform label{
	float:none;
	font-size:80%;
	margin-bottom:0;
}

.thesform select{
	font-size:70%;
	height:20px;
	line-height:20px;
	margin-bottom:0;
	padding:0 0 0 2px;
}
.thesform input{
	margin: 0 0 0 5px;
	font-size:70%;
	line-height:10px;
}
.activities-refine .ThLevel2B{
	margin-left:10px;
}

form.sattributes{
	float:right;
	width:365px;
}
.sattributes select{
	float: right;
	margin-top: -20px;
	height: 20px;
	line-height: 20px;
	font-size: 90%;
	padding:0 0 0 2px;
}
.sattributes label{
	float: right;
	margin: 0 230px 0 0;
}
.sattributes input{
	margin-left: 145px;
}

#content #contact,
#content #emailform {
 background-color:#fff;
 margin:20px 0;
 padding:20px 30px 10px 0px;
 width:420px;
}
#contact label,
#emailform label{
 float:left;
 text-align:right;
 width:170px;
        font-weight:bold;
}
#contact textarea,
#emailform textarea{
 width:250px;
 margin:0 0 0 10px;
        padding:2px 5px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
.formfield{
 width:250px;
 margin:0 0 0 10px;
        padding:2px 5px;
}
#contact #submit,
#emailform #submit{margin-left:190px;}

#content table.reader-profile{
        font-size: 70%;
        text-align: center;
        margin-bottom: 10px;
}

#news p{
	font-size:110%;
}


/* article tags */

.articleMainPic,
.picOnly,
.picDescOnly,
.picTitleOnly,
.picBoth {
	text-align: center;
}

p.picDesc {
	margin: 10px auto 0 auto;
	font-style:italic;
	margin: 10px 0 16px 0;
}

.picDescOnly { margin: 10px 10px 16px 30px;}

.picTitleOnly p.picTitle,
.picDescOnly p.picDesc,
.picBoth p.picTitle,
.picBoth p.picDesc {
	display: block;
}

.imageleft {
       float:left;
       margin: 10px 30px 16px 10px;
       text-align:center;
       width: 300px;
}
.imageright {
       float:right;
       margin: 10px 10px 16px 30px;
       text-align:center;
       width: 300px;
}
.imageright2 {
       float:right;
       margin: 10px;
       text-align:center;
}

p.CQUOT {background:url(/images/bbh-cquot.png) no-repeat 5px 10px;
        padding: 10px 10px 10px 50px; 
}
p.CQUOT{margin: 10px 30px 10px 30px; auto;font-size:130%!important;font-weight:bold;}

p.LQUOT, p.RQUOT{
	background:url(/images/betterhealthcare/quote.jpg) no-repeat 5px 10px #4d8c00;
      padding: 10px 10px 10px 50px;
      width: 200px;
	color:#fff;
} 
p.LQUOT{float:left; margin: 10px 10px 10px 0;}
p.RQUOT{float:right; margin: 10px 0 10px 10px;}

#news table{
      clear:both;
      margin:20px auto;
      padding:5px;
      background: #d1edd5;
      border: 1px solid black;
}
#news td{
      padding:1px 3px;
}
#news tr.tableheader, #newst tr.colheader, #news tr.tablefootnote {font-weight:bold;}

#news a:link, #news a:visited{text-decoration:underline;}
#news .companies a:link, #news .companies a:visited{text-decoration:none;}

/* Thes tags */

.ThLevel1{
	font-size: 120%;
	text-transform: uppercase;
	font-style: italic;
	margin-bottom:-10px;
}
#news .ThLevel1{
	display:inline;
}
.StoryTags{
	color:#bbb;
}
#news .StoryTags{
	font-size:100%;
}

.StoryTags .ThLevel1{
	margin:10px 0 0 0;
	font-size:100%;
}
.cowrapper .StoryTags .ThLevel1{
	font-size:100%;
}
.ThLevel2B,
.ThLevel2{
	text-transform: uppercase;
	font-style: italic;
}

.ThLevel2B{
	font-size: 80%;
}

a.ThLevel1:link, 
a.ThLevel1:visited {
	color:#4d8c00;	
}

a.ThLevel3:link, 
a.ThLevel3:visited {
	color:#F90;	
}

a.ThLevel2B:link,
a.ThLevel2B:visited,
a.ThLevel2:link,
a.ThLevel2:visited  {
	color:#999;	
}
.alphabet{
	font-size:130%;
}
.alphabet a{
	color:#4d8c00;
}

a.red:link,
a.red:visited {
	color:#FF2626;	
}

a.blue:link, 
a.blue:visited {
	color:#00CFFF;	
}

a.green:link, 
a.green:visited {
	color:#A3D900;	
}
/* RH column */
.right-column {
	padding:0;
	margin-left:20px;	
}

ul.popular-items {
	padding:10px;
}

/* login area */
/* Subscriber login */
#subscribersArea {
	display:none;
	padding:10px 0 0 0;	
}

h2 {
	font-size:26px;
	padding-bottom:0;
	margin-bottom:0;
	line-height:120%;
	color: #1f1f1f;
}

h2 a:link, 
h2 a:visited {
	display:block;
	color:#1f1f1f;
	text-decoration:none;
	background:url("../images/betterhealthcare/layout/plus.png") no-repeat 220px center;
}

h2 a.plus {
	background:url("../images/betterhealthcare/layout/minus.png") no-repeat 220px center;
}

#subscribersArea a:link, 
#subscribersArea a:visited {
	padding:10px 0 0 5px;
}

.minus {
	background:#F09;
}

.plus {
	background:#FC0;	
}

form.login-form label {
	float:left;
	width:35%;
	padding:5px 0 0 5px;
	margin: 0;
	font-size:14px;
}
form.login-form .textinput {
	float:left;
	width:60%;
	padding:2px 0 2px 0;
	border-radius:0;
	-webkit-border-radius:0;
	border:1px solid #4d8c00;
}

/* IE hack */
.ie form.login-form .textinput {
	width:50%;
}

form.login-form .subscribe-btn {
	float:right;
	width:62px;
	height:25px;
	padding:0 10px 10px 0;	
	text-indent:-9999px;
}

form.login-formrow {
	text-align:left;
	padding:0 0 5px 0;
}

ul.job-items {
	margin:10px 0 0 10px;
	list-style:none;	
	padding:0;
}

ul.job-items li {
	padding:0 0 5px 0;
}

#rightFlashContent {
	text-align:center;
}

/* email newsletter */
a#newsLetter:link, 
a#newsLetter:visited {
	display:block;
	background:#d1edd5;
	margin-top:10px;
	padding-left:10px;
	color:#4d8c00;
}

a#newsLetter p {
	display:none;
	text-indent:-9999px;	
}
.signup{float:right;margin:16px 0 24px 16px;}

/* Footer */
#footer {
	position:relative;
	padding:10px 0 10px 0;
	width:100%;
	background:#4d8c00;	
}

#footer ul.footer-links {
	width:200px;
	float:left;
	position:relative;
	list-style:none;	
}

#footer ul.footer-links li {
	float:none;	
}

#footer ul.footer-links li a {
	color:#fff;	
}

#footer ul.footer-links li a:hover {
	color:#fff;
	text-decoration:underline;
}

#socialIcons {
	position:absolute;
	bottom:10px;
	right:10px;	
}

.social {
	float:left;
	padding:0 5px 0 0;	
}

.social a:link, 
.social a:visited {
	opacity:1.0;
}

.social a:hover {
	opacity:0.8;	
}
	

/* Global classes */
.float-left {
	float:left;	
}

.float-right {
	float:right;	
}

.padding20 {
	padding:0 0 0 20px;
}