@charset "utf-8";

img {behavior: url("pngbehavior.htc");}

/* BACKGROUND SETTINGS */
#warpper{background:url(../images/homebg2.jpg) 0 127px repeat-x;}
#container #content{background: url(../images/homeRbg.gif) right top no-repeat; margin-left:18px; padding-right:18px;}

#content a{color:#e92cbf; text-decoration:underline;}
#content a:hover{color:#ffb94e; text-decoration:none;}

#content .leftContent{width:678px; float:left;}
#content .rightContent{float:right; width:285px; background:url(../images/mbg.jpg) top repeat-x #222222; }

/* Hair Update */

h4 {color:#ffb94e; font-weight:bold; font-size:11px; margin-bottom:5px;}

#content .leftContent .hairUpdate{background:url(../images/hairUpdate.jpg) left top no-repeat; width:678px; height:239px; font-family:Tahoma, Verdana; font-size:11px;}

#content .leftContent .hairUpdate .img{ width:200px; float:left; padding-left:30px; padding-top:5px;}

#content .leftContent .hairUpdate .matter {float:left; width:350px; padding-left:20px; padding-top:80px; color:#fe8900; }

#content .leftContent .link{float:left; width:350px; padding-left:235px; color:#fe8900;  text-decoration:none; }

#content .leftContent .link .leftDiv{background:url(../images/left_curve.gif) left top no-repeat; color:#000000; text-decoration:none; float:left;}
#content .leftContent .link .rightDiv{background:url(../images/right_curve.gif) right top no-repeat; color:#000000;  text-decoration:none; float:left;}

#content .leftContent .link .button{ background: url(../images/middle.gif) repeat; font-size:11px; font-weight:bold; color:#000000; height:15px; padding:2px 5px 2px 5px; text-align:center;  float:left;  text-decoration:none;}
#content .leftContent .link a{color:#000000; text-decoration:none;  text-decoration:none;}
#content .leftContent .link a:hover{color:#530000;  text-decoration:none; text-decoration:none;}

/* hot discussion and Expert Blog */
#content .leftContent .hebg{background:url(../images/hebg.jpg) left top no-repeat; width:678px; height:265px; font-family:Tahoma, Verdana; font-size:11px; margin:0px;}

#content .leftContent .hebg .hotDiscussion{width:337px; float:left;}
#content .leftContent .hebg .expertBlogs{width:337px; float:right;}

#content .leftContent .hebg .hotDiscussion .hotDiv {margin-left:30px; margin-top:20px; width:270px;}

#content .leftContent .hebg .hotDiscussion .hotDiv .title {color:#ffb94e; font-weight:bold; font-size:11px; margin-bottom:5px; border-bottom:1px dotted #ffffff; letter-spacing:0.5px;}
#content .leftContent .hebg .hotDiscussion .hotDiv .dayDate{font-size:10px; color:#fe8900;}
#content .leftContent .hebg .hotDiscussion .hotDiv .dayDate .name{color:#FFFFFF;}

*html #content .leftContent .hebg .hotDiscussion .hotDiv .dayDate .replies{color:#FFFFFF; text-align:right; float:right; margin-top:-13px; }

html>body #content .leftContent .hebg .hotDiscussion .hotDiv .dayDate .replies{color:#FFFFFF; text-align:right; float:right; padding-top:-13px; }

#content .leftContent .hebg .hotDiscussion .hotDiv .bullet{background:url(../images/bullet.gif) no-repeat left; padding-left:15px; color:#ffffff; margin-top:-5px;}

#content .titleButton{ color:#fe8900;  text-decoration:none; max-width:270px; width:200px; float:left;}

#content .titleButton .leftDiv{color:#000000; text-decoration:none; float:left;}
#content .titleButton .rightDiv{ color:#000000;  text-decoration:none; float:left;}

#content .titleButton .button{ background: url(../images/middle.gif) repeat; font-size:11px; font-weight:bold; color:#000000; height:15px; padding:2px 5px 2px 5px; text-align:center;  float:left;  text-decoration:none;}
#content .titleButton a{color:#000000; text-decoration:none;  text-decoration:none;}
#content .titleButton a:hover{color:#530000;  text-decoration:none; text-decoration:none;}

#content .titleButton2{ color:#fe8900;  text-decoration:none; max-width:270px; width:150px; float:left; margin-left:80px;}
* html #content .titleButton2{ color:#fe8900;  text-decoration:none; max-width:270px; width:150px; float:left; margin-left:40px;}

#content .titleButton2 .leftDiv{color:#000000; text-decoration:none; float:left;}
#content .titleButton2 .rightDiv{ color:#000000;  text-decoration:none; float:left;}

#content .titleButton2 .button{ background: url(../images/middle.gif) repeat; font-size:11px; font-weight:bold; color:#000000; height:15px; padding:2px 5px 2px 5px; text-align:center;  float:left;  text-decoration:none;}
#content .titleButton2 a{color:#000000; text-decoration:none;  text-decoration:none;}
#content .titleButton2 a:hover{color:#530000;  text-decoration:none; text-decoration:none;}

#content .leftContent .hebg .expertBlogs .blogs {
	padding-left:25px;
	margin-top:20px;
	width:270px;
	float:left;
	color:#fe8900;
}

#content .leftContent .hebg .expertBlogs .blogs img{  float:left; border:none;}
#content .leftContent .hebg .expertBlogs .blogs .text{float:left; color:#ffb94e; font-weight:bold; width:120px; }


#content .leftContent .hebg .expertBlogs .blogs .orangetext{line-height:16px;}


/* SUNSILK Expert */
#content .leftContent .sunsilkexpertbg{background:url(../images/sunsilk_expertBG.jpg) left top no-repeat; width:678px; height:254px; font-family:Tahoma, Verdana; font-size:11px;}

#content .leftContent .sunsilkexpertbg .sunsilkExpert{width:387px; float:left; }
#content .leftContent .sunsilkexpertbg .video{width:267px; float:right;}

#content .leftContent .sunsilkexpertbg .sunsilkExpert .blogs {padding-left:5px; margin-top:10px;  float:left; color:#fe8900; }

#content .leftContent .sunsilkexpertbg .sunsilkExpert .blogs img{  float:left; border:none;}
#content .leftContent .sunsilkexpertbg .sunsilkExpert .blogs .text{ color:#ffb94e; font-weight:bold; }
#content .leftContent .sunsilkexpertbg .sunsilkExpert .blogs .orangetext{line-height:16px;}

#content .leftContent .sunsilkexpertbg .video .flashvideo{ margin-top:30px;}

/* Login */
#content .rightContent .loginbg{background:#3c3c3c url(../images/login_bg.jpg) left top repeat-x; font-family:Tahoma, Verdana; font-size:11px; padding:10px 20px 0px 20px; color:#FFFFFF;}
#content .rightContent .loginbg input {height:15px; width:130px; color:#000000; font-size:11px; font-family:Tahoma, Verdana; background-color:#c5c5c5; border:0px; padding:2px;}
#content .rightContent .loginbg .user {font-family:Tahoma, Verdana; font-size:12px; color:#ffb94e;}
#content .rightContent .loginbg .blurb {
	background:url(../images/bg_loginblurb.jpg) bottom no-repeat;
	width:228px;
	height:122px;
}
#content .rightContent .loginbg .blurb p{ background:url(../images/arrow_login.png) left no-repeat; padding-left:30px; font-weight:bold; }
#content .rightContent .seprator{padding:0px; margin:0px;}
#content .rightContent .seprator2{padding-left:15px; margin:0px;}

/* What's your take */
#content .rightContent .whatbg{font-family:Tahoma, Verdana; font-size:11px; padding:0px 20px 20px 20px; color:#fe8900;}

#content .rightContent .whatbg .pollHeading{color:#ffb94e; font-weight:bold; padding-top:15px;}

/* toptrends */
#content .rightContent .toptrends{font-family:Tahoma, Verdana; font-size:11px; padding:0px 5px 20px 10px; color:#fe8900;}

#content .rightContent .toptrends .pollHeading{color:#ffb94e; font-weight:bold; padding-top:20px;}

/* gallery */
#content .rightContent .gallerybg{font-family:Tahoma, Verdana; font-size:11px; padding:0px 10px 10px 10px; color:#fe8900; }

	/* Image scroll
	------------------ */
	.stepcarousel{
	position: relative; /*leave this value alone*/
	float: left;
	overflow: scroll; /*leave this value alone*/
	width: 260px; /*Width of Carousel Viewer itself*/
	margin-left:0px;
	height: 285px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0;
}

.stepcarousel .panel{
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:11px;
	color:#0f64b3;
	text-align:center;
	float: right; /*leave this value alone*/
	float: right; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 1px; /*margin around each panel*/
	width: 255px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


	.stepcarousel .panel img{
	padding-left:3px;
}



/* Networking */

#content .leftContent .networkBG{background:url(../images/footbg.jpg) repeat-x; height:109px; margin-top:25px; }
* html #content .leftContent .networkBG{background:url(../images/footbg.jpg) repeat-x; height:109px; margin-top:30px;}

#content .leftContent .networkBG .facebook{ float:left; height:46px; font-size:11px; padding-left:100px; padding-top:25px;}
#content .leftContent .networkBG .facebook img{  float:left; border:none;}
#content .leftContent .networkBG .facebook .text{float:left; color:#ffffff; width:100px; padding-top:13px; }
#content .leftContent .networkBG .facebook a{color:#ffffff; text-decoration:none; cursor:hand;}
#content .leftContent .networkBG .facebook a:hover{color:#ffb94e; text-decoration:none; cursor:hand;}

#content .leftContent .networkBG .sunslikMobile{ float:left; height:46px; font-size:11px; padding-left:35px; padding-top:25px;}
#content .leftContent .networkBG .sunslikMobile img{  float:left; border:none;}
#content .leftContent .networkBG .sunslikMobile .text{float:left; color:#ffffff; width:100px; padding-top:13px; }
#content .leftContent .networkBG .sunslikMobile a{color:#ffffff; text-decoration:none; cursor:hand;}
#content .leftContent .networkBG .sunslikMobile a:hover{color:#ffb94e; text-decoration:none; cursor:hand;}

#content .leftContent .networkBG .twiter{ float:right; height:46px; font-size:11px; padding-right:60px; padding-top:25px; }
#content .leftContent .networkBG .twiter img{  float:left; border:none;}
#content .leftContent .networkBG .twiter .text{float:left; color:#ffffff; width:100px; padding-top:13px; margin-left:5px;}
#content .leftContent .networkBG .twiter a{color:#ffffff; text-decoration:none; cursor:hand;}
#content .leftContent .networkBG .twiter a:hover{color:#ffb94e; text-decoration:none; cursor:hand;}

/* new */

#content .newlink {
font-family:Tahoma, Verdana;
font-family:11px;
color:#ffb94e;
line-height:20px;
}
#content .newlink a{
color:#ffb94e;
text-decoration:underline;
}
#content .newlink a:hover{
color:#ffb94e;
text-decoration:none;
}

#content .leftContent .hebg .hotDiscussion .momentDiv {margin-left:30px; margin-top:0px; width:290px;}
#content .leftContent .hebg .hotDiscussion .momentinner {width:290px; float:left;}
#content .leftContent .hebg .hotDiscussion .momenttext {width:190px; float:left; margin-top:20px;}
#content .leftContent .hebg .hotDiscussion .momenttext .title {color:#ffb94e; font-weight:bold; font-size:11px; margin-bottom:5px; border-bottom:1px dotted #ffffff; letter-spacing:0.5px;}
#content .leftContent .hebg .hotDiscussion .momenttext .dayDate{font-size:10px; color:#fe8900;}
#content .leftContent .hebg .hotDiscussion .momenttext .dayDate .name{color:#FFFFFF;}

#content .titleButton3{ color:#fe8900;  text-decoration:none; max-width:270px; width:200px; float:right; padding-left:15px;}

#content .titleButton3 .leftDiv{color:#000000; text-decoration:none; float:left;}
#content .titleButton3 .rightDiv{ color:#000000;  text-decoration:none; float:left;}

#content .titleButton3 .button{ background: url(../images/middle.gif) repeat; font-size:11px; font-weight:bold; color:#000000; height:15px; padding:2px 5px 2px 5px; text-align:center;  float:left;  text-decoration:none;}
#content .titleButton3 a{color:#000000; text-decoration:none;  text-decoration:none;}
#content .titleButton3 a:hover{color:#530000;  text-decoration:none; text-decoration:none;}

.imgpdd {
padding:2px 3px 2px 3px;
width:90px;
float:left;
}
.imgpdd2 {
padding:2px 3px 2px 5px;
width:97px;
float:left;
}

#tvscope {
width:678px;
float:left;
margin-top:29px;
}

.thumbvideo {
float:left;
padding-left:28px;
font-family:Tahoma, Verdana; 
font-size:11px;
color:#ffb94e;
}
.thumbvideo p{
font-family:Tahoma, Verdana; 
font-size:11px;
color:#ffb94e;
text-align:center;
margin-top:15px;
}
.flashDiv{
padding-left:18px;
}
.rightpantext {
	font-size: 11px;
	color: #ffc55f;
	text-decoration: none;
	background-image: url(../hair_expertise/images/bullet_leftpan.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	line-height: 150%;
}