div#scrollbar1, div#scrollbar2, div#scrollbar3 {
    display:block; /* initially display:none; to hide from incapable */
    }
	
.wholediv{width:300px; float:left;height:345px;}
.wholediv2{width:617px; float:left; background-color:#ffffff; padding:10px 0px 10px 10px; margin:0px;}
.wholediv1{width:617px; height:450px; float:left; background-color:#ECECEC; padding:10px 0px 10px 10px; margin:0px;}

div#wn1,div#wn2,div#wn3 { 
  position:relative; 
  width:277px; height:345px; 
  overflow:hidden;
  padding-top:2px;
  float:left;


  }
  
div#scrollbar1,div#scrollbar2,div#scrollbar3 { 
  position:relative;
  width:16px; height:345px; 
	padding-top:2px;
	float:right;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1,div#track2,div#track3 { 
  position:absolute; left:0; top:16px;
  width:15px; height:327px;
  background: #160000;
  border:1px solid #848484;
  }
div#dragBar1,div#dragBar2,div#dragBar3 {
  position:absolute; left:1px; top:1px; 
  width:13px; height:20px;
  background-color:#5B5B5B;
  /*border-bottom:1px solid #DADADA;*/
  z-index:1
  }
	
	div#dragBar10{
  position:absolute; left:1px; top:1px; 
  width:13px; height:20px;
	background:url(../images/bg-car-texture.jpg) repeat;
  /*border-bottom:1px solid #DADADA;*/
  z-index:1
  }
	  
div#up1,div#up2,div#up3 { position:absolute; left:0; top:0; z-index:2; border:1px solid #848484; padding:0px 2px 0px 2px; margin:0px;  }  
div#down1,div#down2,div#down3 { position:absolute; left:0; bottom:0; z-index:3;border:1px solid #848484; padding:0px 2px 0px 2px; margin:0px; }  


/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3
    {
    -moz-user-select: none;
    -khtml-user-select: none;
    }


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1 img, div#scrollbar2 img, div#scrollbar3 img {
    display:block; 
    } 


.scrolldiv_content {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE:11px;
	PADDING-BOTTOM: 10px;
	COLOR: #666666;
	PADDING-TOP: 0px;
	FONT-FAMILY: Trebuchet MS;
	POSITION: relative;
	text-align:justify;
}
.scrolldiv_content ul{
padding:0px;
margin:0px;
}
.scrolldiv_content li{
list-style-type:none;
width:555px;
padding:5px 0px 0px 15px;
margin:0px;
font:1.1em Trebuchet MS;
background:url(/images/bullet.gif) 1px 11px no-repeat;
}
.scrolldiv_content td{
	COLOR: #666666;
	font:0.88em Trebuchet MS;
	}
	
.taboptionborder{
border-bottom:1px solid #A5A5A5;  
padding-bottom:8px;
padding-top:15px;
margin-bottom:5px; 
font:bold 1.3em Trebuchet MS;
COLOR: #666666;
}
.taboptionborder1{
border-bottom:1px solid #A5A5A5;  
padding-bottom:8px;
padding-top:15px;
margin-bottom:5px; 
font:bold 1.3em Trebuchet MS; 
margin-right:10px;
COLOR: #666666;
}
.taboptionborder2{
padding-bottom:8px;
padding-top:15px;
margin-bottom:5px; 
font:bold 1.3em Trebuchet MS; 
margin-right:10px;
COLOR: #666666;
}

.tdpad{padding:5px 0px 0px 10px}
.tdborder{border-right: 1px solid #333333;}
.tdbotborder{border-bottom: 1px solid #333333; border-left:0px; border-right:0px}
.tdbotborderDot{border-bottom: 1px dotted #333333;}