@charset "utf-8";
/* CSS Document */
@import url('article.css');
@import url('link_list.css');
@import url('circulation.css');
@import url('beautybook.css');

body {color: #000; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; margin:0; padding:0;background-color:#333;}
body#homepage {padding:20px 0 0;}
a:link, a:visited {color: #01a0a0; text-decoration: none;}
a:active, a:hover {color: #01a0a0!important; text-decoration: underline;}

img {border:none;}
p {margin: 0 0 10px 0;}
form {margin:0px; padding:0px;}

h1 {font:30px Georgia, "Times New Roman", Times, serif; color:#333; margin:0 0 15px 0;}
h2 {font: italic 18px Georgia, "Times New Roman", Times, serif; color:#666;  margin:0 0 30px 0;}
h3 {font:11px Georgia, "Times New Roman", Times, serif;  margin:0; text-transform:uppercase;}
h4 {  margin:0 0 10px 0;}
h5 {  margin:0 0 10px 0;}
h6 {margin:0 0 15px 0; padding:0;text-transform:uppercase!important;}
ul, ul li {padding:0px; margin:0px; list-style-type:none;}

.left {float: left;} .right {float: right;}
.clear {clear: both;height:0px !important;}

.hidden {display: none;}

span.quote {height: 30px; overflow: hidden; font: 60px Georgia, "Times New Roman", Times, serif; color: #d3d3d3; float: left; margin: -12px 3px 0 0;}
span.end {margin: -20px 0 0 0; float: right;}

#magsPopupDiv {z-index:99999;}

img.thumb {height:auto; width:auto; background-color:#f7f6f6; padding:7px; border:solid 1px #eee;}
img.medium {background-color:#f7f6f6; background-repeat:repeat-x; height:auto; width:300px;float:left; padding:0 9px; border:solid 1px #eeeeee; float:left;}
img.bordered{float:left; width:320px; height:10px;margin:0px; padding:0px;_border:0px;}
img.bordered.bottom{margin-bottom:0px;_border:0px;}/* for a late design bug this doesn't help anyway because the p.credit is so smaill, its read different */


#MASTER_Scontainer {width:1000px!important; margin:auto; /* this never chnges, keep this here always!! */overflow: visible;	height:auto;padding:0 50px; background-color:#333!important;position:relative;}
#HDR_layout_Scontainer {width:1000px; height: auto;border-bottom:1px dotted #999;position:relative;z-index:2;}
#MAIN_layout_Scontainer {width: 1000px; z-index:0; height:auto;background-color:#fff;*overflow:hidden;}
#CORE_Scontainer {width: 100%;	position: relative;}
#MAIN_2COL_layout_Scontainer {width: 1000px; height:auto; overflow:visible;/*adding for background breaking crap*/background: url(/cm/realbeauty/site_images/global/backgrounds/container.gif) repeat-y;float:left;position:relative;}
#HDR_Ccontainer {width: 960px;}
#main_content {position:relative;z-index:1;}
/*#HDR_Ccontainer a {color:#FFFFFF; }*/
#MAIN_CENTER_Ccontainer {/* Parent Wrapper for inside boxes*/	width: 620px; float: left; height:auto; /*variable per site */ padding:0px 10px 0 10px;*overflow:hidden!important;}
#MAIN_RIGHT_Ccontainer {width: 340px;float:right; height:auto; margin:0px; padding:0px;/* removing for breaking backrgounds background-image: url(/cm/realbeauty/site_images/global/right-rail/bg-gradient.gif); background-repeat:repeat-y; background-position:left;background-color:#fafafa;*/padding-right:8px;padding-bottom:10px;padding-top:10px;*padding-bottom:40px; _overflow: hidden;}
#partner-subfooter {
	margin:10px 11px;
	width:978px;}
#FTR_Ccontainer {width: 978px!important; float:left; padding:0 11px; font-size:11px;background-image:url(/cm/realbeauty/site_images/global/footer/bg_searchGradient.gif); background-position:top; background-repeat:repeat-x;background-color:#4d4d4d; height:auto;margin-bottom:0px;}

#MAIN_2COL_SPAN_BOTTOM_Ccontainer {padding:0px; margin:0; width:1000px; height:auto; float:left; /*overflow:hidden;*/}
#MAIN_2COL_SPAN_TOP_Ccontainer {padding:0px; margin: 0; width:1000px; height:auto; float:left; /*overflow:hidden;*/}

#HDR_Ccontainer {width: 1000px;overflow:visible;background-color:#fff;}

#HDR_layout_Scontainer .try {font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal!important;}


/* breadcrumb */
#breadcrumbCNTR {padding-top:15px;}
#breadcrumb {font:11px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#666;}
#breadcrumb a {color:#666;}
#breadcrumbCNTR #sponsored_logo{}
span.bar {}



/* *************** advertising information ********************* */
.adLabels{font:normal 9px Helvetica, Arial,sans-serif!important;text-transform:uppercase; color:#999;text-align:center; margin-bottom:2px;}
.ad300X100 {border:solid 2px #f3f3f3; background-color:#f7f6f6;height:100px; width:300px; padding:5px;}
#adPlacement{border:solid 2px #f3f3f3; background-color:#f7f6f6;height:auto; width:314px; padding:2px 5px 5px 5px;float:left;margin-left:4px;}

/*
The \9 will make this work in IE6, IE7, and IE8
*/
#AD_banner {position: relative\9; z-index: 10000\9 !important; text-align:center;width:1000px; height:auto;text-align:center;padding:0 0 10px;background:#333;}
#AD_banner td span {float:left;font-size:0px;}

#AD_gallery, #AD_NL, #AD_wildcard {margin-bottom:15px;float:left;}
#AD_gallery, #AD_wildcard {height:auto; width:auto; text-align:center;}
#AD_gallery span {border:solid 2px #111111; float:left;height:auto; width:auto;font-size:0px;}
#AD_NL {float:left;height:auto; width:auto;}
#MAIN_RIGHT_Ccontainer #AD_NL {margin-top:20px;}
#AD_half {width:336px; height:auto; float:right;margin-bottom:15px;}
/* *********** BODY TEXT ******************* */
#AD_sponsoredLinks {float:left;width:302px; height:270px;/* delete later */float:left;margin-right:10px;}
#AD_sponsoredLinks img, #adCirc300X250 img, #AD_sponsoredLinks span, #adCirc300X250 span {border:0px;}
#adCirc300X250 {float:left; width:304px;height: auto;}
#AD_sponsoredLinks,
#adCirc300X250 {overflow:hidden;}
#AD_half span,
#adCirc300X250 span,
#AD_sponsoredLinks span{border:solid 1px #eeeeee; float:left;}
#adSkyscraper {width:162px; float:left; height:auto;}
#footer_ad_modules {float:left; width:620px; margin-bottom:10px;border-top:dotted 1px #d0d0d0;padding-top:5px;}
#article #footer_ad_modules, #archive #footer_ad_modules, #fragrance-finder #footer_ad_modules, #homepage #footer_ad_modules, #landing_Blogs #footer_ad_modules, #channelIndex #footer_ad_modules, #search #footer_ad_modules, #video #footer_ad_modules, #sweepstakesLandingr #footer_ad_modules, #sweepsr #footer_ad_modules {width:620px!important;height:290px;*width:616px!important;*padding-left:0px;*margin-left:0px;}
/* ********************** HOMEPAGE ***************************** */
#homepage #beauty_book {clear: both; width: 1000px;}
#homepage #content {margin: 10px 0; padding: 0px; width: 620px;}
#homepage .page_head {margin-bottom: 10px;}
#homepage #spacer {width: 1000px; height: 10px; background: #fff;} 


/* EXPERTS PROMOS 4 */
#homepage .promo_wrapper {width: 125px; font: 13px Georgia, serif; color: #333; float: left; margin: 0 35px 20px 0; _margin-right: 25px;}
#homepage .promo_wrapper a {color: #01a0a0;}
#homepage .promo_last {margin-right: 0px;}

#homepage .promo_wrapper .th {background: #f7f6f6; border: 1px solid #eee; padding: 7px; width: 120px; height: 120px;}
#homepage .promo_wrapper .hed {font-size: 15px; color: #01a0a0; margin: 6px 0 2px 0;}
#homepage .promo_wrapper .teaser {line-height: 19px; font-style: italic; margin-bottom: 10px;}
#homepage .promo_wrapper .name {font-size: 11px; font-style: italic; color: #666; margin-bottom: 10px;}
 
/* For Promo Images */
#homepage #promo_one {background:url(/cm/realbeauty/site_images/homepage/hp-promo-1.gif) no-repeat;}
#homepage #promo_two {background:url(/cm/realbeauty/site_images/homepage/hp-promo-2.gif) no-repeat;}
#homepage #promo_three {background:url(/cm/realbeauty/site_images/homepage/hp-promo-3.gif) no-repeat;}
#homepage #promo_four {background:url(/cm/realbeauty/site_images/homepage/hp-promo-4.gif) no-repeat;}
#homepage #promo_five {background:url(/cm/realbeauty/site_images/homepage/hp-promo-5.gif) no-repeat;}
#homepage .promo_img {width: 1000px; height: 300px;}
#homepage .promo_img .top_tool {float: right; margin: 10px 10px 0 0;}
 
/* Tools */
#homepage .tool {margin: 10px 0 20px; clear: both; font-family: Georgia, serif; text-align: center;}
#homepage #new_tool .left {width: 290px;}
 
#homepage #scent_tool .left {width: 330px;}
 
#homepage .tool .title {font-size: 42px; font-style: italic; color: #39c6c4; margin-bottom: 10px; line-height: 46px;}
#homepage .tool .title a {color: #39c6c4; }
#homepage .tool .dec {font-size: 18px; color: #333; width: 195px; margin: 0 auto 15px auto;}
 
#homepage #scent_tool .dec {width: 320px; margin-bottom: 25px;}
 
#homepage .tool .buttonArrow {margin: auto; text-align: center; width: 100px;}
#homepage .tool .buttonArrow a {color: #fff;}


#homepage #survey_tool {background:url(/cm/realbeauty/site_images/homepage/hp-survey-tout-bg.gif) no-repeat; width: 627px; height: 210px;}
#homepage #survey_tool .buttonArrow {width: 150px; float: right; margin-top: 152px;}


/* per ticket 31649 */
body#homepage #new_tool.tool .title,
body#homepage #new_tool.tool .dec {width:260px;margin-left:0px;}
body#homepage #new_tool.tool .title a{color:#ff3366;font-style:normal;font-weight:bold; font-size:34px;line-height:36px;}
body#homepage #new_tool.tool .title a:hover{color:#ff3366!important;}
body#homepage #new_tool.tool .dec {font-style:italic;}


#homepage .see_all {color: #01a0a0; font-size: 11px; margin: 15px 0 0 0px; text-transform: uppercase;}
#homepage .see_all .bracket {font-size: 18px; color: #ccc; vertical-align: middle;}
#homepage .see_all .item {vertical-align: middle; margin-right: 2px;}

/* Newest & Latest */
#homepage #newest_wrapper #articles_wrapper {margin: 10px 0; width: 600px; font: 22px Georgia, serif; text-align: center;}
#homepage #newest_wrapper .article {float: left; width: 280px; height: 370px; margin-bottom: 20px; position: relative;}
#homepage #newest_wrapper .right {float: right;}
#homepage #newest_wrapper .newest_img {background: #f7f6f6; border: 1px solid #eee; padding: 9px; cursor: pointer; width: 280px; height: 280px;}
#homepage #newest_wrapper .title {color: #01a0a0; margin: 5px auto; width: 300px;}
#homepage #newest_wrapper .title a {color: #01a0a0;}
 
/* Real Beauties: What I do */
#homepage #rb_articles .page_head {float: left; margin-top: 15px;}
#homepage #rb_articles .promo_wrapper {width: 345px;}
#homepage #rb_articles .txt_wrapper {float: left; width: 185px; margin: 0 0 10px 10px; _margin-left: 5px;}
#homepage #rb_articles .promo_wrapper .teaser {margin: 15px 0 2px;}
#homepage #rb_articles .promo_wrapper .teaser .txt { display: block;height: 38px;line-height: 19px;overflow: hidden;width: 145px;}
#homepage #rb_articles .promo_wrapper .teaser .quote {height: 30px; overflow: hidden; font: 60px Georgia, "Times New Roman", Times, serif; color: #d3d3d3; float: left; margin: -12px 3px 0 0;}
#homepage #rb_articles .promo_wrapper .teaser .end { float: right; margin: -25px -2px 0;}
#homepage #rb_articles .promo_wrapper span {font-style: italic;}
#homepage #rb_articles .promo_wrapper .rb_thumb {float: right; width: 120px; height: 120px; border: 1px solid #e6e6e6; background: url(/cm/realbeauty/site_images/homepage/rb-thumb-bg.gif) bottom right no-repeat; padding: 8px 8px 20px; margin-right: 5px;}

#homepage #rb_articles .promo_wrapper .hed {color: #01A0A0;font-size: 15px;max-height: 54px;line-height: 18px;margin: 6px 0 2px;overflow: hidden;}
#homepage #rb_articles .promo_wrapper .teaser {overflow: hidden;font-style: italic;line-height: 19px;margin-bottom: 10px;}
 
#homepage #footer_ad_modules {_margin-left: 0px!important;}
/* ************ Channel Tool Touts ********************* */
#ToolTouts {width:620px;float:left; height:auto; background:url(/cm/realbeauty/site_images/global/headerGraphics/tool_touts/bg_top.jpg) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:40px;}
#ToolTouts p.header {color:#333; font-size:11px; text-transform:uppercase; height:15px; color:#333;padding:2px 193px 1px 193px; text-align:center;margin:0 0 9px 0;/* test for design QA */letter-spacing:2px;}

#ToolTouts .toolTout {width:280px; float:left;}
#channelIndex #body-mind #ToolTouts .toolTout, 
#channelIndex #shopping #ToolTouts .toolTout,
#channelIndex #health #ToolTouts .toolTout  {/*height:363px; change height for padding*/ padding-top:341px;height:22px;}

#channelIndex #skin-makeup #ToolTouts .toolTout,
#channelIndex #hair #ToolTouts .toolTout {/*height:406px; change height for padding*/ padding-top:384px;height:22px;}

#ToolTouts .col_1 {border-right:dotted 1px #d0d0d0;padding-right:29px; margin-right:29px;}
#ToolTouts .col_2 {}

/* *************** expandable button arrow ***************** */
.buttonArrow {color:#fff; font-size:10px; text-transform:uppercase;height:22px;width:auto;margin:0 auto;}
.buttonArrow a {
background-image:url(/cm/realbeauty/site_images/global/buttons/call_to_action.gif);
background-position:right top;
color:white;
display:block;
float:left;
height:22px;
line-height:20px;
padding:0 12px 0 9px;
text-decoration:none;
}
.buttonArrow a:hover {
background-image:url(/cm/realbeauty/site_images/global/buttons/call_to_action.gif);
background-position:right bottom;
color:white !important;
display:block;
float:left;
height:22px;
line-height:20px;
padding:0 12px 0 9px;
text-decoration:none;
}


#content {color: #000; font:normal 15px Helvetica Neue, Helvetica, Arial, sans-serif; width:620px; height:auto;margin:0 0 20px 0;border-bottom:dotted 1px #d0d0d0;/*delete the following later */float:left;_overflow:hidden;}
#content a {color:#000;}
#content h4 {color:#000;font:15px Georgia, "Times New Roman", Times, serif; text-transform:uppercase;} /*body text headings */
#content h4 a {color:#000;}

.background {background-image:url(/cm/realbeauty/site_images/article/background/mediumCut.gif); background-repeat:no-repeat; height:331px; width:333px; float:left;padding:16px 16px 0 17px; margin:0 0 20px 0;}
.background p{text-transform:uppercase; font-size:9px; margin:14px 0 0 0;color:#999;float:right;}
.background p em{text-transform:none;font:italic 15px Georgia, "Times New Roman", Times, serif; margin:10px 0 0 0;color:#666;text-align:left!important;}
#moduleMostPopular {width:620px; height:auto;margin-bottom:0px;}
#moduleMostPopular li {list-style:none;}
#moduleMostPopular img.header {margin-bottom:17px; width:615px;}

.feature_wrapper {width:136px; float:left; font-family:Georgia, "Times New Roman", Times, serif;}
.feature_wrapper .feature_text {padding-top:11px;line-height:19px;}
.feature_wrapper p {font-style:italic; font-size:13px;color:#333;}
#moduleMostPopular .col_0,
#moduleMostPopular .col_1 {width:136px;padding:0px; margin:0 9px!important;_margin:0 5px;}
#moduleMostPopular .col_2,
#moduleMostPopular .col_3  {width:136px;padding:0px;  margin:0 10px!important; _margin: 0 7px;}


#content .units {float:left; clear:right; width:334px;}  
/* ****** image cut info ************* */
.units .information {width:300px;padding: 0px 7px 0px 6px;height:auto; float:left;}
.information p.credit {text-align:right; color:#999;font:normal 9px Helvetica Neue, Helvetica, Arial, sans-serif;}
#channelIndex .information p.credit {text-transform:uppercase;}
.information p.caption {color:#666;font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; }
#channelIndex .information p.title {_clear:both;}

#content .body {text-align:left;}
#content .body p{clear:right;height:auto;} 
#content .body ol, #content .body ul {display:block; float:none;width:auto;}
#content .body ol, #content .body ul {font-weight:normal;}
#content .body ul li {padding:0 0 0 0px; margin:0 0 0 20px;list-style-type: disc;color:#000;font-weight:normal;}
#content .body ol li {padding:0 0 0 0px; margin:0 0 0 20px;color:#000;font-weight:normal;}


/*pagination*/
#pagination,
#pagination_top {font:11px Georgia, "Times New Roman", Times, serif;float:right; text-align:right; width:100px;}
#pagination_top a {color:#01a0a0!important;}
/*top*/
#content.article #pagination, #content.qanda #pagination {width:auto;*height:25px;}/* per ticket 29246 -  these are the only article types that would wrap*/
/*bottom*/
#pagination  a {color:#01a0a0!important; padding: 2px 8px; }
a.pagenumbers, a.current {font-size:15px!important;}
span.current {color:#333;font-size:15px;}
/* ********* IE fixes ************* */
#archive #pagination {_padding-right:20px;}
a.buttonStandard, p input{color:#fff!important; background-color:#39c6c4; text-transform:uppercase;padding:0 5px;border-left:solid 1px #5dcdcb;border-top:solid 1px #82d3d2;border-bottom:solid 1px #2c9997;border-right:solid 2px #33afad;font:11px Georgia, "Times New Roman", Times, serif;_float:left;}
a:hover.buttonStandard, p input:hover{background:#01a0a0;text-decoration:none;}

a.buttonSecondary {color:#01a0a0!important; text-transform:uppercase;padding:0 5px;border-left:solid 1px #f9f9f9;border-top:solid 1px #f4f4f4;border-bottom:solid 1px #c7c7c7;border-right:solid 2px #e2e2e2;}
a.buttonSecondary.back {margin-right:2px;}
a.buttonSecondary.next {margin-left:2px;}
a:hover.buttonSecondary {background:#FDFF4C;text-decoration:none;}

/* ******** page head ************* */
#pageHead { border-bottom:dotted 1px #d0d0d0;margin:0 0 18px 0;float:left;width:620px;padding: 10px 0px 10px 0px;}
#channelIndex #pageHead {border-bottom:0px;margin-bottom:20px; padding:0px;}
#pageHead h1 {width:600px;padding-left:10px; padding-right:10px;*width:auto;}
#pageHead h2 {width:600px;padding-left:10px; padding-right:10px;}
#pageHead h3 {padding-left:10px;width:250px; float:left; margin-bottom:20px;}/* page head changes made for design qa particularly articles and design qa width adjust for adding padding on virals */

/***** Viral Tools ******/
.viral_tools {font:11px Georgia, Times New Roman, Times, serif; text-transform:uppercase; min-width:400px;}
.viral_tools.top {float:left;}
.viral_tools.bottom {float:right; margin-bottom:20px;}
#archive .viral_tools.top,
#linklist .viral_tools.top {float:right;}
.viral_tools .email a, .viral_tools .print a, .viral_tools .comments a, .viral_tools .fbshare a, .viral_tools .viral_comment a{background-image:url(/cm/realbeauty/site_images/virals/viral_tools_bg.png);background-repeat: no-repeat; display:block;}
.viral_tools .email a{background-position: -91px 0;height: 15px;width: 60px;}
.viral_tools .print a{background-position: -117px 0;height: 16px;width: 56px;}
.viral_tools .print span{margin-left:20px;background-color:#fff;}
.viral_tools .email span{margin-left:23px;background-color:#fff;}
.viral_tools .viral_button {margin: 0 10px 0 0; cursor: pointer; padding-top:2px;}
.viral_tools .comments a, .viral_tools .viral_comment a {height: 15px;text-indent: -9999em;width: 18px;float:left;background-position: -66px 0;margin-top: 2px;}
.vt_blogs {float: left; margin: 15px 0 0 0;}
.vt_blogs .viral_button {margin: 0px 5px; cursor: pointer;}
.vt_blogs .viral_button_share span {margin: 0px;}
.blog .blogInfo .viral_tools.bottom ,
.blogLanding .viral_tools.bottom {float:right; margin:3px 0 0 0;}
.blogLanding .viral_tools.top,
.blog .blogInfo .viral_tools.top ,
.blogArchive .viral_tools.top {width:600px; float:left; margin-bottom:15px;}
.viral_tools .plusone, .viral_tools .fbshare{margin-right:10px;}
.viral_tools .fbshare a{background: url(/cm/realbeauty/site_images/virals/viral_tools_bg.png) no-repeat scroll 0 0 transparent;float: left;height: 20px;text-indent: -9999em;width: 58px;}
.viral_tools .saveButton, .viral_tools .print{color:#01A0A0;}
a.stbutton {display: none;}/* Hides Stupid Green Buttons from Share This */

.tools .vt_blogs .viral_button span {margin-right: 0px;}

.blog_excerpt .tools .viral_tools { float: right!important; margin: 0 300px 0 0; *margin-right: 292px; _margin-right: 138px; }
.blog_excerpt .tools .tools_text { margin: 0!important; float: left; display: block; } 

.contentLinks {color:#01a0a0; text-transform:uppercase;float:left; width:620px; margin:20px 0;font: 11px Georgia, "Times New Roman", Times, serif;}
.contentLinks .bottom  a,
.contentLinks .bottom a:link, .contentLinks .bottom a:visited, .contentLinks .bottom a:active, .contentLinks .bottom a:hover {color: #ff3366!important;}
.contentLinks .bottom {width:270px; float:left;}
.contentLinks .viral_tools {padding-right:10px;}
.contentLinks .viral_tools a{color:#01a0a0!important;}
/* ******************* CHANNEL INDEX ********************* */

#channelIndex #content {border-bottom:0px;width:600px;padding-left:10px; padding-right:10px;font-family:Georgia, "Times New Roman", Times, serif;}
#channelIndex #content a {color:#01a0a0;}
#channelIndex #content .units {font-style:italic;float:right;padding-right:0px; margin-right:0px;width:320px;}
p.label {text-transform:uppercase; color:#333; font-size:11px;font-style:normal!important;margin:0 0 5px 0;}
#channelIndex #content .units p.title {font-style:normal!important;margin:0 0 0px 0; font-size:15px;}
p.title {font-style:normal!important;margin:0 0 10px 0; font-size:15px;}
#content .channelNav {width:270px; float:left;font-family:Georgia, "Times New Roman", Times, serif;}/*changed pr ticket 28291*/
#content .channelNav #archiveCategories {text-transform:uppercase; width:270px; float:left;}/*changed pr ticket 28291*/
#content .channelNav #archiveCategories span {color:#333; font-size:11px;}
#content .channelNav #archiveCategories span.first {_border:0px;}
#content .channelNav #archiveCategories ul {color:#ccc; font-size:18px;}
#content .channelNav #archiveCategories ul li {padding:0px; margin: 0 0 10px 0;}
#content .channelNav #archiveCategories ul li.first {_border:0px;}
#content .channelNav #archiveCategories ul li a {font-size:13px;}
.channelNav #featureMini {width:219px; float:left; height:auto; margin-top:45px; font-size:13px;}
.channelNav #featureMini p {font-style:italic;line-height:19px;}
.channelNav #featureMini span{color:#d3d3d3; font-size:60px;}
.channelNav #featureMini img.thumb{float: right; width: 120px; height: 120px; border: 1px solid #e6e6e6; background: url(/cm/realbeauty/site_images/homepage/rb-thumb-bg.gif) bottom right no-repeat; padding: 8px 8px 20px; margin:0 40px 10px 40px;}

#channelIndex #content .units {font-style:italic;float:right;}
#channelIndex #content .units a {}
#channelIndex #content .units img.medium {margin:0px;}
#channelIndex #content .units p {line-height:23px;}
img.bg {width:320px; height:10px;margin:0px; padding:0px;float:left;}
#channelIndex #content .units p.credit{font-style:normal;margin:0px;}
#channelIndex #content .units p.title {font-style:normal;font-size:22px;float:left; width:320px;line-height:26px;}

#channelNew {width:600px; float:left; background:url(/cm/realbeauty/site_images/global/headerGraphics/tool_touts/bg_top.jpg) no-repeat; padding:0px 10px 10px; margin-bottom:20px; height:auto; border-bottom:1px dotted #D0D0D0}
#channelNew p.header {font-family:Georgia, "Times New Roman", Times, serif;color:#333; font-size:11px; text-transform:uppercase; height:15px; color:#333;padding:2px 193px 1px 193px; text-align:center;margin:0 0 16px 0;text-align:center;margin:0 0 9px 0;letter-spacing:2px;}
#channelNew li{list-style:none;}
#channelNew .row {width:560px; padding: 0 20px;float:left; margin-bottom:20px;}
#channelNew #ams_bty_promo_tout{float:left;}
#channelNew #ams_bty_promo_tout div{margin-bottom:20px; height:auto !important}
#channelNew .row .feature_wrapper, #channelNew .row .feature_wrapper .feature_text,  #channelNew .row .feature_wrapper .feature_text a.title{margin-top:0px;padding-top:0px;}
#channelNew .row img.thumb {margin-bottom:5px;}
#channelNew #linktoArchive{float:right; width:65px; height:22px; background:url(/cm/realbeauty/site_images/global/buttons/btn_more.gif)}
#channelNew #linktoArchive:hover{background-position:0 -22px}
#channelNew .row .feature_text p{line-height:19px;}
#channelNew .col_2,
#channelNew .col_1  {margin:0px;}
#channelNew .col_0{margin:0 76px;_margin:0 70px;}

#module_ToolTouts {width:620px; float:left; margin-bottom:10px;border-bottom:dotted 1px #d0d0d0;}
/* right rail */

#module_ChannelToday {width:336px; padding-right:4px;float:left;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic; height:auto; margin-bottom:10px;}
#module_ChannelToday a {font-style:normal;}
#module_ChannelToday p.label {text-transform:uppercase; color:#333; font-size:15px;text-align:center;font-style:normal;margin:0px;}
#module_ChannelToday img.header {padding-left:10px;}
#module_ChannelToday .feature {width:340px; float:left;}
#module_ChannelToday .list  {width:330px; float:left;padding-left:6px;}
#module_ChannelToday .feature {height:auto;margin:10px 0 20px 0; border-top:dotted 1px #d0d0d0; padding-top:10px;}
#module_ChannelToday .feature img.thumb {margin-right:12px;float:left;_margin-right:5px;background-color:#fff; border:solid 1px #eee;}
#module_ChannelToday .feature .body { font-size:13px; color:#333;float:left;width:178px; padding-top:10px;}
#module_ChannelToday .feature .body p {margin:0px;}
#module_ChannelToday .feature .body p a {margin:0 0 6px 0; font-size:15px;}
#module_ChannelToday .feature .body p.stamp {color:#666; font-size:11px; margin:0 0 16px 0;}
#module_ChannelToday .list {background:url(/cm/realbeauty/site_images/global/headerGraphics/RR_theLatest.gif) no-repeat; padding-top:28px;}
#module_ChannelToday .list p{text-align:center; color:#ff3366; font-size:18px;}
#module_ChannelToday .list ul {padding:0 0 0 10px;}
#module_ChannelToday .list li {list-style-type: disc;color:#999999; margin:5px 0 0 0;font-size:15px;}

#moduleVideo {width:340px; height:auto;margin:30px 0 0 0; float:left;}
#moduleVideo img.header {margin-bottom:10px;}
#moduleVideo p {padding-left:17px;float:left;}

/* Custom Ads */
.custom_ads { margin:0; padding:0; border:0 none; display:block; width:610px; overflow-x:hidden; height:310px; }
.custom_ads .l { background-color:#fff; width:300px; height:250px; float:left; margin-right:10px; border:0; text-align:center; display:inline; }
.custom_ads .l p.adLabels { font:normal 9px Helvetica, Arial,sans-serif!important;text-transform:uppercase; color:#999;text-align:center; margin-bottom:2px; }
.custom_ads .r { background-color:#fff; width:300px; height:250px; float:left; border:0; text-align:center; display:inline; margin:15px 0 0 0; }
.custom_ads.x {border-top:1px dotted #d0d0d0;float:left;margin-top:0px;padding-top:20px;}
.custom_ads.y {border-bottom:1px dotted #d0d0d0;float:left;margin-top:0px;padding-top:10px;}
.custom_ads.z {border-top:0px;float:left;margin-top:0px;padding-top:10px;}
.rr_custom_ads { width:300px; margin:0 auto; padding:0; }

/*  product finder*/
#modiface_logo{float:right;margin-top:3px;}
.related_article {margin:13px 10px 0 10px; float:left; border:1px dotted #D0D0D0; width:350px; height:203px; padding-top:28px;padding-bottom:20px;position:relative; }
.related_article .related_article_header{background:url("/cm/realbeauty/site_images/global/headerGraphics/related_articles.gif") no-repeat scroll 0 0 transparent;height:18px;left:96px;position:absolute;top:-9px;width:157px;}
.related_article ul li{color:#999999;font-family:Georgia;font-size:15px;list-style-position:inside;list-style-type:disc;margin-left:20px;margin-top:10px;}
#footer_ad_modules_col3 {float:left; width:1000px; margin-bottom:10px;border-top:dotted 1px #d0d0d0;padding-top:5px;}

/* NAVIGATION REDESIGN - 11/1/2010 - Mike */
#headerInner {margin:0 0 1px;border-bottom:1px dotted #999;position:relative;z-index:1;width:1000px;}
#headerLeft {float:left;width:640px;}
#headerTop {background:#fff url(/cm/realbeauty/site_images/redesign/header/header-gradient.png) repeat-x 0 0;height:85px;min-height:85px;max-height:85px;padding:20px 5px 0 20px;margin:0 0 1px;border-bottom:1px dotted #999;}
#headerLeft #headerLogo {float:left;margin:0 15px 0 0;}
#headerLeft #headerSearch {float:left;padding:15px 0 0;}
#headerRight {float:right;background:#fff;}
#globalNavigation {margin:1px 0 0;border-top:1px dotted #999;width: 642px;}
#globalNavigation #navHair a.navLink {background-image:url(/cm/realbeauty/site_images/redesign/header/nav-hair-sprite.png);width:76px;}
#globalNavigation #navMakeup a.navLink {background-image:url(/cm/realbeauty/site_images/redesign/header/nav-makeup-sprite.png);width:101px;}
#globalNavigation #navBody a.navLink {background-image:url(/cm/realbeauty/site_images/redesign/header/nav-body-sprite.png);width:166px;}
#globalNavigation #navDiet a.navLink {background-image:url(/cm/realbeauty/site_images/redesign/header/nav-diet-sprite.png);width:141px;}
#globalNavigation #navProduct {border:none;width: 153px;width: 152px\9;}
#globalNavigation #navProduct a.navLink {background-image:url(/cm/realbeauty/site_images/redesign/header/nav-product-sprite.png);}
#globalNavigation #navProduct a.navLink:hover {background-color: #fff;}
#globalNavigation .navSection {display:block;position:relative;float:left;background:#333;border-right:1px dotted #fff;}
#globalNavigation .navSection a.navLink {display:block;height:41px;background-repeat:no-repeat;background-position:0 0;}
#globalNavigation .navSection:hover a.navLink {background-position:0 -41px;}
#globalNavigation .navSection a.navLink span {display:none;}
#globalNavigation .navSection .dropdown {display:none;position:absolute;padding:0 10px 0 0;background:url(/cm/realbeauty/site_images/redesign/header/nav-right-vertical.png) no-repeat right bottom;border:none;}
#globalNavigation .navSection:hover .dropdown {display:block;}
#globalNavigation .navSection .dropdown .dropdownOuter {padding:0 0 10px;background:url(/cm/realbeauty/site_images/redesign/header/nav-bottom-horizontal.png) no-repeat left bottom;}
#globalNavigation .navSection .dropdown .dropdownInner {background:#fff;padding:15px 5px 5px;width:431px;}
#globalNavigation #navHair .dropdown {}
#globalNavigation #navMakeup .dropdown {left:-77px;}
#globalNavigation #navBody .dropdown {left:-138px;}
#globalNavigation #navDiet .dropdown {left:-300px;}
#globalNavigation .navSection .dropdown .navColumn {width:190px;}
#globalNavigation .navSection .dropdown .navColumn.left {padding:0 10px 0 15px;border-right:1px dotted #000;}
#globalNavigation .navSection .dropdown .navColumn.right {padding:0 15px 0 10px;}
#globalNavigation .navSection .dropdown .navColumn ul {}
#globalNavigation .navSection .dropdown .navColumn li {padding:5px 0 7px;border-bottom:1px dotted #000;}
#globalNavigation .navSection .dropdown .navColumn li.last {border:none;}
#globalNavigation .navSection .dropdown .navColumn a {font:bold 13px/15px Helvetica Neue, Helvetica, Arial;color:#333;text-decoration:none;}
#globalNavigation .navSection .dropdown .navColumn a:hover {color:#01A0A0;}
#globalNavigation .navSection .dropdown .navColumn a span {}
#globalNavigation .navSection .dropdown .navColumn .catLinks {display:block;font:italic 11px Helvetica Neue, Helvetica, Arial;color:#666;}
#globalNavigation .navSection .dropdown .navColumn .catLinks a {font:italic 11px/14px Helvetica Neue, Helvetica, Arial;color:#666;}
#globalNavigation .navSection .dropdown .newestLatest {background:#f7f6f6 url(/cm/realbeauty/site_images/redesign/header/newest-latest.png) no-repeat 0 0;padding:17px 15px 5px;margin:10px 0 0;}
#globalNavigation .navSection .dropdown .newestLatest a.imageLink {display:block;float:left;margin:0 10px 0 0;}
#globalNavigation .navSection .dropdown .newestLatest a.imageLink img.thumb {background:#fff;padding:7px;border:1px solid #eee;width:60px;}
#globalNavigation .navSection .dropdown .newestLatest a.textLink {font:13px/18px Georgia, "Times New Roman", Times, serif;padding:10px 0 0;display:block;float:left;width:315px;}
#headerShadow {background:url(/cm/realbeauty/site_images/redesign/header/vertical-shadow.png) repeat-x 0 0;width:1000px;height:23px;position:absolute;bottom:-24px;}

/* Answerology Modules */
#answerologyRightRail {float:left; margin-top:10px;}
#answerologyCenterContent {float:left; margin-top:10px;}
/* epic banner */
#imagePreloader {height:0px;overflow:hidden;}

/* Start Social Toolbar */
.fblikeButton{border:none; width:85px; height:21px; float:left;}
.fbtweetButton{width:100px; height:21px;}
.soc_commentcountb, .soc_commentcount {float:left;background:url(/cm/shared/social/img/comment_bubble_COS.gif) 0 0;padding:0 0 0 10px; margin:-3px 0 0 1px;}
.soc_commentcountbin {color:#FF3366; font:bold 11px/16px Arial; height:20px;background:url(/cm/shared/social/img/comment_bubble_COS.gif) right 0;padding:1px 5px 0 0;}
/* END Social Toolbar */

/* Start Right Rail ViralTools Tout */
#rr_social_tout{margin-top:15px; background-color: #FFFFFF; border: 1px solid #E0E0E0; display: inline-block; margin-bottom: 13px; padding: 9px 9px 15px; padding: 9px; width:318px;}
#rr_soc_top{border-bottom: 1px dotted #D0D0D0; color: #FF3366; font-family: Georgia; font-size: 22px; font-style: italic; text-align: center; margin-bottom: 8px;}
#rr_soc_mid{height: 51px;}
#rr_soc_bot{margin-top: 10px;}
#rr_soc_fb_cont{float: left; height: 49px; margin-left:10px; cursor: pointer;}
#rr_soc_fb_icon{background-image: url(/cm/realbeauty/site_images/virals/icon_fb_tw_em.png); height: 38px; margin: 5px 0 0 30px; width: 38px;}
#rr_soc_tw_cont{float: left; height: 49px; margin-left:30px; cursor: pointer;}
#rr_soc_tw_icon{background-image: url(/cm/realbeauty/site_images/virals/icon_fb_tw_em.png); background-position: -38px 0; height: 38px; margin: 5px 0 0 30px; width: 38px;}
#rr_soc_em_cont{float: left; height: 49px; margin-left:30px; cursor: pointer;}
#rr_soc_em_icon{background-image: url(/cm/realbeauty/site_images/virals/icon_fb_tw_em.png); height: 38px; background-position: -76px 0; margin: 5px 0 0 30px; width: 40px;}
/* End Right Rail ViralTools Tout  */
/* viral tooltip */
#rr_social_tooltip{position:absolute; z-index:99999; display:none; filter:none!important;}
#rr_social_tooltip.top .tooltip_body {border-bottom: 2px solid #AAAAAA; border-left: 2px solid #AAAAAA; border-right: 2px solid #AAAAAA;}
#rr_social_tooltip.bottom .tooltip_body{border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA;}
#rr_social_tooltip_fb{margin-left:5px;}
#rr_social_tooltip.bottom #rr_social_tooltip_fb {margin:-2px 0 0 3px;}
#rr_social_tooltip_fb iframe {border:none; overflow:hidden; width:310px; height:257px;}
#rr_social_tooltip_fb .tooltip_head{	background-image:url(/cm/realbeauty/site_images/virals/popup_tooltip_fb_bg.gif); height:20px; width:330px;}
#rr_social_tooltip_fb .tooltip_footer{background-image:url(/cm/realbeauty/site_images/virals/popup_tooltip_fb_bg_bot.png); background-position:left bottom; height: 20px; width:330px;}
#rr_social_tooltip_fb .tooltip_body{background-color: #FFFFFF; padding: 9px; width:308px;}

#rr_social_tooltip_tw{margin-left:4px;}
#rr_social_tooltip.bottom #rr_social_tooltip_tw{margin:-10px 0 0 4px;}
#rr_social_tooltip_tw .tooltip_head{background-image:url(/cm/realbeauty/site_images/virals/popup_tooltip_tw_bg.gif); height:21px; width:315px}
#rr_social_tooltip_tw .tooltip_footer{background-image:url(/cm/realbeauty/site_images/virals/popup_tooltip_tw_bg_bot.png); background-position:-1px bottom; height:28px; width:313px;}
#rr_social_tooltip_tw .tooltip_body{background-color: #FFFFFF; height: 52px; padding: 9px; position: relative; width:293px;}
#rr_social_tooltip_tw .tooltip_body .tw_1_cont {height: 50px; overflow: hidden; width: 50px;}
#rr_social_tooltip_tw .tooltip_body .tw_1{width: 50px;}
#rr_social_tooltip_tw .tooltip_body .tw_2{color: #ff3366; font-size: 13px; left: 72px; position: absolute; top: 7px;}
#rr_social_tooltip_tw .tooltip_body .tw_3{color: #01a0a0; font-size: 13px; font-family: helvetica; left: 72px; position: absolute; top: 26px;}
#rr_social_tooltip_tw .tooltip_body .tw_4{color: #666666; font-size: 11px; font-family: helvetica; left: 72px; position: absolute; top: 47px; text-transform: capitalize;}
#rr_social_tooltip_tw .tooltip_body .tw_f{height: 27px; left: 215px; position: absolute; top: 24px; width: 89px;}
#rr_social_tooltip_tw .tooltip_body .tw_f .follow_button {background-image: url(/cm/realbeauty/site_images/virals/button_follow_twitter.png); background-position: 0 0; background-color: transparent; cursor:pointer; width:82px; height:29px;}
#rr_social_tooltip_tw .tooltip_body .tw_f .follow_button:hover{background-position:0 -30px;}

#rr_social_tooltip_nl{margin-left:5px;}
#rr_social_tooltip_nl .tooltip_head{background-image:url(/cm/realbeauty/site_images/virals/popup_tooltip_nl_bg.gif); height:19px; width:299px;}
#rr_social_tooltip_nl .tooltip_body{	background-color:#FFFFFF; padding:9px; width:278px;}
#rr_social_tooltip_nl .tooltip_body .nl_1{font-size: 14px; color: #FF3366;}
#rr_social_tooltip_nl .tooltip_body form{display: block; height: 29px; margin-top: 4px;}
#vt_nl_emailfield{float: left; height:24px; *height: 20px; height:20px\0/; font-weight:bold; margin-right: 4px; *padding-top:5px; padding-top:5px\0/; width: 170px; color: #AAAAAA; font-size: 11px;}
#rr_social_tooltip_nl .tooltip_body button {float:left; border:0; margin-left: 4px; background-image: url(/cm/realbeauty/site_images/virals/signup.png); background-position: 0 0; background-color: transparent; cursor:pointer; width:90px; height:29px;}
#rr_social_tooltip_nl .tooltip_body button:hover {background-position:0 -30px;}
#vt_bl_signupbutton{}
/* social toolbar end -- begin partner subfooter */
#partner-subfooter dd h4, #partner-subfooter dd h5, #partner-subfooter dd p {
	margin:0;
	padding:0;}

#partner-subfooter, #partner-subfooter dd, #partner-subfooter dd h5, #partner-subfooter dd p {display:inline-block;}

	#partner-subfooter dd, #partner-subfooter dd h5, #partner-subfooter dd p {*display:inline;}
	
#dotted-top, #dotted {
	border:0 none;
	border-top:1px dotted black;}
	
	#dotted-top {margin:10px 0 1px;}
	
	#dotted {margin:0 0 10px;}
	
		#dotted-top, #dotted {
			background-color:white;
			color:white;
			height:0;
			padding:0;}

#partner-subfooter dd {
	margin:0 30px 10px 0;
	padding:15px 0 15px 10px;
	vertical-align:top;
	width:208px;}
	
	#partner-subfooter dd h4 {text-align:center;}
	
		#partner-subfooter dd h4 a {display:block;}
	
	#partner-subfooter dd.last {margin-right:0;} /* for IE */
		
	#partner-subfooter dd ul {
		border-bottom:1px dotted black;
		height:135px;
		padding:10px 0 10px 20px;}
		
		#partner-subfooter dd ul {font-size:12px;}
		
		#partner-subfooter dd ul li {
			color:gray;
			list-style:disc outside none;
			padding:3px 0;}
		
	#partner-subfooter dd h5, #partner-subfooter dd p {
		font:normal 11px Georgia,'Times New Roman', Times, serif;
		text-transform:uppercase;
		vertical-align:top;}
			
		#partner-subfooter dd h5 {
			color:#e54d73;
			font-style:italic;}
			
		#partner-subfooter dd p {width:175px;}
			
			#partner-subfooter p a {color:#666;}
/* end partner subfooter -- begin footer */
#FTR_Ccontainer #networkInfo .social {font-size: 14px; margin-bottom: 25px;}
#FTR_Ccontainer #networkInfo .social .sicon {color: #FFFFFF;}
#FTR_Ccontainer #networkInfo .social img {vertical-align: middle;}
#FTR_Ccontainer #networkInfo .social .sicon {margin: 0 5px;}
#FTR_Ccontainer #networkInfo .social .smore {margin-left: 5px; color:#FFFFFF;}
#FTR_Ccontainer #networkInfo .social .smore:hover{color:#FFFFFF !important;}
#FTR_Ccontainer #networkInfo .social .smore .arrow_right {background:url(/cm/realbeauty/site_images/virals/more_options_arrow.png) no-repeat right center; padding-left:10px; *display:inline-block;}

#sweeps .viral_tools.top , #free-for-you .viral_tools {float: right; min-width: 0; margin-top: 15px;}
