/*Home Page*/

#ballon{
    z-index:1000;
    position:absolute;
    top:227px;
    left: 21px;
}
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;
    z-index: 1;
}
div.scroller { 
    /* modify width and height of scrolling section if necessary	*/		
    width: 1040px; 
    height: 360px;
    overflow: hidden;
}

div.scroller div.section{
    /* modify width and height of each section as needed (should match the size of the scroller window)	*/		
    width:1040px;
    /*height:388px;*/
    height:340px;
    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;
}*/