@charset "UTF-8";

*,
html { margin: 0; padding: 0; }

div.clear { clear: both; }

body,
div,
p { font-family: Arial; font-size: 12px; color: #000; }

a,
a:hover,
a:focus,
button { outline: none; }

object { outline: none; }

a img { border: none; }

html a,
* a,
a, a:hover, a:focus,
button,
input[type=submit],
label { cursor: pointer; }

label,
form { display: block; }

i,
em { font-style: italic; }

strong,
b { font-weight: bold; }

input,
textarea { font-family: Arial; font-size: 12px; }

object { display: block; }




.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; outline: none; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; background: #b4b4b4; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

body { background-color:#000; background-position:center top; background-image: url(../_images/bg.jpg); background-repeat: no-repeat; margin: 0 auto; }
#wrapper { width: 960px; margin: 0 auto; }
#header { height: 72px; position: relative; }
#header a.logo { display: block; width: 174px; height: 0; padding: 44px 0 0; overflow: hidden; position: relative; background-image:url(../_images/logo.png); background-repeat: no-repeat; position: absolute; top: 23px; left: 21px; }
#header a.tab-shopsklz { display: block; width: 109px; height: 0; padding: 33px 0 0; overflow: hidden; position: absolute; right: 0; top: 1px; background-image:url(../_images/tab-shopsklz.png); }
#header a.tab-shopsklz:hover { background-position: 0 -33px; }
#header .facebook-like { position: absolute; top: 40px; right: -42px; }
#header .text-blog { position: absolute; display: block; width: 27px; height: 0; padding: 8px 0 0; overflow:hidden; background-image:url(../_images/text-blog.png); top: 17px; right: 199px; }
#header .text-blog:hover { background-position: 0 -8px; }
#header .text-subscribe { position: absolute; display: block; width: 52px; height: 0; padding: 8px 0 0; overflow: hidden; background-image:url(../_images/text-subscribe.png); top: 17px; right: 128px; }
#header .text-subscribe:hover { background-position: 0 -8px; }
#heading-bar { height: 45px; background-color:#FF0; margin: 0 19px 19px 0; position: relative; background-image: url(../_images/heading-bar-repeat.jpg); background-repeat:repeat; }
#heading-bar img.end { position: absolute; right: -19px; top: 0; }
#heading-bar #channel-filter-container { width: 296px; height: 40px; display: block; padding: 5px 0 0; /*background-image:url(../_images/heading-bar-handle-right.gif); background-repeat: no-repeat; background-position: right;*/ }
/*#heading-bar #channel-filter-container a.handle { color: #000; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; padding: 11px 0 0 18px; height: 34px; }*/
#heading-bar #channel-filter-container a.handle { color: #000; font-size: 18px; line-height: 18px; text-transform: uppercase; text-decoration: none; display: block; padding: 8px 0 0 14px; height: 28px; width: 264px; margin: 0 0 0 5px; background-image:url(../_images/bg-channel_handle.gif); }
#heading-bar #channel-filter-container a.handle:hover { color:#FFF; }
#heading-bar #channel-filter-container #channel-filter { background-color:#FFF; padding: 15px 2px; position: absolute; left: 0; margin: 2px 0 0; top: 43px; z-index: 15; width: 292px; }
#heading-bar #channel-filter-container #channel-filter ul li { display: block; height: 24px; padding: 4px 0 0 40px; position: relative; }
#heading-bar #channel-filter-container #channel-filter ul li a { height: 24px; display: block; text-decoration: none; }
#heading-bar #channel-filter-container #channel-filter ul li img { position: absolute; top: 5px; left: 21px; display: none; }
#heading-bar #channel-filter-container #channel-filter ul li.current,
#heading-bar #channel-filter-container #channel-filter ul li.hover { background-image:url(../_images/channel-list-bg.gif); cursor: pointer; }
#heading-bar #channel-filter-container #channel-filter ul li.current img,
#heading-bar #channel-filter-container #channel-filter ul li.hover img { display: block; }
#heading-bar #channel-filter-container #channel-filter ul li span { font-size: 14px; text-transform: uppercase; }
#heading-bar #channel-filter-container #channel-filter ul li span.name { color: #727272; }
#heading-bar #channel-filter-container #channel-filter ul li span.count { color: #b4b4b4; }

#video-list { float: left; width: 289px; height: 410px; padding: 2px 3px; background-image:url(../_images/bg-videolist.gif); background-repeat: no-repeat; }
#video-list #channel-name { height: 31px; color: #ffd52f; font-size: 22px; line-height: 31px; padding: 15px 0 12px 8px; text-transform: uppercase; line-height: 22px; background:#000000; }
#video-list #keyword-filter-container { height: 27px; background-color: #4b4b4b; background-image:url(../_images/bg-filtertopic-yellow.gif); margin: 0 0 3px; text-decoration: none; color: #fff; position: relative; }
#keyword-filter-heading { height: 23px; padding: 4px 0 0 10px; cursor: pointer; color: #000; position: relative; }
#keyword-filter-heading img.shadow { position: absolute; top: 27px; left: 0; z-index: 11; }
#video-list #keyword-filter-container .normal,
#video-list #keyword-filter-container .bold { text-transform: uppercase; font-size: 14px; text-decoration: none; color:#000; }
#video-list #keyword-filter-container .normal:hover,
#video-list #keyword-filter-container .hover { color: #666; }
#video-list #keyword-filter-container #keyword-filter { position: absolute; left: 0; top: 27px; z-index: 10; width: 303px; padding: 12px 1px; background-color: #FFF; }
#video-list #keyword-filter-container #keyword-filter .viewall { display: block; height: 28px; background-image:url(../_images/channel-list-bg.gif); padding: 0 0 0 8px; line-height: 28px; font-size: 14px; color: #727272; }
#video-list #keyword-filter-container #keyword-filter table { margin: 10px 0 0 8px; width: 295px; }
#video-list #keyword-filter-container #keyword-filter table td { padding: 0 0 4px; }
#video-list #keyword-filter-container #keyword-filter table td label { color: #727272; font-size: 11px; display: inline; }

#video-list #keyword-filter-container #keyword-filter #btn-done { display: block; width: 284px; height: 0; padding: 23px 0 0; background-image:url(../_images/btn-done.gif); position: relative; overflow: hidden; margin: 10px auto 0; }
#video-list #keyword-filter-container #keyword-filter #btn-done:hover { background-position: 0 -23px; }

#video-list #video-list-scroller { width: 287px; height: 346px; height: 322px; }
#video-list #video-list-scroller .video-item { height: 86px; border-bottom: 1px solid #3d3d3d; position: relative; overflow: hidden; display: block; } /*  width: 287px; */
#video-list #video-list-scroller .video-item a { display: block; height: 76px; padding: 10px 10px 0; text-decoration: none; position: relative; width: 267px; overflow: hidden; }
#video-list #video-list-scroller .video-item a:hover { background-color: #000; } /* fbd818 */
#video-list #video-list-scroller .video-item a.viewing { background-color: #fbd818; }
#video-list #video-list-scroller .video-item a img { float: left; }
#video-list #video-list-scroller .video-item a .category { width: 120px; float: right; font-size: 11px; color: #5a5a5a; font-weight: bold; }
#video-list #video-list-scroller .video-item a .name { width: 120px; float: left; font-size: 11px; color: #909090; margin: 10px 0 0 10px; position: absolute; top: 10px; left: 134px; display: block; }
#video-list #video-list-scroller .video-item a.viewing .name { color: #000; }

#video-player { float: right; width: 641px; height: 411px; border: 1px solid #FFF; background-color:#000; position: relative; }
#advert-container { height: 411px; width: 641px; position: absolute; top: 0; left: 0; }
#video-info { padding: 5px 5px 7px 6px; background-image: url(../_images/bg-videoinfo_repeat.gif); margin: 15px 0 0; position: relative; } /* height: 189px; */
#video-info ul.tabs { height: 190px; width: 319px; float: left; position: absolute; top: 5px; left: 6px; }
#video-info ul.tabs li { display: block; height: 46px; margin: 0 0 2px; }
#video-info ul.tabs li a { background-repeat:no-repeat; display: block; height: 0; padding: 46px 0 0; position: relative; overflow: hidden; }
#video-info ul.tabs li.information a { background-image: url(../_images/video-info-tab-information.gif); }
#video-info ul.tabs li.share a { background-image: url(../_images/video-info-tab-share.gif); }
#video-info ul.tabs li.comments a { background-image: url(../_images/video-info-tab-comments.gif); }
#video-info ul.tabs li.related_products a { background-image: url(../_images/video-info-tab-related_products.gif); }
#video-info ul.tabs li a.current,
#video-info ul.tabs li a:hover { background-position: 0 -46px; }

#video-info #sections-container { background-color: #FFF; float: right; width: 603px; min-height:190px; height:auto !important; height: 190px; padding: 0 18px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; }
#video-info #sections-container #section-scroller { min-height:190px; height:auto !important; height: 190px; width: 603px; }
#video-info #sections-container .jScrollPaneDrag { background: #636363; }
#video-info #sections-container #section-scroller .section { padding: 15px 0; }
#video-info #sections-container #section-scroller .section-information { font-size: 14px; color: #000; }
#video-info #sections-container #section-scroller .section-information h1 { font-size: 24px; color: #000; }
#video-info #sections-container #section-scroller .section-information div.info { font-size: 14px; color: #4b4b4b; margin: 0 0 12px; }

#share-icons { margin: 0 0 15px; }
#share-icons li { display: block; float: left; height: 60px; margin: 0 10px 0 18px; margin: 0 0 0 17px; }
#share-icons li a { display: block; height: 60px; padding: 0 0 0 68px; font-size: 16px; color: #555555; line-height: 60px; text-decoration: none; background-image:url(../_images/share-icons.gif); background-repeat:no-repeat; }
#share-icons li.forward a { }
#share-icons li.embed a { background-position: 0 -60px; }
#share-icons li.twitter a { background-position: 0 -120px; }
#share-icons li.facebook { margin-right: 0; }
#share-icons li.facebook a { background-position: 0 -180px; }
#share-icons li a:hover { color: #000; }

#share-methods-container { background-color: #d0d0d0; position: relative; }
#share-methods-container div.share { padding: 17px 9px; }
#share-methods-container div#share-forward { background-image: url(../_images/share-arrow.gif); background-position: 35px 0; background-repeat: no-repeat; }

#share-methods-container div#share-embed input.link { width: 456px; height: 28px; border: 1px solid #919191; background-color: #e8e8e8; padding: 3px 8px 0; }
#share-methods-container div#share-embed div#copy-link-container,
#share-methods-container div#share-embed div#copy-embed-container { position: absolute; top: 32px; right: 20px; width: 84px; height: 31px; }
#share-methods-container div#share-embed div#copy-embed-container { top: 98px; }
#share-methods-container div#share-embed div#copy-link-container a,
#share-methods-container div#share-embed div#copy-embed-container a { display: block; width: 84px; height: 31px; background-image:url(../_images/btn-copylink.gif); }
#share-methods-container div#share-embed div#copy-embed-container a { background-image: url(../_images/btn-copycode.gif); }
#share-methods-container div#share-embed div#copy-link-container a.hover,
#share-methods-container div#share-embed div#copy-embed-container a.hover { background-position: 0 -31px; }
#share-methods-container div#share-embed div#copy-link-container a span,
#share-methods-container div#share-embed div#copy-embed-container a span { display: none; }

#share-methods-container div#share-forward .error { font-weight: bold; color: #F00; margin: 13px 0 0; }
#share-methods-container div#share-forward .success { font-weight: bold; color: #0C0; margin: 13px 0 0; }

#share-methods-container div#share-forward table { margin: 13px 0 0; }
#share-methods-container div#share-forward table td { padding: 0 0 9px; }
#share-methods-container div#share-forward table td input { width: 335px; height: 28px; border: 1px solid #919191; background-color: #e8e8e8; padding: 3px 8px 0; }
#share-methods-container div#share-forward table td textarea { width: 335px; height: 89px; border: 1px solid #919191; background-color: #e8e8e8; padding: 3px 8px 0; }
#share-methods-container div#share-forward table td button { width: 121px; height: 31px; background-image:url(../_images/btn-sendtofriend.gif); border: none; }
#share-methods-container div#share-forward table td button:hover { background-position: 0 -31px; }
#share-methods-container div#share-forward table td button span { display: none; }

#share-methods-container div#share-embed { background-image: url(../_images/share-arrow.gif); background-position: 221px 0; background-repeat: no-repeat; }
#share-methods-container div#share-embed textarea.embed { width: 456px; height: 89px; border: 1px solid #919191; background-color: #e8e8e8; padding: 3px 8px 0; }

#share-methods-container div#share-twitter { background-image: url(../_images/share-arrow.gif); background-position: 333px 0; background-repeat: no-repeat; }
#share-methods-container div#share-facebook { background-image: url(../_images/share-arrow.gif); background-position: 477px 0; background-repeat: no-repeat; }

#post-comment-container .error { font-weight: bold; color: #F00; margin: 10px 0 0; }

a.btn-readcomments { display: block; width: 127px; height: 0; position: relative; padding: 31px 0 0; overflow: hidden; background-image:url(../_images/btn-readcomments.gif); background-repeat: no-repeat; float: left; }
a.btn-readcomments:hover,
a#btn-readcomments.current,
a#btn-readcomments2.current { background-position: 0 -31px; }
a.btn-postcomment { display: block; width: 127px; height: 0; position: relative; padding: 31px 0 0; overflow: hidden; background-image:url(../_images/btn-postcomment.gif); background-repeat: no-repeat; margin: 0 7px 0 0; float: left; }
a.btn-postcomment:hover,
a#btn-postcomment.current,
a#btn-postcomment2.current { background-position: 0 -31px; }

#post-comment-container .signin-buttons { margin: 10px 0 0; }

#post-comment-container table { margin: 20px 0 0; } 
#post-comment-container table td { padding: 0 0 10px; color: #555555; font-size: 10px; }
#post-comment-container table td a { font-size: 10px; text-decoration: underline; color: #555555; }
#post-comment-container table td span { color: #959595; font-size: 11px; }
#post-comment-container table td input { width: 203px; height: 22px; border: 1px solid #acacac; display: block; padding: 2px; }
#post-comment-container table td textarea { width: 473px; height: 62px; border: 1px solid #acacac; display: block; padding: 2px; }
#post-comment-container table td button { width: 97px; height: 26px; background-image:url(../_images/btn-commentsubmit.gif); display: block; border: none; margin: 0 0 0 6px; }
#post-comment-container table td button:hover,
#post-comment-container table td button:focus { background-position: 0 -26px; }
#post-comment-container table td button span { display: none; }

#btn-facebook_signin { width: 151px; height: 0; padding: 24px 0 0; float: left; margin: 0 5px 0 0; overflow: hidden; position: relative; background-image:url(../_images/btn-facebook_signin.gif); }
#btn-twitter_signin { width: 151px; height: 0; padding: 24px 0 0; float: left; margin: 0 5px 0 0; overflow: hidden; position: relative; background-image:url(../_images/btn-twitter_signin.gif); }

#comments-container .comment-item { margin: 20px 0 0; }
#comments-container .comment-item .name { color: #818181; font-weight: bold; text-decoration: underline; }
#comments-container .comment-item .date { color: #555555; font-size: 11px; margin: 0 0 3px; }
#comments-container .comment-item .text { color: #000; font-size: 12px; }

#video-info #sections-container #section-scroller .section-related_products .product { width: 154px; height: 190px; float: left; margin: 0 30px 9px 0; text-decoration: none; }
#video-info #sections-container #section-scroller .section-related_products .product a { text-decoration: none; }
#video-info #sections-container #section-scroller .section-related_products .product .name { color: #464646; font-size: 12px; text-decoration: none; text-align: center; }
#video-info #sections-container #section-scroller .section-related_products .product .price { color: #959595; font-size: 12px; text-decoration: none; text-align: center; }

#footer div { color: #818181; }
#footer div a { color: #818181; }
#heading-bar #channel-filter-container a.handle:hover { color:#000; background-image:url(../_images/bg-channel_handle-hover.gif); }

.old { text-decoration: line-through; color: #CCC; }