/* Snoopr.net Details CSS */

h2{
  clear:left;
  padding:10px;
  margin-top:10px;
}
div.deal{
  display:none;
}
div.dealExpanded{
  display:block;
}

/* Commenting */

div.comment-container{
  margin:10px;
}
div.visible-comment{
  border-bottom:1px solid #ccc;
}

div.comment-container ul{
  list-style:none;
  padding:0;
  margin:0;
  position:relative;
}
div.comment-container ul a{
  color:#326092;
  text-decoration:none;
}
div.comment-container ul a:hover{
  text-decoration:underline;
}

li.avatar{
  position:absolute;
  left:0;
}
li.avatar img{
  border:1px solid #ccc;
  padding:1px;
}
div.visible-comment ul li.postedBy{
  border-top:1px solid #326092;
  background-color:#F3F3F3;
  font-size:11px;
  color:#666;
  margin-left:48px;
  padding:5px;
}
div.visible-comment ul li.postedBy a{
  font-size:12px;
  font-weight:bold;
}
div.visible-comment ul li.age{
  font-size:9px;
  background-color:#F8F8F8;
  margin-left:48px;
  color:#aaa;
  padding:3px;
  padding-left:5px;
}

li.vote{
  position:absolute;
  top:0;
  right:0;
}

li.message{
  clear:left;
  padding:10px;
  font-size:11px;
  padding-left:5px;
  padding-top:15px;
  line-height:18px;
}

li.replyTo{
  margin-left:5px;
  margin-bottom:5px;
}
div.comment-container ul li.replyTo a{
  color:#aaa;
  font-size:9px;
}
span.commentNumber{
  float:right;
}
/* Reply Comment */

div.indent-1{
  margin-left:50px;
}
div.indent-2{
  margin-left:100px;
}
div.indent-3{
  margin-left:150px;
}
div.indent-4{
  margin-left:200px;
}
div.indent-5{
  margin-left:200px;
}

/* Hidden Comment */

div.hidden-comment{
  display: none;
  background-color:#f5f5f5;
  border-top:1px solid #aaa;
  border-bottom:1px solid #ddd;
  padding:10px;
  margin:10px;
  margin-left:0;
  margin-right:0;
  color:#666;
}

div.hidden-comment span.thresholdView{
  display:block;
  font-size:9px;
  color:#999;
}
div.hidden-comment a{
  color:#333;
  text-decoration:none;
}
div.hidden-comment a:hover{
  text-decoration:underline;
}
div.hidden-comment img.miniAv{
  float:left;
  border:1px solid #ccc;
  padding:1px;
  margin:5px;
  margin-right:10px;
}

/* Related Deals */

div.relatedProducts{
}
div.relatedProducts div.relatedProduct, div#relatedCoupons div.relatedProduct{
  padding:5px;
  clear:both;
  margin:5px;
}
div.relatedProducts a, div#relatedCoupons div.relatedProduct a{
  color:#2B5480;
  font-size:11px;
  text-decoration:none;
}
div.relatedProducts a:hover, div#relatedCoupons div.relatedProduct a:hover{
  text-decoration:underline;
}
div.relatedProducts div.row1, div#relatedCoupons div.row1{
  background-color:#f5f5f5;
  clear:both;
}
div.relatedProducts img.productImage, div#relatedCoupons img.productImage{
  border:1px solid #eee;
  padding:2px;
}
div.relatedProducts div.relatedProductImage, div#relatedCoupons div.relatedProductImage{
  float:left;
  min-height:80px;
  margin-right:5px;
}
div.relatedProducts img.rating, div#relatedCoupons img.rating{
  margin:5px;
  margin-left:0;
}
div.relatedProducts span.percentOff{
  display:block;
  color:#8ABA5E;
  font-weight:bold;
}
div.relatedProducts span.origPrice{
  display:block;
  font-size:9px;
  color:#999;
}

/* Comment Submit Form */

div#comment-form textarea{
  width:587px;
  height:200px;
  padding:3px;
  font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  font-size:12px;
  line-height:18px;
}
div#comment-form input{
  background-color:#f5f5f5;
  color:#333;
  font-size:11px;
  font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  border:1px solid #aaa;
  padding:2px;
  border-top-color:#ddd;
  border-left-color:#ddd;
  cursor:pointer;
  margin-top:10px;
}
div#comment-form label{
  font-size:10px;
  color:#666;
  margin:5px;
  padding-bottom:10px;
}

/*Side Recommend */
div.recDiv{
  background:#ecffea url(/images/design/recommend.jpg) 10px 30px no-repeat;
}
form#recForm{
  padding:10px;
  margin-top:20px;
}
form#recForm label{
  font-size:9px;
  color:#666;
  display:block;
  margin-bottom:3px;
}
form#recForm select, form#recForm textarea{
  width:200px;
  font-size:11px;
  font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  line-height:18px;
  padding:2px;
  margin-bottom:5px;
}
form#recForm input.button{
  background-color:#f5f5f5;
  color:#333;
  font-size:11px;
  font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  border:1px solid #aaa;
  padding:2px;
  border-top-color:#ddd;
  border-left-color:#ddd;
  cursor:pointer;
}
