 #ytvideo, #ytvideo2 {float: left; margin-right:0;}
            .yt_holder {background: #fff; padding: 0; float: left; margin:8px 0 0;}
            #tabMenu ul {float: left; margin: 0; padding:0;}
            #tabMenu ul li {list-style-type: none; background: #fff; float: left; width: 98px; margin: 4px 7px;	text-align:center; list-style-image:none;}
            #tabMenu ul li img {width: 96px; float: left;}
            #tabMenu ul li a {font-family: arial; text-decoration: none; color: #000; line-height:10px; font-weight:900;}
            .currentvideo {background: #e6e6e6;}
            /*-----*/
            /*	root element for the scrollable.
            when scrolling occurs this element stays still.
            */
            .scrollable {
            position:relative;
            overflow:hidden;
            width: 448px;
            height:120px;
            float:left;
            }
            /*
            root element for scrollable items. Must be absolutely positioned
            and it should have a extremely large width to accommodate scrollable items.
            it's enough that you set width and height for the root element and
            not for this element.
            */
            .scrollable .items {
            width:20000em;
            position:absolute;
            }
            /*
            a single item. must be floated in horizontal scrolling.
            typically, this element is the one that *you* will style
            the most.
            */
            .items div {
            float:left;
            }
            /* prev, next, pr*/
            a.browse {
            background:url("../images/homeYTPlayer/arrows.gif") no-repeat;
            display:block;
            width:25px;
            height:35px;
            float:left;
            margin:25px 0;
            cursor:pointer;
            font-size:1px;
            }
            a.goRight 				{ background-position: -25px 0; clear:right; margin-left: 4px;}
            a.goRight:hover 		{ background-position:-25px -35px; }
            a.goRight:active 	{ background-position: -25px 0; }
            a.goLeft				{ margin-left: 5px; }
            a.goLeft:hover  		{ background-position:0 -35px; }
            a.goLeft:active  	{ background-position:-70px 0; }
            /* dis*/
            /*a.disabled {
            visibility:hidden !important;
            }*/
            .scrollable img {
            float:none;
            margin:5px auto;
            background-color:#fff;
            padding:2px;
            /*border:1px solid #ccc;*/
            display:block;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
            }
            .scrollable .active {
            border:2px solid #000;
            position:relative;
            cursor:default;
            }
            /*------------------------------BOX BODY-------*/
            .boxBody {
            width: 210px;
            }
            .boxBottom {
            background:url(images/boxBottom.gif) no-repeat;
            height:11px;
            }
            .boxBody div {
            display:none;
            }
            .boxBody div.show {
            display:block;
            }
            .boxBody #category a {
            display:block
            }
