@charset "UTF-8";

/* CSS Alberto Culver- ST IVES RESTAGE 2010					*/
/* --------------------------------------------- */
/* Developed by: Hristo Hristov                  							*/
/* Created: 01/10/2010                           							*/
/* Updated: 02/08/2010 - Hristo Hristov          					*/
/* --------------------------------------------- */


/* ========================================== NATURALS - IGREDIENT GLOSSARY === */

#splitArea .content {padding-bottom:20px;}
#splitArea h1 {color:#50b949;font-size:25px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;text-transform:uppercase;}
body.expertHome #splitArea h2 {font-weight:bold;text-transform:uppercase;font-size:9px;font-family:Georgia, "Times New Roman", Times, serif;color:#fbaa19;}
#splitArea p.subTitle {width:370px;}

#blog {width:640px;float:left;padding:35px 0 20px 0;}

.blogHeader {height:50px;margin-bottom:25px; background:url(/images/hr-med.png) no-repeat bottom center;}
.blogHeader .reviewLinks {float:right;padding-right:20px;}
.blogPosts {clear:left;overflow:auto;margin-bottom:30px;padding-bottom:30px;background:url(/images/hr-med.png) no-repeat bottom center;}
.blogPosts .postText {width:390px;float:left;padding-top:10px;}
.blogPosts .postText p {font-size:10px;padding-bottom:20px;}
.blogPosts .postText p.author {font-style:italic;}
.blogPosts .postText p.author a {font-style:normal;font-size:9px;padding-right:5px;}

#splitArea dl.qa {margin:0 0 20px 0;}
#splitArea dl.qa .question {color:#9769a3;font-weight:bold;padding:0 0 10px 0;}
.blogPosts .postText .moreLinks, #rightCallouts .moreLinks {text-align:right;font-family:Helvetica, Arial, sans-serif;text-transform:uppercase;font-size:10px;font-weight:bold;}
.blogPosts .postText .moreLinks {position:relative;}
.blogPosts .postText .moreLinks .break {display:block;padding-bottom:5px;}
.moreLinks p+p {display:block;}


.blogPosts .postImg {margin-left:410px;}
.blogPosts .postImg div {position:relative;width:224px;margin-bottom:5px;padding:15px 0 0 0;background:url(/images/post-image-bg-top.png) no-repeat top center;text-align:center;}
img.postBBG {position:absolute;bottom:-14px;left:0;border:none;}
.blogPosts .postImg p {padding-left:10px;font-style:normal !important;font-size:10px;}
.blogPosts .postImg p span {font-size:9px;font-weight:bold;text-transform:uppercase;}

.aboutBlog .blogPosts {position:relative;background:none;}
.aboutBlog .blogPosts .aboutImg {display:block;padding-left:350px;}
.aboutBlog .blogPosts .postText .moreLinks {text-align:left;}
body.aboutBlog #splitArea h2 {font-weight:bold;text-transform:uppercase;font-size:14px;}


/* --------------------------------------------------- RIGHT COLUMN SETUP --- */
#rightCallouts ul {}
#rightCallouts ul > li {display:block;height:100%;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#rightCallouts ul li .stylistsBlocks li {margin-top:20px;padding:0 20px 20px 10px;border:none; background:url(/images/hr-short.png) no-repeat bottom center;}
#rightCallouts h3 {font-size:14px;font-weight:bold;padding-left:9px;}

#rightCallouts .stylistImg {float:left;position:relative;width:95px;padding:15px 0 0 0; background:url(/images/stylist-image-bg-top.png) no-repeat top center;text-align:center;}
#rightCallouts .stylistIntro {margin-left:97px;padding-top:5px;}
#rightCallouts .stylistTitle {font-weight:bold;font-size:9px;text-transform:uppercase;}
#rightCallouts .stylistAward {font-style:italic;}

#rightCallouts dl.qa {margin:10px 0 20px 10px;}

.meetOurBloggers > li {padding:20px 20px 20px 10px;}
.meetOurBloggers li ul {padding:5px 0 10px 10px;}
#rightCallouts .meetOurBloggers li ul li {border:none;font-size:10px;padding:3px 0;}
.meetOurBloggers li ul li a {border:none;font-size:9px;}

.productCallout > li {padding:20px 20px 20px 10px;}
.productCallout div.productLinks {margin:10px 0 10px 90px;}
.productCallout .pLink {font-size:9px;font-weight:bold; text-transform:uppercase;}
.productCallout .pLink span {font-size:10px;}
.productCallout p {padding:0 0 10px 0;}
.productCallout .productShot {float:left;width:78px;padding-top:10px;}

ul.recentPosts > li {border-top:none !important; padding:20px 20px 20px 10px;}
ul.recentPosts li ul li {padding:5px 0 0 10px;border:none !important;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;font-size:10px;}
ul.recentPosts li ul li a {font-style:normal;font-size:10px;}

.last {background:none !important;border:none;}


body.expertHome a.blogTitleFix  {font-size:9px;font-weight:bold;text-transform:uppercase; color:#e5872a;}

/* --------------------------------------------------- AUTHOR QA --- */

body.authorQA h2 {font-size:14px;font-weight:bold;text-transform:uppercase;}
body.authorQA .moreLinks p {float:left;position:relative;top:-3px;padding:0;font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase;font-size:9px;}
body.authorQA .moreLinks p a {text-transform:none;font-size:10px;}

body.authorQA h4.qaHeader {position:relative;margin-bottom:20px;margin-right:13px;padding:7px 0 5px 7px;font-size:14px;font-weight:bold;text-transform:uppercase;background:url(/images/blog-qa-bg.png) repeat-x center left;}
body.authorQA h4.qaHeader span {width:100%;position:absolute;right:7px;text-align:right;font-size:10px;font-size:10px;}

body.authorQA #splitArea div.qaList {margin-bottom:10px;padding-bottom:10px;}
body.authorQA #splitArea div.qaList dl {margin:0;}
body.authorQA dl dd.addLinks p {display:block;text-transform:uppercase;font-size:9px;padding:5px 0 0 0;font-weight:bold;}
body.authorQA dl dd.addLinks p  a {text-transform:none;font-size:10px;font-weight:normal;}

.shareLink {position:absolute; bottom:10px;left:530px;}

body.authorQA .blogTitleFix  {font-size:9px;font-weight:bold;text-transform:uppercase; color:#e5872a;}

/* --------------------------------------------------- POST PAGINATION --- */

#postPagination {padding-bottom:17px;margin-bottom:20px;font-size:9px;font-weight:bold;text-align:center;background:url(/images/hr-med.png) no-repeat bottom center;}


/* --------------------------------------------------- SHARE POPUP --- */
div.sharePopup {position:absolute;top:-60px;left:40px;width:194px;padding:18px 0 23px 18px;background:url(/files/expert/share-popup.png) no-repeat top left;}



/* --------------------------------------------------- LISTS --- */
ul.list, ol.list {font-size:10px;padding:0 0 10px 20px;}
ul.list {list-style: disc;}
ol.list {list-style: decimal;}
.list li {padding: 5px 0;}

/* --------------------------------------------------- CATEGORIES --- */
.catElements{
background:#ffffff url(/images/hr-med.png) no-repeat left bottom;
}
.catSubject {
	font-family:Arial;
	font-size:10px;
    font-weight:bold; 	
    text-transform:uppercase;
	color:#717070;
}
.catArchives {
	font-family:Arial;
	font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
    color:#009ac8;
}
.catBlogs{
	margin: 0 15px;
}
.catCounter {
		padding:1px 3px 4px 0;
		position:relative;
	font-family:Arial;
	font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:url(/images/posts-numbers-right.jpg) no-repeat right top;
}
.catCounter img {position:absolute;left:-5px;top:0;}