/*** [PRODUCT-COMMENTS] ***/
#comment
{
    float: left;
    width: 620px;
}
.commenttitle
{
    float: left;
    width: 674px;
    border-bottom: 1px solid #ccc;
}
.commenttitlelef
{
    float: left;
    width: 500px;
}
.commenttitlerig
{
    float: right;
    width: 110px;
    margin-top: 10px;
}
.commentcontent
{
    float: left;
    width: 674px;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #404040;
}
#comment .tit
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #2799ff;
}
#comment .com .tt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0099ff;
    margin-top: 0px;
}
#comment .com .us
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #0099ff;
    margin-top: 0px;
    padding-right: 10px;
}
#comment .pcmt
{
    padding: 10px 10px 10px 0px;
    border-bottom: 1px solid #ccc;
}
#comment .ctn
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #404040;
    line-height: 16px;
    text-align: justify;
}
#comment .ld
{
    background: url(images/ld.gif) no-repeat;
    position: absolute;
    width: 16px;
    height: 11px;
    z-index: 999;
    top: 7px;
    left: 142px;
    display: none;
}
#comment .btn-toolbar
{
    position: relative;
}
#youthink
{
    float: left;
    width: 620px;
    margin: 0 10px 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #404040;
}
#youthink .bor
{
    float: left;
    width: 620px;
    border-bottom: 1px solid #ccc;
}
#youthink .ctn
{
    float: left;
    width: 620px;
    margin: 10px 0 10px 0;
}
#youthink .ctn .le
{
    float: left;
    width: 410px;
    border-right: 1px solid #ccc;
}
#youthink .ctn .le div
{
    margin-bottom: 5px;
}
#youthink .ctn .le div input[type=text]
{
    margin-right: 23px;
}
#youthink .ctn .le b
{
    float: left;
}
#youthink .ctn .ri
{
    float: right;
    width: 200px;
    text-align: left;
}
.youlinkcont
{
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #404040;
}
#youthink .btn-danger
{
    height: 30px;
}
/*** [RATING] ***/
.commentcontent .rating
{
    padding-left: 0;
    text-align: left;
    width: 100px;
    float: left;
    height: 14px;
}

.commentcontent .rating .empty
{
    background: url(images/rating_comment.png) no-repeat;
}

.commentcontent .rating .star
{
    float: left;
    width: 16px;
    height: 16px;
    background: url(images/rating_star.gif) no-repeat 0 0px;
    cursor: pointer;
}

.commentcontent .rating .fill
{
    background: url(images/rating_comment_fill.png) no-repeat;
}

#youthink .cm_star
{
    float: right;
    margin-right: 130px;
    width: 105px;
}
#youthink .sl
{
    float: left;
    margin-right: 23px;
}

/*** [JQUERY RATING] ***/
div.rating-cancel, div.star-rating
{
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}
div.rating-cancel, div.rating-cancel a
{
    background: url(images/delete.gif) no-repeat 0 -16px;
}
div.star-rating, div.star-rating a
{
    background: url(images/star.gif) no-repeat 0 0px;
}
div.rating-cancel a, div.star-rating a
{
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0px;
    border: 0;
}
div.star-rating-on a
{
    background-position: 0 -16px !important;
}
div.star-rating-hover a
{
    background-position: 0 -32px;
}
div.star-rating-readonly a
{
    cursor: default !important;
}
div.star-rating
{
    background: transparent !important;
    overflow: hidden !important;
}
#row3 h2
{
    font-size:14px;
}
#scrollbar2
{
    width: 960px;    
}
#scrollbar2 .viewport
{
    width: 960px;
    height: 220px;
    overflow: hidden;
    position: relative;
}
#scrollbar2 .overview
{
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}
#scrollbar2 .overview img
{
}
#scrollbar2 .scrollbar
{
    background: transparent url(images/details/bg-scrollbar-track-x.png) no-repeat 0 0;
    position: relative;
    margin: 0 0 5px;
    clear: both;
    height: 15px;
}
#scrollbar2 .track
{
    background: transparent url(images/details/bg-scrollbar-trackend-x.png) no-repeat 100% 0;
    width: 100%;
    height: 15px;
    position: relative;
}
#scrollbar2 .thumb
{
    background: transparent url(images/details/bg-scrollbar-thumb-x.png) no-repeat 99.7% 50%;
    height: 25px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -5px;
}
#scrollbar2 .thumb .end
{
    background: transparent url(images/details/bg-scrollbar-thumb-x.png) no-repeat 0 50%;
    overflow: hidden;
    height: 25px;
    width: 5px;
}
#scrollbar2 .disable
{
    display: none;
}

#help
{
    margin: 5px;
}
#help .title 
{
    background-color: #DEDEDE;
    height: 22px;
    line-height: 22px;
    margin-bottom: 5px;
}
#help .description {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 5px;
}
#help .close {
    cursor: pointer;
    width: 20px;
}