/* NOTE: width and height for wn divs also specified in head of demo */

div#wn1 { 
    position:relative; /* scroll area div must be positioned */
    width:288px; height:210px; /* width and height required. adjust to suit */
    overflow:hidden;
	margin: 5px 0 0 5px;/* required! */
    }
	div#wn2 { 
    position:relative; /* scroll area div must be positioned */
    width:288px; height:210px; /* width and height required. adjust to suit */
    overflow:hidden;
	margin: 5px 0 0 5px;/* required! */
    }
	
	
	.serv_home {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:265px;
	height:80px;
	background-color:#FFF;
	margin:5px;
	padding:5px 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #848484;
    }
	.serv_home img {
		margin-bottom:auto;		
		float:left;

		
    }
	.serv_home p {
		margin:0 0 0 15px; padding:0;
		width:120px; height:auto;
		float:left;
		cursor: text;
		}	
		
		.serv_home p span {
		color:#f3b53a;
		}

.serv_home a {
	text-align:right;
	color: #999;
	text-decoration: none;
	margin:0 0 0 40px;
	
		}
		
.serv_home a:hover {
	color: #f3b53a;
	
		}		

    
div#scrollbar1 { 
    position:relative;
    width:11px; height:150px;
	cursor: pointer;

    /* include following if you don't want scrollbar hidden when insufficient content for scrolling */
    /* visibility:visible !important; */ 
	
  }
div#scrollbar1 .track { 
    position:absolute; /* track must be positioned */
    left:0;
    top:11px; /* equal to height of .up image */
    width:12px; 
    height:180px; /* height of scrollbar minus 2 X image height */
    background-color:#FFF;
	opacity: 0.8;	


  }
div#scrollbar1 .dragBar {
	position:absolute; /* dragBar must be positioned */
	background-color:#FE7A18; /* can use background-image if you like */
	width:12px;
	height:20px;
	/* height:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */
    top:1px;
	left:0; /* optional, small gap between track and dragBar */	
	
    }
div#scrollbar1 .up {
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/up.png);
	background-repeat: no-repeat;
	width:12px;
	height:12px; /* specify width and height of your image */
    }  
div#scrollbar1 .down {
	position:absolute;
	left:0;
	top:192px;
	background-image:url(../images/dn.png);
	background-repeat: no-repeat;
	width:12px;
	height:12px; /* specify width and height of your image */
    }

/* vertical scrollbar for wn2 */    
div#scrollbar2 { 
    position:relative;
    width:11px; height:150px;
	cursor: pointer;

    /* include following if you don't want scrollbar hidden when insufficient content for scrolling */
    /* visibility:visible !important; */ 
	
  }
div#scrollbar2 .track { 
    position:absolute; /* track must be positioned */
    left:0;
    top:11px; /* equal to height of .up image */
    width:12px; 
    height:180px; /* height of scrollbar minus 2 X image height */
    background-color:#FFF;
	opacity: 0.8;	

  }
div#scrollbar2 .dragBar {
    position:absolute; /* dragBar must be positioned */
	background-color:#FE7A18; /* can use background-image if you like */
    width:12px; 
    height:20px; 
    /* height:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */
    top:1px; left:0; /* optional, small gap between track and dragBar */
	
	
    }
div#scrollbar2 .up {
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/up.png);
	background-repeat: no-repeat;
	width:12px;
	height:12px; /* specify width and height of your image */
    }  
div#scrollbar2 .down {
	position:absolute;
	left:0;
	top:192px;
	background-image:url(../images/dn.png);
	background-repeat: no-repeat;
	width:12px;
	height:12px; /* specify width and height of your image */
    }
  
/* for clutzy draggers */
div#scrollbar1, div#scrollbar2 {
	-moz-user-select: none;
	-khtml-user-select: none;
	float: right;
    }