.scrool_bg
{
	width: 100%;
	background:url(../images/scroolbg.jpg) repeat-x;
	height:177px;
	position:relative;
	padding: 0px;
	margin: 0px;
}

.scrool_leftarrow
{
	width:27px;
	float:left;
}

.scrool_leftarrow {
	padding: 0px;
	margin: 0px;
}

.scrool_midpart
{
	width:584px;
	float:left;
	height:177px;
}
.scrool_rightarrow
{
	width:27px;
	float:right;
}
/*-------------------------scrool css -------------*/
div#wn	{ 
    position:relative; 
    width:100%; height:167px; 
    overflow:hidden;
	margin:5px 0px 0px 1px;
}
	
.scroll_pbg{
	background:url(../images/scroll_pbg.jpg) no-repeat;
	width:158px;
	height:158px;
	margin:0px 0px 0px 5px;
	position:relative;
}
.scroll_product
{
	width:116px;
	height:96px;
	padding:0px 0px 0px 15px;
	text-align:center;
}
.product_text
{
	width:90%;
	margin:0px auto;
	font-size:11px;
	font-weight:normal;
	color:#3e3d3d;
	line-height:15px;
	padding-top:3px;
	text-align:center;
}
.plus
{
	width:100%;
	text-align:right;
}
/*-------------------tool tip------------------*/
div.htmltooltip{
position: absolute;
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
font-size:12px;
line-height:16px;
padding: 1px;
width: 130px;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 5px solid black;
padding: 2px;
background-color: #272727;
visibility: hidden;
color:#FFF;
z-index: 100;
font-size:12px;
line-height:18px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}