/*
** index-slider.css 
** CSS - index slider style
** Author:
** Date: 07.10.08
** Last edited: 07.10.08
*/

#product_wrapper {
    width: 630px;
    margin: 0 auto;
	height:130px;
	/*border:1px solid red;*/
	float:left;
}


#product_slider {
/*
    width: 210px;
    margin: 0 auto;
    position: relative;
*/
	width: 630px;
    margin: 0 auto;
    position: relative;
	/*border:1px solid red;*/
	float:left;
	z-index:0;
}

.product_scroll {
/*
    height: 172px;
    width: 210px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
*/
 	height: 140px;
    width: 630px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.product_scrollContainer div.product_list {

	float:left;

}

.product_scrollContainer div.product_panel {

    /*padding: 10px 10px 0 10px;*/
    height: auto;
    /*width: 180px;*/
/*
	float: left;
	width: 300px;
	color: white;
	font-size: 0.8em;
	padding: 20px;
	*/
}

.index_navigation {
    list-style: none;
    padding: 0;	
	width: 160px;
	clear: both;
	
}


.product_scrollButtons {
    position: absolute;
    top: -20px;
	margin-left: 10px;
    cursor: pointer;
	/*border:1px solid blue;*/
	

}

.product_scrollButtons.left {
	position: absolute;
	left: -10px;
    top: 8px;
	z-index:99;
	
}

.product_scrollButtons.right {
    right: -85px;
  	top: 8px;
	/*border:1px solid green;*/
}

.hide {
    display: none;
}