/* content block 1 - vertical */
.vertical_scroll {position:relative; width:171px; height:415px; float: right;}
.vertical_scroll .customScrollBox {position:relative; height:100%; overflow:hidden;}
.vertical_scroll .customScrollBox .container{position:relative; width:227px; top:0; float:left;}
.vertical_scroll .customScrollBox .content{clear:both; padding-bottomom: 10px}

.vertical_scroll .dragger_container{position:relative; width:6px; height:110px; float:left; margin:20px 0 0 17px; background:#979797; cursor:pointer, cursor:s-resize;}
.vertical_scroll .dragger{position:absolute; width:10px; left: -3px; height:60px; background:#fff; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; border: 1px solid #cecece;}
.vertical_scroll .dragger_pressed{position:absolute; width:12px; left: -4px; height:60px; background:#fff; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:s-resize;}

.vertical_scroll .scrollUpBtn,.vertical_scroll .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:8px; text-decoration:none; right: 2px; }
.vertical_scroll .scrollUpBtn{top:3px; background: url(/img/mcs_vert_but.png) center top no-repeat;}
.vertical_scroll .scrollDownBtn{bottom:2px; background: url(/img/mcs_vert_but.png) center bottom no-repeat;}


.vertical_scroll .dragger_container {
  background-color: #979797;
  background-image: -webkit-gradient(linear, left top, right top, from(#979797), to(#bbbbbb)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(left, #979797, #bbbbbb); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(left, #979797, #bbbbbb); /* FF3.6 */
  background-image:     -ms-linear-gradient(left, #979797, #bbbbbb); /* IE10 */
  background-image:      -o-linear-gradient(left, #979797, #bbbbbb); /* Opera 11.10+ */
  background-image:         linear-gradient(left, #979797, #bbbbbb);
}


/* content block 1 - vertical */
#mcs_container {position:relative; width:171px; height:415px; float: right;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:144px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}

#mcs_container .dragger_container{position:relative; width:6px; height:376px; float:left; margin:20px 0 0 17px; background:#979797; cursor:pointer, cursor:s-resize;}
#mcs_container .dragger{position:absolute; width:10px; left: -3px; height:60px; background:#fff; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; border: 1px solid #cecece;}
#mcs_container .dragger_pressed{position:absolute; width:12px; left: -4px; height:60px; background:#fff; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:s-resize;}

#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:8px; text-decoration:none; right: 8px; }
#mcs_container .scrollUpBtn{top:16px; background: url(/img/mcs_vert_but.png) center top no-repeat;}
#mcs_container .scrollDownBtn{bottom:12px; background: url(/img/mcs_vert_but.png) center bottom no-repeat;}


#mcs_container .dragger_container {
  background-color: #979797;
  background-image: -webkit-gradient(linear, left top, right top, from(#979797), to(#bbbbbb)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(left, #979797, #bbbbbb); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(left, #979797, #bbbbbb); /* FF3.6 */
  background-image:     -ms-linear-gradient(left, #979797, #bbbbbb); /* IE10 */
  background-image:      -o-linear-gradient(left, #979797, #bbbbbb); /* Opera 11.10+ */
  background-image:         linear-gradient(left, #979797, #bbbbbb);
}

/* content block 2 - horizontal */
.horizontal_scroll {position:relative; margin:0; height:100px;}
.horizontal_scroll .customScrollBox{position:relative; width:443px; height: 107px;overflow:hidden;}
.horizontal_scroll .customScrollBox .horWrapper{position:relative; left:0;}
.horizontal_scroll .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;}
.horizontal_scroll .customScrollBox .content{clear:both;}

.horizontal_scroll .dragger_container{position:relative; height:6px; width:437px; margin: 8px 3px;}
.horizontal_scroll .dragger{position:absolute; width:60px !important; height:10px; background:#fff; margin-top:-3px; border: 1px solid #cecece;}
.horizontal_scroll .dragger_pressed{position:absolute; width:60px; height: 12px; background:#fff; margin-top:-4px;}


.horizontal_scroll .dragger_container {
  background-color: #979797;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#bbbbbb)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, #979797, #bbbbbb); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(bottom, #979797, #bbbbbb); /* FF3.6 */
  background-image:     -ms-linear-gradient(bottom, #979797, #bbbbbb); /* IE10 */
  background-image:      -o-linear-gradient(bottom, #979797, #bbbbbb); /* Opera 11.10+ */
  background-image:         linear-gradient(bottom, #979797, #bbbbbb);
}



.horizontal_scroll .scrollUpBtn {
  position: absolute; left: -22px;
  background: url('/img/carousel_nav.png') 0 0 no-repeat;
  display: block;
  width: 12px; height: 23px;
}

.horizontal_scroll .scrollDownBtn {
  position: absolute; right: -22px;
  background: url('/img/carousel_nav.png') 100% 0 no-repeat;
  display: block;
  width: 12px; height: 23px;
}

#mcs5_container.horizontal_scroll .scrollUpBtn,
#mcs5_container.horizontal_scroll .scrollDownBtn {
  top: 31px;
}

#mcs4_container.horizontal_scroll {
  height: 60px;
}

#mcs4_container.horizontal_scroll .scrollUpBtn,
#mcs4_container.horizontal_scroll .scrollDownBtn {
  top: 15px;
}

.customScrollBox .container {
  zoom: 1;
}