/*Home Page*/

#ballon{
z-index:1120;
position:absolute;
top:310px;
right:0;
}
li.point{
    float:left; 
    list-style:none; 
    cursor: pointer;   
    width: 10px;
    height: 10px;
    background: -15px 0px url('/media/images/points.png');
    margin: 0 0 0 10px;
}

li.selecionado{
    background: 0px 0px url('/media/images/points.png');
}

li.point a{
    display: block;
    width: 10px;
    height: 10px;
}

#my-glider{
        position: relative;
        overflow: visible;
}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 1120px; 
	height: 310px;
	overflow: hidden;
}

div.scroller div.section{
        /* modify width and height of each section as needed (should match the size of the scroller window)	*/		
        width:1120px;
        /*height:388px;*/
		height:310px;
        overflow:hidden;
        float:left;		
}

div.scroller div.content{
        width: 100000px;
}

#glider_controls{
        position: absolute;
        bottom: 10px;
        left: -10px;
        width: 800px;
        z-index: 20;
}

#gc_left{
        float: left;
        background: url('/media/images/sprite_block.png') no-repeat transparent 9px -149px;
        width: 90px;
        height: 36px;
}

#gc_right{
        float: right;
        background: url('/media/images/sprite_block.png') no-repeat transparent -120px -149px;
        width: 90px;
        height: 36px;
}
/*
 #gc_left:hover{
        background: url('/media/images/sprite_block.png') no-repeat transparent -293px -62px;
}

 #gc_right:hover{
        background: url('/media/images/sprite_block.png') no-repeat transparent -384px -62px;
}

#gc_left a,
#gc_right a{
        display: block;
        height: 100%;
        width: 100%;
}

/*detail prod*/


#my-gliderd{
        position: relative;
        overflow: visible;
		left:104px;
}
#my-gliderd div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 320px; 
	height: 460px;
	overflow: hidden;
}

#my-gliderd div.scroller div.section{
        /* modify width and height of each section as needed (should match the size of the scroller window)	*/		
        width:320px;
        /*height:388px;*/
		height:460px;
        overflow:hidden;
        float:left;		
}

#my-gliderd div.scroller div.content{
        width: 100000px;
}

#my-gliderd #glider_controls{
        position: absolute;
        bottom: 10px;
        left: -10px;
        width: 800px;
        z-index: 20;
}

#my-gliderd #gc_left{
        float: left;
        background: url('/media/images/sprite_block.png') no-repeat transparent 9px -149px;
        width: 90px;
        height: 36px;
}

#my-gliderd #gc_right{
        float: right;
        background: url('/media/images/sprite_block.png') no-repeat transparent -120px -149px;
        width: 90px;
        height: 36px;
}

#my-gliderd #ballon{
z-index:49;
position:absolute;
top:402px;
left: -33px;
}
#my-gliderd #ballon li.point{
    float:left; 
    list-style:none; 
    cursor: pointer;   
    width: 10px;
    height: 10px;
    background: -15px 0px url('/media/images/points2.png');
    margin: 0 0 0 10px;
}

#my-gliderd #ballon li.selecionado{
    background: 0px 0px url('/media/images/points2.png');
}

#my-gliderd #ballon li.pointd a{
    display: block;
    width: 10px;
    height: 10px;
}









/*.bg_home #gc_left{
        float: left;
        background: url('/media/images/sprite_block.png') no-repeat transparent -293px -62px;
        width: 90px;
        height: 36px;
}

.bg_home #gc_right{
        float: right;
        background: url('/media/images/sprite_block.png') no-repeat transparent -384px -62px;
        width: 90px;
        height: 36px;
}

.bg_home #gc_left:hover{
        background: url('/media/images/sprite_block.png') no-repeat transparent 9px -149px;
}

.bg_home #gc_right:hover{
        background: url('/media/images/sprite_block.png') no-repeat transparent -120px -149px;
}*/