@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
/*@import url(//fonts.googleapis.com/css?family=Lobster);*/
/*@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);*/
/* content block 5 */
#relatedprod{margin:0; width:685px; /*height:130px;*/ padding:0 10px;}
#relatedprod .customScrollBox{position:relative; width:685px; overflow:hidden;}
#relatedprod .customScrollBox .horWrapper{position:relative; left:0;height: 200px; overflow: hidden;}
#relatedprod .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;margin-top: 18px;}
#relatedprod .customScrollBox .content{clear:both;}
#relatedprod .customScrollBox .content p{padding:5px; margin:0 5px;}
#relatedprod .customScrollBox .content p img{margin-right:5px;}
#relatedprod .dragger_container {
  border-bottom: 1px solid #6A6A6A;
  border-top: 1px solid #000000;
  height: 0;
  margin: 0px 10px 10px 10px;
  position: relative;
  width: 658px;
}
#relatedprod .dragger{position:absolute; width:60px; height:9px; background:#111 url(http://gatesunitta.com/sites/all/themes/gates/css/mcsDragger.png) no-repeat; margin-top:-5px;cursor: pointer;}
#relatedprod .dragger_pressed{position:absolute; width:60px; height:9px; background:#111 url(http://gatesunitta.com/sites/all/themes/gates/css/mcsDraggerHover.png) no-repeat; margin-top:-5px;}
#relatedprod .scrollUpBtn,#relatedprod .scrollDownBtn{position:absolute; top:0; display:inline-block; font-family:Arial,Helvetica,sans-serif; font-size:large; font-weight:normal; color:#C30; margin:8px 5px 0 10px; text-decoration:none;outline: none;}
#relatedprod .scrollDownBtn{right:25px;}
#relatedprod .scrollUpBtn{right:70px;}
#relatedprod .scrollUpBtn:hover,#relatedprod .scrollDownBtn:hover{color:#fff;}