/*SLIDER*/
#slider {
z-index:5;
position: relative;}

		.container {  overflow:hidden; position:relative;

background:#FFFFFF none repeat scroll 0 0;
clear:left;
height:480px;
position:relative;
width:971px;        
        
        }
		.slides { position:absolute; top:0; left:0; }
		.slides > div { position:absolute; top:0; width:971px; display:none; background: url(i/bg_slider.png) repeat-x; height: 480px; }

.scrollButtons {
z-index:10;
position: absolute;
top: 274px;
cursor: pointer;}

.scrollButtons.left {
top:274px;
left:13px;}

.scrollButtons.right {
top:274px;
right: 23px;}


.navigation {
width:971px;
position: absolute;
bottom:21px;
z-index:20;
text-align:center;
list-style: none;
margin: 0;
padding: 0;
height:11px;
padding-bottom: 9px;}

ul.navigation li {
height:10px;
width:10px;
display: inline;
margin-right: 10px;}

ul.navigation a {
height:10px;
width:10px;
padding:17px 8px 17px 8px;
color: #000;
text-decoration: none;
background: url(i/nav-a-hover.gif) no-repeat center center;}

ul.navigation a:hover {
background: url(i/nav-a-hover.gif) no-repeat center center;}

ul.navigation li.active a {
background: url(i/nav-a-select.gif) no-repeat center center;}

a.g_sprite-nav {
display: inline-block;
width:10px;
height:10px;}

a.g_sprite-nav:hover {background-position:left 30px;}

/*



#slider {
z-index:5;
position: relative;}

.scroll {
width: 971px;
height: 480px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
background: #FFFFFF}

.scroll-size{
width:647px;}

.scrollContainer div.panel {
height: 480px;
float:left !important;
position:relative !important;
display: inline;
background: url(i/bg_slider.png) repeat-x;}

#shade {
background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
height: 50px;}

.navigation {
width:971px;
position: absolute;
bottom:21px;
z-index:20;
text-align:center;
list-style: none;
margin: 0;
padding: 0;
height:11px;
padding-bottom: 9px;}

ul.navigation li {
height:10px;
width:10px;
display: inline;
margin-right: 10px;}

ul.navigation a {
height:10px;
width:10px;
padding:17px 8px 17px 8px;
color: #000;
text-decoration: none;
background: url(i/nav-a-hover.gif) no-repeat center center;}

ul.navigation a:hover {
background: url(i/nav-a-hover.gif) no-repeat center center;}

ul.navigation a.selected {
background: url(i/nav-a-select.gif) no-repeat center center;}

a.g_sprite-nav {
display: inline-block;
width:10px;
height:10px;}

a.g_sprite-nav:hover {background-position:left 30px;}


.scrollButtons {
z-index:10;
position: absolute;
top: 274px;
cursor: pointer;}

.scrollButtons.left {
top:274px;
left:13px;}

.scrollButtons.right {
top:274px;
right: 23px;}

.hide {
display: none;}

*/
/*Slider Product*/
#g_slider-product {
padding-left:5px;
z-index:5;
position: relative;}

.g_scroll-product {
height: 480px;
width: 971px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
background: #FFFFFF}

.g_scrollContainer-product div.panel {
height: 480px;
width: 667px;}