/* PREMIUM PRODUCT COMMENTS — stars + review link */
#product_comments_block_extra {
  margin: 0;
  padding: 13px 16px;
  border: 1px solid #d8bd6a;
  border-radius: 10px;
  background: #fffdf6;
  box-shadow: 0 2px 8px rgba(94, 78, 36, 0.06);
  color: #2b2b2b;
}

#product_comments_block_extra .comments_note {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #2f3324;
}

#product_comments_block_extra .star_content {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}

#product_comments_block_extra a.open-comment-form,
#product_comments_block_extra a.comments_advices,
#product_comments_block_extra a {
  display: inline-block;
  margin-top: 4px;
  color: #687642 !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

#product_comments_block_extra a:hover {
  color: #2f3324 !important;
  text-decoration: underline;
}

/* Gold-olive stars */
.star,
.star a,
div.star_on a,
div.star_hover a,
div.star a:hover {
  background-image: none !important;
}

.star,
.star a {
  width: 18px !important;
  height: 18px !important;
  text-indent: 0 !important;
  overflow: visible !important;
  background: none !important;
  text-align: center;
}

.star:before {
  content: "★";
  display: block;
  font-size: 18px;
  line-height: 18px;
  color: #cfc7a0;
  text-shadow: 0 1px 1px rgba(0,0,0,0.08);
}

.star_on:before,
.star_on a:before,
.star_hover:before,
.star_hover a:before,
.star:hover:before,
.star a:hover:before {
  color: #d6c47a;
}

/* Review popup stars */
#new_comment_form .star_content {
  display: inline-block;
  vertical-align: middle;
}

#new_comment_form #criterions_list label {
  display: inline-block;
  margin-right: 8px;
  color: #2f3324;
  font-weight: 700;
}

#new_comment_form .star:before,
#new_comment_form .star a:before {
  font-size: 20px;
  line-height: 20px;
}


/* pop-in add grade/advice ********************************************************************* */
#fancybox-wrap { width:585px }
#fancybox-content {
	width:585px;
	border-width:0
}

.new_comment_form_content {
	padding:15px;
}
.new_comment_form_content .intro_form {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 12px
}

/* TAB COMMENTS ******************************************************************************** */
#product_comments_block_tab {margin:0 0 20px 0}

#product_comments_block_tab div.comment {
	margin:0 0 10px 0;
	padding: 5px;
	border-bottom: 1px dotted #ccc
}

#product_comments_block_tab div.comment div.comment_author {
	float: left;
	padding-right:25px;
	width: 140px;/* 165 */
	line-height:18px
}
#product_comments_block_tab div.comment div.comment_author span {font-weight:bold;}
#product_comments_block_tab div.comment div.comment_author span,
#product_comments_block_tab div.comment .star_content {
	float:left;
}
#product_comments_block_tab div.comment .star_content {margin: 0 0 0 5px}
#product_comments_block_tab div.star,
#product_comments_block_tab div.star_on {
	background: url(img/star.gif) no-repeat 0 0 transparent
}
#product_comments_block_tab div.star_on {background-position: 0 -12px}
#product_comments_block_tab .comment_author_infos {clear:both}
#product_comments_block_tab .comment_author_infos em {color:#999}

#product_comments_block_tab div.comment div.comment_details {
	float: left;
	overflow:hidden;
	width: 360px
}
#product_comments_block_tab div.comment_details .title_block, #product_comments_block_tab div.comment_details h4  {padding-bottom:10px}
#product_comments_block_tab div.comment_details p {
	padding-bottom:10px;
	padding-left:0px;
}
#product_comments_block_tab div.comment_details ul {
	list-style-type:none;
	margin:0
}
#product_comments_block_tab div.comment_details li {
	padding:2px 0 2px 12px;
	background:url(img/bg_li.png) no-repeat 1px 45% #fff
}

#product_comments_block_tab a {
	text-decoration: none;
	font-weight: bold
}

#product_comments_block_tab a:hover {text-decoration: underline}

#product_comments_block_tab button.usefulness_btn {
	cursor: pointer;
	margin:0 0 0 5px;
	display: inline-block;
	padding: 0 2px;
	border: 1px solid #CC9900;
	border-radius: 3px 3px 3px 3px;
	color: #000;
	font-weight: bold;
	background: url("img/bg_bt.gif") repeat-x scroll 0 0 #F4B61B
}
#product_comments_block_tab button.usefulness_btn:hover {background-position: left -50px}
#product_comments_block_tab button.usefulness_btn:active {background-position: left -100px}

#product_comments_block_tab span.report_btn {cursor: pointer}
#product_comments_block_tab span.report_btn:hover {text-decoration:underline}

.fl { float: left; }
.fr { float: right; }

/* PREMIUM REVIEW POPUP — productcomments */
#new_comment_form {
  background: #fffdf6;
  border: 1px solid #d8bd6a;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.28);
  overflow: hidden;
  color: #2b2b2b;
}

#new_comment_form h2.title {
  margin: 0;
  padding: 14px 18px;
  background: linear-gradient(135deg, #2f3324, #687642);
  color: #fffdf6;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3px;
  border-bottom: 2px solid #d6c47a;
}

#new_comment_form .product {
  padding: 18px 18px 14px 18px;
  background: #fffdf6;
  border-bottom: 1px solid #e5d5a7;
}

#new_comment_form .product img {
  border: 1px solid #e5d5a7;
  border-radius: 8px;
  background: #fff;
  padding: 4px;
}

#new_comment_form .product_desc {
  color: #444;
  font-size: 14px;
  line-height: 1.35;
}

#new_comment_form .product_name strong {
  color: #1f2419;
  font-size: 15px;
}

#new_comment_form .new_comment_form_content {
  padding: 18px;
  background: #fffdf6;
}

#new_comment_form .new_comment_form_content h2 {
  padding: 0 0 14px 0;
  margin: 0 0 14px 0;
  color: #2f3324;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 24px;
  font-weight: 700;
  border-bottom: 1px solid #e5d5a7;
}

#new_comment_form label {
  display: block;
  margin: 12px 0 6px 0;
  color: #2f3324;
  font-size: 14px;
  font-weight: 700;
}

#new_comment_form textarea,
#new_comment_form input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #c2b06f;
  border-radius: 8px;
  background: #faf7ef;
  color: #2b2b2b;
  font-size: 15px;
  padding: 10px;
  transition: 0.2s;
}

#new_comment_form textarea {
  min-height: 105px;
  resize: vertical;
}

#new_comment_form textarea:focus,
#new_comment_form input[type="text"]:focus {
  border-color: #d6c47a;
  background: #fffdf6;
  box-shadow: 0 0 6px rgba(214,196,122,0.35);
  outline: none;
}

#new_comment_form #criterions_list {
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0;
}

#new_comment_form #criterions_list li {
  margin-bottom: 10px;
}

#new_comment_form_footer {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #e5d5a7;
}

#new_comment_form_footer .required {
  color: #8b1a1a;
  font-size: 13px;
}

#submitNewMessage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #d6c47a, #efe4ad);
  color: #1a1a1a;
  border: 1px solid #b8a567;
  border-radius: 8px;
  padding: 7px 18px;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(94,78,36,0.12);
}

#submitNewMessage:hover {
  background: linear-gradient(135deg, #cdbb73, #eadb9b);
  text-decoration: none;
}

#new_comment_form_footer a {
  color: #687642;
  font-weight: 700;
  text-decoration: none;
}

#new_comment_form_footer a:hover {
  text-decoration: underline;
}

.star {
	position: relative;
	top:2px;
	float: left;
	height: 12px;
	width: 12px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer
}
/*.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } */
/* div.star_on a { background-position: 0 -12px } 
div.star_hover a, div.star a:hover { background-position: 0 -12px }*/