#sliderDiv {
	background:url("images/slider_bg.jpg") repeat-x scroll top left transparent;
	height:190px;
	position:relative;
}	
#sliderDiv h1{
	font-weight:bold;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:16px;
}	
#sliderDiv p{
	font-weight:normal;
	color:#A0A0A4;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
#slider div{
	/*width:200px;
	float:left;*/
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    float:left;
	height:171px;
	overflow:hidden;
	position:relative;
	width:900px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:171px;
	position:absolute;
	width:20000em;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	padding:25px 10px 0;
	text-align:center;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
   /* border:1px inset #fff; 
    background-color:#fff; */
}

.slider_content{
	background:url("images/slider_sep.jpg") no-repeat scroll right top transparent;
	padding:25px 0;
	width:210px;
}
.slider_content a{
	padding:25px 0;
}

#slider .prevPage{	
	background: url(images/slider_left.jpg) no-repeat scroll 0 10px transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:190px;
	width:24px;
}
#slider .nextPage{
	background:url(images/slider_right.jpg) no-repeat 0 10px transparent;
	height:190px;
	width:24px;
	display:block;
	padding-top:8px;
	float:right;
	cursor:pointer;
}
.slider_sep{
	/*background:url("images/slider_sep.jpg") no-repeat scroll 20px top transparent;
	height:190px;
	padding:0 20px !important;
	width:4px;*/
}


/************ 2nd -Bottom slider ************/
div.scrollable_bot{
	float:left;
	height:140px;
	overflow:hidden;
	position:relative;
	width:880px;
}
div.scrollable_bot div.items { 
    height:140px;
	position:absolute;
	width:20000em;
}
div.scrollable_bot div.items div { 
    float:left;
	padding:0 20px;
	text-align:center;
} 
#bot-slider h1{
	font-size:12px;
	color:#000;
	padding:10px 0 0 10px;
}
.bottom-slider .prevPage{	
	background: url(images/bot_slide_left.jpg) no-repeat scroll 0 25px transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:140px;
	width:36px;
}
.bottom-slider .nextPage{
	background:url(images/bot_slide_right.jpg) no-repeat 0 25px transparent;
	height:140px;
	width:36px;
	display:block;
	float:right;
	cursor:pointer;
}

.bottom-slider .slider_content{
	background:none;
	width:182px;
}
.bottom-slider .slider_content a {
	padding:5px 0;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.bottom-slider .slider_content a:hover {
	padding:0;
	color:#000;
}
.disabled{
/*background:none !important;*/
	opacity:0.4;
}