#comments .title{
  line-height:30px;
  font-size:1.5em;
  float:left;
  color:#888;
}
#comments .title, ol.commentlist * { margin: 0; padding: 0; }
.clearer { clear: both; line-height:0px !important; font-size:0px !important; height:0px !important; }
.floatleft { float:left }
.floatright { float:right }

#comments a:link { color:#4C8EB9; }
#comments a:visited { color:#4C8EB9; }
#comments a:hover { color:#70A4C7; } 

#comments a.comment-reply-link{ color:#fff; text-decoration:none;}

ol.commentlist { list-style: none; }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }

/*comments panel*/
#comments {margin:25px 0px 20px 20px;}
#comments .comments-header {background:url(/static/img/reviews/comment-header-bg.png) no-repeat 0px 0px;padding:0px 0px 0px 43px;}
#comments .comments-header h2 {padding-top:3px;text-transform:uppercase;font-size:23px;color:#333;float:left;}
#comments .leave-comment {margin:8px 0px 0px 20px;font-size:.9em;float:left;}

/*comments list*/
ol.commentlist {margin-top:15px;}
ol.commentlist .author-image {float:left;margin-top:14px;}
ol.commentlist .comment-wrapper {float:left;width:570px;margin-left:8px;}
ol.commentlist .comment-arrow {position:relative;z-index:2;float:left;width:14px;height:41px;margin-top:17px;background:url(/static/img/reviews/comment-arrow.png) no-repeat 0px 0px;}
ol.commentlist .comment-inner {position:relative;z-index:1;float:left;width:518px;padding:17px 10px 8px 16px;border:1px solid #BECEDA;background:#EDF4F8;margin-left:-1px;margin-bottom:25px;-moz-border-radius: 5px;border-radius: 5px;}
ol.commentlist .comment-author {font-weight:bold;font-size:.9em;color:#333;margin-bottom:15px;float:left;}
ol.commentlist .comment-meta {font-size:10px;padding:2px 0px 2px 15px;float:left;color:#888;}
ol.commentlist .comment-meta a {color:#888;}
ol.commentlist .comment-meta a:hover {color:#AAA;}
ol.commentlist .comment-moderation {color:#C00;padding-bottom:10px;}
ol.commentlist .comment-text {font-size:13px;line-height:1.5em;color:#444;}
ol.commentlist .reply a {margin-top:5px;float:right;display:block;padding:3px 6px;color:#FFF;text-transform:uppercase;background:url(/static/img/reviews/reply-button-bg.png) no-repeat 0px 0px;font-size:.85em;}
/*comment rating style */
ol.commentlist .rating-wrapper {float:right;}
ol.commentlist .number, ol.commentlist .letter {font-size:1em;padding:3px 8px 1px 8px;}
#comments .comment_rating_label {float:left;padding-right:15px;}
#comments .comment_rating {float:left;padding-bottom:8px;}
#comments .selectBox-dropdown {min-width:80px;}
/*nested levels*/
ol.commentlist ul.children {margin-left:71px;list-style-type:none;}
ol.commentlist ul.children .comment-wrapper {width:500px;}
ol.commentlist ul.children .comment-inner {width:446px;}
ol.commentlist ul.children ul.children .comment-wrapper {width:430px;}
ol.commentlist ul.children ul.children .comment-inner {width:375px;}
ol.commentlist ul.children ul.children ul.children .comment-wrapper {width:355px;}
ol.commentlist ul.children ul.children ul.children .comment-inner {width:304px;}
ol.commentlist ul.children ul.children ul.children ul.children {margin-left:0px;}
  
/*respond section*/
#comments #respond {padding:0px 0px 50px 0px;color:#888;font-size:.95em;}
#comments #respond h2 {font-size:1.5em;color:#555;font-weight:bold;}
#comments #respond .title {padding:3px 0px 15px 35px;background:url(/static/img/reviews/response-bg.png) no-repeat 0px 0px;}
#comments .comment-form-author, #comments .comment-form-phone, #comments .comment-form-email, #comments .comment-form-url, #comments .comment-form-comment {float:left;margin-right:10px;margin-bottom:15px;}
#comments .comment-form-url, #comments .comment-form-phone{margin-right:0px;}
#comments .label {margin:7px 0px 15px 0px;font-size:1em;color:#555;}
#comments .label .required {font-style:italic;color:#999;}
#comments .input-wrapper {background:url(/static/img/reviews/comment-input-bg.png) repeat 0px 0px;border:1px solid #BECEDA;-moz-border-radius: 5px;border-radius: 5px;}
#comments .input-wrapper .shadow {background:url(/static/img/reviews/comment-shadow.png) repeat-x 0px 0px;}
#comments .input-wrapper .icon {padding:0px 0px 0px 0px;}
#comments .comment-form-author .icon {background:url(/static/img/reviews/comment-name-bg.png) no-repeat 8px 11px;}
#comments .comment-form-email .icon {background:url(/static/img/reviews/comment-email-bg.png) no-repeat 8px 11px;}
#comments .comment-form-url .icon {background:url(/static/img/reviews/comment-url-bg.png) no-repeat 8px 11px;}
#comments .comment-form-phone .icon {background:url(/static/img/reviews/comment-phone-bg.png) no-repeat 8px 11px;}
#comments input, #comments textarea {margin:0; padding:12px 0px 12px 35px;border:none;background:none;font-size:1.0em;}
#commentform label{display:inline-block;}
#comments #commentform input[type="text"] {width:162px;}
#comments #commentform textarea {width:602px;height:150px;padding-left:12px;font-size:1.2em;font-family:Arial, Helvetica, sans-serif;}
#comments .comment-form-comment {}
#comments #respond #submit {
  padding:13px 0px 13px 0px;
  color:#FFF;
  text-transform:uppercase;
  font-size:1.1em;
  background:url(/static/img/reviews/comment-button.png) no-repeat 0px 0px;
  width:122px;
  cursor:pointer;
  height:auto;
}

/*nested levels*/
#comments ol.commentlist #respond, #comments ul.children #respond {margin-left:75px;}
#comments ol.commentlist #respond input {width:500px;}
#comments ol.commentlist #respond textarea {width:522px;}
#comments ul.children #respond input {width:430px;}
#comments ul.children #respond textarea {width:452px;}
#comments ul.children ul.children #respond input {width:365px;}
#comments ul.children ul.children #respond textarea {width:387px;}
#comments ul.children ul.children ul.children #respond input {width:290px;}
#comments ul.children ul.children ul.children #respond textarea {width:312px;}

/*tablets*/
@media screen and (max-width: 1028px) {
ol.commentlist .comment-wrapper {width:420px;}
ol.commentlist .comment-inner {width:355px;padding:10px 5px 8px 8px;}
ol.commentlist ul.children {margin-left:30px;}
ol.commentlist ul.children .comment-wrapper {width:390px;}
ol.commentlist ul.children .comment-inner {width:325px;}
ol.commentlist ul.children ul.children .comment-wrapper {width:360px;}
ol.commentlist ul.children ul.children .comment-inner {width:295px;}
ol.commentlist ul.children ul.children ul.children .comment-wrapper {width:330px;}
ol.commentlist ul.children ul.children ul.children .comment-inner {width:265px;}
#comments .label {margin-bottom:8px;}
}


/*smart phones*/
@media screen and (max-width: 767px) {
#comments, ol.commentlist {padding-left:0; margin-left:0;}
#comments #commentform input[type="text"] {width:132px;}
#comments {width:300px;}
.main-content.full-width #comments {width:300px;}
#comments .leave-comment {font-size:.8em;}
ol.commentlist .author-image {display:none;}
ol.commentlist .comment-wrapper {width:300px;margin-left:0px;}
ol.commentlist .comment-inner {width:278px;padding:12px 10px 8px 10px;margin-bottom:15px;}
ol.commentlist .comment-arrow {display:none;}
ol.commentlist .comment-author {float:none;margin-bottom:7px;}
ol.commentlist .comment-meta {float:none;padding-left:0px;}
ol.commentlist ul.children {margin-left:15px;}
ol.commentlist ul.children .comment-wrapper {width:285px;}
ol.commentlist ul.children .comment-inner {width:263px;}
ol.commentlist ul.children ul.children .comment-wrapper {width:260px;}
ol.commentlist ul.children ul.children .comment-inner {width:248px;}
ol.commentlist ul.children ul.children ul.children .comment-wrapper {width:245px;}
ol.commentlist ul.children ul.children ul.children .comment-inner {width:233px;}
#comments #commentform textarea {width:285px;}
#comments ol.commentlist #respond, #comments ul.children #respond {margin-left:0px;}
#comments ol.commentlist #respond textarea {width:285px;}
#comments ul.children #respond textarea {width:270px;}
#comments ul.children ul.children #respond textarea {width:255px;}
#comments ul.children ul.children ul.children #respond textarea {width:240px;}
#comments .label {margin-bottom:7px;}
#comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-url, #comments .comment-form-comment {margin-bottom:8px;float:none;}
#comments .comment-form-url {margin-right:10px;}
#comments input {width:260px;}
#comments ol.commentlist #respond input {width:260px;}
#comments ul.children #respond input {width:245px;}
#comments ul.children ul.children #respond input {width:230px;}
#comments ul.children ul.children ul.children #respond input {width:215px;}
}