@charset "utf-8";
/* CSS Document */
*		{ font-family:Arial, Sans-Serif, Tahoma; font-size:9pt; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { padding: 0; margin: 0 }
li { padding:0; }
/*
body	{ margin:0; background:url(../images/2009_bodyBackground.gif) 50% 0px; }
*/
body	{ margin:0;background:url('../images/2010/background.gif') center repeat-y; }
a, img, fieldset 
		{ border: none; outline: none }
a 		{ text-decoration:none; cursor:pointer; }

.cl		{ clear:both; }
.fl		{ float:left; }
.fr		{ float:right; }

.tc		{ text-align:center; }
.tl		{ text-align:left; }
.tr		{ text-align:right; }

h1,h2 { font-size:14pt; color:#cccccc; margin:10px 0; }
h2 { font-weight:normal; }

input { height:16px; line-height:16px; }
select { height:20px; }
.iUserfollow { width:70px ; width:16px; float: right; background:#e0e3e4; padding: 2px 2px 2px 0; text-align:center;}
.iUserfollow2 { width:70px ; width:16px; float: right;  padding:10px 0 0 2px; }
.dUserInfo { float:none; font-weight:bold; white-space:nowrap; }
.dUserInfo div { float:left; height:16px; line-height:16px; }
.dUserInfo .lUsername { margin:1px 0 3px 0; color:#336699; max-width:90px; overflow:hidden; }
.dUserInfo .iUserIcon { margin:0 2px 0 2px; }


.dUserInfo .iReviewsBoxL{ background:url(../images/box_left.gif);width:6px; }
.dUserInfo .iReviewsBoxC{ background:url(../images/box_inner.gif); color:#333333; font-size:7pt; padding:0 5px 0 5px; }
.dUserInfo .iReviewsBoxR{ background:url(../images/box_right.gif); width:3px; }

.lSectionHeader, .lSectionHeader a { line-height: 16px; height:16px; text-align:center; font-weight:bold; }
.lProductBrand, .lProductBrand a { color:#666666; font-weight:bold; }
.lProductName, .lProductName a { color:#ff6600; }
.lHitPoint, .lHitPoint a { color:#666666; }
.fix1Lines { line-height:16px; height:16px; overflow:hidden; }
.fix2Lines { line-height:16px; height:32px; overflow:hidden; }
.fix3Lines { line-height:16px; height:48px; overflow:hidden; }

.lPostTitle, 
.lPostTitle a { cursor:pointer; color:#666666; overflow:hidden; } 
.lPosterName { color:#663300; height:14px; line-height:14px; }
.lPostDate { font-weight:normal; height:14px; line-height:14px; }

#motto	{ background:#E0E0E0 none repeat scroll 0 0; height:30px; }
#motto .inner
		{ position:absolute; width:1000px; left:50%; margin-left:-500px; color:#868686; line-height:30px; }
#motto a
		{ color:#999999; text-decoration:none; }
#motto a:hover
		{ border-bottom:1px dotted #999999; }
#headerImg 
		{ background:#ffffff url(../images/indexheader.jpg) center no-repeat; height:70px; line-height:70px; border-top:2px white solid; }
/*
#headerImgSmall
		{ background:#ffffff url(../images/2009_headerSmall.jpg) center no-repeat; height:40px; line-height:40px; border-top:2px white solid; }
*/
#headerImgSmall
		{ background:#ffffff url(../images/2010/jebanHeader.jpg) no-repeat scroll center bottom; height:50px; line-height:40px; border-top:2px white solid; }
#menu	{ background:#C4AE7D repeat-x; line-height:20px; height:20px; border:solid white; border-width:4px 0 4px 0; z-index:1000; }
#menu .inner 
		{background:#aaaaaa; position:absolute; width:650px; left:50%; margin-left:-325px; z-index:999; }
#wrapper,
#content
		{ height:1395px; }

/*
#wrapper,
#wrapperFlex 
		{ background:url(../images/2009_wrapperFrame.png) center repeat-y; min-height:480px; }
*/

#content
		{ background:white; position:absolute; left:50%; margin-left:-500px; width:1000px; z-index:inherit; }
#contentFlex
		{ background:white; margin:0 auto; width:1000px; }

#idxAnnouncement 
		{ color:#dfc68f; font-weight:bold; height:24px; line-height:22px; margin-left:-1px; cursor:default; overflow:hidden; }

#sitemap 
		{ background:#ebebeb; color:#666666; line-height:16px; height:64px; border-top:4px solid white; }
/*
#copyright
		{ background:#8dccc2 url(../images/2009_copyrightBackground.jpg) center no-repeat; height:30px; line-height:30px; border-top:2px solid white; }
#copyright
		{ background:#666666 none repeat scroll 0 0; height:30px; line-height:30px; border-top:2px solid white; }
*/
#copyright { background:#666666; height:30px; line-height:30px; }
#copyright * { height:22px; line-height:30px; color:white; }
#copyright .inner { position:relative; width:1000px; left:50%; margin-left:-500px; }
#copyright span { padding:0 4px; }

#copyright img { height:18px; margin-left:4px; margin-top:6px; }


#dropline { position:relative; font-size:10pt; font-weight:bold; height:20px; line-height:20px; background:url(../images/2009_navigationSeparators.jpg) no-repeat; }

#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:650px; }

#dropline table {border-collapse:collapse; margin:-1px -10px; padding:0; width:0; height:0; font-size:10pt;}
#dropline li {float:left; height:20px; margin-right:1px;}
#dropline li a {float:left; display:block; height:20px; line-height:20px; padding:0 10px; font-size:9pt; color:#4a3f15; text-decoration:none; font-weight:bold;}

#dropline li a:hover {white-space:nowrap; color:#fff;}

#dropline li:hover > a {color:#fff;}

#dropline li ul {position:absolute; top:20px; left:-9999px; z-index:10; background:url(../images/2009_subNavigation-dropdown.png) left top; border-top:1px solid white;  height:26px; line-height:24px;}
#dropline li ul.floatRight li {float:right;}

#dropline :hover ul,
#dropline :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url(../images/2009_subNavigation-dropdown.png) left bottom;  height:26px; line-height:24px;}

#dropline li ul li a { height:28px; line-height:28px; color:#fff; white-space:nowrap; }
#dropline li ul li a:hover { text-decoration:underline; }

#dropline :hover ul ul,
#dropline :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:20px; background:transparent;}

#dropline-community		{ width:98px;  text-align:center; padding:none; margin-left:20px; }
#dropline-community ul	{ padding-left: 25px;  width:625px; }
#dropline-all-beauty	{ width:99px;  text-align:center; padding:none; }
#dropline-all-beauty ul { padding-left: 7px;   width:643px; }
#dropline-life-style	{ width:90px;  text-align:center; padding:none; }
#dropline-life-style ul { padding-left: 122px; width:528px;  }
#dropline-jebans-lab	{ width:101px; text-align:center; padding:none; }
#dropline-jebans-lab ul { padding-left: 302px; width:348px; }
#dropline-beauty-news	{ width:111px; text-align:center; padding:none; }
#dropline-beauty-news ul{ padding-left: 165px; width:485px; }
#dropline-user-reviews	{ width:117px; text-align:center; padding:none; }
#dropline-jebans-lab a  { padding-left:24px!important; white-space:nowrap!important; }

/* User's info Box */
br .clear { height:0; line-height:0; }

.boxUserInfo { float:none; font-weight:bold; white-space:nowrap; height:16px; }
.boxUserInfo div { float:left; height:16px; line-height:16px; }
.boxUserInfo .lUsername { margin:1px 0 3px 0; color:#336699; max-width:110px; overflow:hidden; }
.boxUserInfo .iUserIcon { margin:0 2px 0 2px; }
.boxUserInfo .iReviewsBoxL{ background:url(../images/box_left.gif);width:6px; }
.boxUserInfo .iReviewsBoxC{ background:url(../images/box_inner.gif); color:#333333; font-size:7pt; padding:0 5px 0 5px; }
.boxUserInfo .iReviewsBoxR{ background:url(../images/box_right.gif); width:3px; }
.boxUserInfo .lUserCondition { float:left; font-weight:normal; }

.lProductBrand, .lProductBrand a { color:#666666; font-weight:bold; }
.lProductName, .lProductName a { color:#ff6600; }
.lHitPoint, .lHitPoint a { color:#666666; }
.fix1Lines { line-height:16px; height:16px; overflow:hidden; }
.fix2Lines { line-height:16px; height:32px; overflow:hidden; }
.fix3Lines { line-height:16px; height:48px; overflow:hidden; }

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 760px;
 height: 24px;
 overflow: hidden;
 text-align:center;
}

/* Scoller Box */

/* At the end of the CSS File */

/* CSS Hack Safari */
#scroller_container {
 overflow: auto;
}

.ilIndex img { cursor:pointer; }

.lReadMore { position:relative; float:right; margin-top:-14px; background:white; }
#idxBeautyNews .lReadMore { padding:0 5px; }

.ui-dialog { border:2px solid #8dccc2; }
.ui-dialog-container { background:white; }
.ui-dialog-titlebar { display:none; }
.ui-dialog iframe { display:none; }

#idxPollDialog .header {height:30px; width:100%; background:url(../images/nl_alert_header.jpg) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px; margin-bottom:10px;}
#pollAlertImage { float:left; width:40px; height:40px; margin-top:4px; margin-left:10px; }
#pollAlertMessage { float:right; width:380px; font-weight:bold; margin-left:10px; line-height:16px; }
#pollAlertCloseButton { clear:both; text-align:center; margin-top:10px; position:absolute; bottom:10px; left:50%; margin-left:-50px; }
.modalButton,
#pollAlertCloseButton input,
#pollConfirmButton input { width:100px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../images/nl_alert_button.gif) repeat-x; border:1px solid #bbb; cursor:pointer; } 

#pollConfirmButton,
#pollConfirmMessage { float:right; width:380px; font-weight:bold; margin-top:8px; margin-left:10px; line-height:16px; color:red; font-weight:bold; font-size:10.5pt; }


optgroup { float:none; }
option { float:none; }

.cl { clear:both; }

button {
	text-align:center;
	width:75px;
	height:30px;
	line-height:30px;
	background:url(../images/btn75px.gif) no-repeat; 
	border:none;
	font-weight:bold;
	color:#666666;
	cursor:pointer;
}
button:hover {
	background:url(../images/btn75px.hover.gif) no-repeat; 
}
div.button {
	background:url(../images/btn75px.gif) no-repeat; 
	width:75px;
	height:30px;
	font-weight:bold;
	color: #C7D92C;
	text-align: center;
	color:#666666;
	padding-top:8px;
}
div.button.hover {
	background:url(../images/btn75px.hover.gif) no-repeat; 
}
div.buttonSmall,
div.buttonSmallWide {
	background:url(../images/2009_iconSmall.gif) no-repeat; 
	width:50px;
	height:15px;
	line-height:15px;
	font-weight:bold;
	color: #C7D92C;
	text-align:center;
	color:#318e94;
	font-size:7.5pt;
	cursor:pointer;
}
div.buttonSmallWide {
	background:url(../images/2009_iconSmallWide.gif) no-repeat; 
	width:100px;
}
button.buttonSmall {
	background:url(../images/2009_iconSmall.gif) no-repeat; 
	width:50px;
	height:15px;
	line-height:15px;
	font-weight:bold;
	color: #C7D92C;
	text-align:center;
	color:#318e94;
	font-size:7.5pt;
	cursor:pointer;
}


#sitemap .inner { position:absolute; width:1000px; left:50%; margin-left:-500px;  }
#sitemap * { font-size:8pt; line-height:21px; }

.sitemap-nav { clear:both; }
.sitemap-nav, ul.sitemap-nav ul { float:left; padding:0; margin:0; list-style:none; width:auto; white-space:nowrap; font-weight:bold; }

.sitemap-nav table {border-collapse:collapse; margin:-1px -10px; padding:0; width:0; height:0; }
.sitemap-nav li {float:left; height:21px; white-space:nowrap; }
.sitemap-nav li a {float:left; height:21px; padding:0 2px; color:#4a3f15; text-decoration:none; }

.sitemap-nav li ul li a { font-weight:normal; display:inline-block; }
/*
#copyright * { height:30px; line-height:30px; color:#666666; }
#copyright .inner { position:absolute; width:1000px; left:50%; margin-left:-500px;  }
#copyright span { padding:0 4px; }

#copyright img { height:18px; margin-left:4px; margin-top:6px; }
*/
#wbAdvertising-top
		{ height:90px; width:728px; margin:0 auto; margin-bottom:8px; }



#wbBeautySearch
		{ width:184px; float:left; background:url(../images/2009_bgDot.png); margin-left:10px; margin-right:10px; }
#wbContent
		{ width:768px; float:right; margin-right:11px; }
#wbContent .lblArticleHeader
		{ line-height:16px; }
#wbContent .lblArticleHeader span
		{ line-height:14px; }
#wbContent .lblArticleHeader
		{ background-position:left 5px; overflow:visible; }	
		
#wbContent .lblArticleheader
		{ line-height:16px; }
#wbContent .lblArticleheader span
		{ line-height:14px; }
#wbContent .lblArticleheader
		{ background-position:left 5px; overflow:visible; }	

#lblHowtoGuide { background:url(../images/side_howtoguide.jpg); color:#ffffff; height:60px; width:184px; overflow:hidden; margin-left:-1px; }
#lblHowtoGuide div { text-align:right; margin-right:5px; }
#lblHowtoGuide_HOWTO { font-weight:bold; font-size:24px; margin-top:15px; }
#lblHowtoGuide_GUIDE { font-size:20px; margin-top:-10px; }

.ulSidebarSearch li { list-style-image:url(../images/bullet_black.gif);	margin:4px 0 4px 16px; }
.ulSidebarSearch label { height:20px; line-height:20px; color:#666666; }
.ulSidebarSearch input { width:145px; height:18px; margin-bottom:2px; }
.ulSidebarSearch select { width:145px; height:20px; }
.ulSidebarSearch li input.chk { position:absolute; width:auto; margin-top:0; margin-right:2px; }
.ulSidebarSearch li label.chk { width:50px; background:none; padding-left:20px; }

div.SidebarSearch { background:white; border:1px solid #ebebeb; border-top:none; margin-top:-2px; padding-top:8px; }
div.SidebarSearchBtn { text-align:center; margin-bottom:8px; margin-top:4px; }
div.SidebarSearch li { list-style:none; }

#ulBeautySearch select { width:147px; height:20px; margin-bottom:2px; }

#wbBeautySearch #idxUserReviews,
#wbBeautySearch #idxSalonDeJeban { border-top:3px solid white; }

#loginBox { background:#f3f3f3; text-align:center; width:500px; border:2px solid #f3f3f3; padding:5px 0; }
#loginBoxInner { background:#ececec; width:450px; margin-left:auto; margin-right:auto; padding:20px 0 10px 0; }

#loginBox img { margin:10px auto; }
#loginBoxInner .line,
#forgotPasswordDialog .line { padding:2px; height:22px; }
#loginBoxInner input,
#forgotPasswordDialog input { height:18px; line-height:20px; margin-right:4px; float:left; }
#loginBoxInner label,
#forgotPasswordDialog label { height:20px; width:180px; line-height:20px; text-align:right; margin-right:2px; float:left; font-weight:bold; }
#loginBoxInner label.chk { text-align:left; font-weight:normal; }
#loginBoxInner #forgotLabel { color:#999999; text-align:left; float:left; }
#loginBoxInner #forgotLabel:visited { color:#999999; }
#loginBox form { display:inline; }
#loginBoxInner input.chk { margin-top:2px; }

#forgotPasswordDialog label { width:100px; }
#forgotPasswordDialog input#forgot_email { width:250px; }

#messageContainer { height:auto; width:500px; margin:auto; background-color:#fff; border:2px solid #8dccc2; padding-bottom:15px;}

.messageHeader { background:url(../images/nl_alert_header.jpg) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; text-align:center; height:30px; width:100%; line-height:30px; margin-bottom:10px;}
#messageImage { float:left; width:40px; height:40px; margin:4px 0 0 10px; }
#messageInfo { float:right; color:#666666; width:480px; font-weight:bold; text-align:center; margin:15px auto 10px auto; line-height:16px; }
#messageInfo a { color:#ff6600; }

#motto .inner .fr a { margin:0 4px; }
#motto .inner .last { margin-right:-4px; }
/* #motto .inner .fr a strong { color:#f4f5f5; } */
#motto .inner .fr a img { margin-top:7px; }

#idxUserReviews
		{ background:#990000 url(../images/2009_idxUserReviewsLink.jpg) no-repeat 10px 50%; border-bottom:2px solid white; color:white; height:23px; }
#idxSalonDeJeban
		{ background:#666666 url(../images/2009_idxSalonDeJebanLink.jpg) no-repeat 10px 50%; border-bottom:2px solid white; color:white; height:23px; }
#idxUserReviews a,
#idxSalonDeJeban a
		{ color:white; text-decoration:none; }
#idxUserReviews font#USER,
#idxSalonDeJeban font#SALON
		{ margin-left:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13pt; }
#idxUserReviews font#REVIEWS,
#idxSalonDeJeban font#DEJEBAN
		{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11.5pt; padding-left:2px; }		

#sideAdvertorial {
	background:white;
	margin-top:0;
	padding-top:5px;
}
#hdrAdvertorial {
	background:transparent url(../images/2009_iconAdvertorials.jpg) no-repeat scroll 0 0;
}
#sideAdvertorial .SidebarSearch {
	border-top:1px solid #EBEBEB;
	padding:4px;
}
#sideAdvertorial .SidebarSearch img {
	margin:8px 0;
}
#sideAdvertorial .SidebarSearch a  {
	color:#666666;
	margin-bottom:8px;
}
#sideAdvertorial .SidebarSearch a strong {
	color:#318E94;
}

#sideBeautycheck{
	padding-top:0px;	
}

#sideBeautycheck #sideAdvertorial{	
	height:270px;
	background:transparent url(../images/2010_framebc.gif) no-repeat scroll 0 0;
	position:center;
	padding-top:5px;
	
}

#sideBeautycheck #sideAdvertorial #Poster{
	color:#FF8800;
	margin-top:-45px;
	text-align:center;
	overflow:hidden;	
	margin-left:25px;
}

#sideBeautycheck #sideAdvertorial #Poster img {
 margin:50px 28px 0px 0px;
}
#sideBeautycheck #sideAdvertorial img {
 margin:50px 28px 0px 25px;
}

#sideBeautycheck #sideAdvertorial a {
	color:#666666;
	margin-bottom:8px;
	margin-top:10px;
	overflow:hidden;
}
#sideBeautycheck #sideAdvertorial a strong {
	color:#318E94;
}

#linkContinueReading {
	padding-right:12px;
	background:url(../images/2009_iconContinue.gif) no-repeat right center;
}