/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 #mycarousel1 {
 	height:109px;
}

 #mycarousel1 li .a_selected img {
	border:2px solid red;
}
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	overflow: hidden;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 106px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-next-horizontal {position: absolute;top: 0;right:0;  margin-right: -14px; width: 22px;height: 105px; z-index: 1000; cursor: pointer;background: url('/_images/mid_m_mid_r.jpg') right center no-repeat;}
*html .jcarousel-next-horizontal { margin-right: 0px;  right: 1px;}
/*.jcarousel-next-horizontal:hover,.hover {background-position: -22px 77px;} 


.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {cursor: default;background-position: 0 77px;} */

.jcarousel-prev-horizontal {position: absolute;top: 0;left: 0; margin-left: -12px;width: 22px;height: 105px;cursor: pointer;
background: url('/_images/mid_m_mid_l.jpg') left center no-repeat;}
*html .jcarousel-prev-horizontal {left:0;margin-left: -22px;}
/*.jcarousel-prev-horizontal:hover,.hover1 {background-position: -22px 77px;} 

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: 0 77px;} */
 .jcarousel-container-horizontal {
    width:  auto; padding-left: 20px;padding-right: 10px;
}

 .jcarousel-clip-horizontal {
    width: 100%;
}
*html  .jcarousel-clip-horizontal { margin:0 -2px;}



/******** Нижний Большой скроллер **********/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 #mycarousel2 {
 	 height:141px;
 }
 
#mycarousel2 li .a_selected img {
	border:2px solid black;
}
 
.t_top_scrol td .jcarousel-container {
    position: relative;
    left:10px;
}

.t_top_scrol td .jcarousel-list li,
.t_top_scrol td .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 136px;
    height: 137px;
    text-align:center;
}

.t_top_scrol td .jcarousel-next-horizontal {position: absolute;top: 0;right:0;  margin-right: -14px; width: 22px;height: 105px; z-index: 1000; cursor: pointer; background: url('/_images/top_scrol_r.jpg') 8px 44px no-repeat;}

.t_top_scrol td .jcarousel-prev-horizontal {position: absolute;top: 0;left: 0; margin-left: -12px;width: 22px;height: 105px;cursor: pointer;
background: url('/_images/top_scrol_l.jpg') 10px 44px no-repeat;
_background: url('/_images/top_scrol_l.jpg') 0 44px no-repeat;
}

/******** Хит продаж скроллер **********/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 #mycarousel3 {
 	 height:137px;
 }
 
.t_mid_scrol td .jcarousel-container {
    position: relative;
    left:150px;
}

.t_mid_scrol td .jcarousel-list li,
.t_mid_scrol td .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 136px;
    height: 137px;
    text-align:center;
}

.t_mid_scrol td .jcarousel-next-horizontal {position: absolute;top: 0;right:0;  margin-right: -14px; width: 22px;height: 105px; z-index: 1000; cursor: pointer; background: url('/_images/mid_scrol_r.jpg') 8px 44px no-repeat;}

.t_mid_scrol td .jcarousel-prev-horizontal {position: absolute;top: 0;left:0; _left:-10px; margin-left: -12px;width: 22px; height: 105px;cursor: pointer;
background: url('/_images/mid_scrol_l.jpg') 0 44px no-repeat;
_background: url('/_images/mid_scrol_l.jpg') 0 44px no-repeat;
}

.jcarousel-skin-tango .jcarousel-container-vertical {width: 136px; height: 570px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  136px;height: 570px; border: 0!important;}
.jcarousel-skin-tango .jcarousel-item {width: 136px;height: 137px;}
.jcarousel-skin-tango .jcarousel-item-vertical {background: transparent; padding: 0;border:0;}
.jcarousel-skin-tango .jcarousel-next-vertical { display: none;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {display: none;}
.jcarousel-skin-tango .jcarousel-prev-vertical {display: none;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {display: none;}
.jcarousel-skin-tango .jcarousel-next-horizontal { display: none;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {display: none;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {display: none;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {display: none;}