body{
    font-family: Trebuchet MS;
    font-size: 9pt;
    color: #8b8386;
    background: url(../img/bg.jpg) repeat-x;
    background-color: #3e3e3d
}

a{
    text-decoration: none;
    cursor: pointer;
    color:#fff

}


h1{
    font-weight: bold;
    color: #EFDB00;
    font-size: 15pt;       
    background: url(../img/iluminacion2.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 43px;  
    padding-top:10px;
    text-indent: 20px;    
}


h2{
    font-size: 10pt;
    color:#ffffff;
    cursor: pointer;
    line-height: 20px
}


h3{
   clear:left;
    color:#FFFFFF;
    font-size:20pt;
    font-weight:bold;
    height:27px;
    line-height:22pt;
    margin-bottom:15px;
    margin-top:30px;
    padding-top:10px;
    text-indent:5px;
    width: 628px;
    letter-spacing: -2px;
    padding-bottom: 20px
}


h4{
   background:transparent url(../img/abrir.png) no-repeat scroll 195px 0px;
    color:#9A9C99;
    cursor:pointer;
    font-size:15pt;
    font-weight:bold;
    height:15px;    
    text-align:center;
    width:211px;
    line-height: 10pt
}

h4:hover{
    color:#EFDB00;
    background-position: 195px -15px
}


h5{
    background:transparent url(../img/cerrar.png) no-repeat scroll 73px 0;
    color:#9A9C99;
    cursor:pointer;
    font-size:13pt;
    font-weight:bold;
    height:15px;
    line-height:10pt;
    margin-top:10px;
    text-align:center;
    width:88px;
}

h5:hover{
    color:#EFDB00;
    background-position: 73px -15px
}


h6{
   background:#2D2E29;
    clear:left;
    color:#FFFFFF;
    font-size:20pt;
    font-weight:bold;
    height:40px;
    letter-spacing:-2px;
    line-height:26pt;
    margin-bottom:10px;
    text-indent:15px;
    width:720px;
    float: left;
    margin-top: 20px

}



select{
    background-color:#3f4340;
    border:none;
    display:block;
    width:195px;
    height: 20px;
    border: 2px solid #595b57;
    margin:auto;
    margin-bottom:10px;
    color: #c8c9c8;
    z-index: 0
}


/*inicio GLOBAL*/
.contenedora{
    width: 970px;    
    position: relative;
    margin: auto
}

.flecha{
    width: 251px;
    position:absolute;
    top:0px;
    left:-22px
}
/*fin GLOBAL*/


/*inicio HEADER*/
.menu{
    width: 817px;    
    min-height: 40px;
    margin: auto;   
    font-size: 10pt;
    font-weight: bold;
    padding-left: 153px;
    font-size: 9pt;   
}


.menu ul{
    float:right;
    margin-right:4px
}

.menu ul li{
    display: block;
    float: left;
    width: 144px;   
    height: 32px;
    text-align: center;    
    padding-top: 16px;    
}

.menu ul li#boton_home{   
    width:149px ;
    height: 49px;
    padding:0;
    text-align: center;
    margin-right: 20px
}

.menu ul li#boton_home a{
    padding:0
}

.menu ul li#boton_home a:hover{
    background: none
}

.menu ul li a{
    padding: 26px 14px 8px 14px;
    line-height: 23pt;
}

.menu ul li a:hover{
    background-color: #4f504d
}


#logo{
    padding:0;
    width: 195px;
    height: 48px;
}

#logo img{
    border-left: 3px solid #131510;
    border-right: 3px solid #131510
}

.menu ul li#logo a{
    padding:0
}

.menu ul li#logo a:hover{
    background: none
}

/*fin HEADER*/



/*inicio FOOTER*/

#footer{
    background-color: #131510;
    height: 50px;    
}

#footer div{
    width: 970px;
    text-align: center;
    margin: auto;
    padding-top:20px;
    overflow: hidden
}

#footer div p{
    float: left
}

#footer div i{
    font-weight: bold;
    color:#fff
}

#www{
    float: right;
}
/*fin FOOTER*/



/*inicio INICIO*/
.contenido{
    overflow: hidden;
    width: 970px;   
    margin: auto;   
}


#cabecera{
    width: 920px;
    height: 124px;
    border-bottom: 3px solid #131510;
    border-top: 3px solid #131510;
    float:right;    
}



.izquierda{
    width: 230px;
    float:left;
}


.buscar{
    width: 230px;
    height: 145px;
    float:left; 
    background-image: url(../img/buscador_bg.gif);
    background-repeat: repeat-x;
    padding-top:72px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    border-radius:10px
}

.filtrar{
    float: right;
    width: 74px;
    height: 25px;
    background: url(../img/filtrar.png);
    margin: 15px;    
}


.filtrar a{
    color:#6F6600;
    font-size:10pt;
    font-weight:bold;
    line-height:22px;
    margin-left:6px;
    padding:5px;
}

.filtrar a:hover{
    color:#000
}

#ampliar{
    height: 35px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    background: url(../img/buscador_bg.gif);
    padding-top:100px
}


.categorias{
    width: 720px;    
    float: left;   
    margin-left:20px;   
}

.categorias div img{
    margin: 0;
    border: 4px solid #424440;
    display: inline;
    float: left;
    width: 126px;
    height: 114px;
    margin: 5px
}


#cat a img{
    border: 4px solid #424440;
    margin: 0 10px 10px 0;
}

#cat a img:hover{
    border: 4px solid #A2A2A0;
}

#mcat{
    margin-bottom:30px
}

#mcat a img{
    border: 4px solid #424440;
    margin: 0 10px 10px 0;
}

#mcat a img:hover{
    border: 4px solid #A2A2A0;
}

#listado{
    width: 230px;
    float:left;    
    margin-top: 20px;    
    background: #0d0d0d url(../img/listado_bg.gif) repeat-x;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    padding-bottom: 10px;   
    padding-bottom:30000px;
    margin-bottom:-30000px
}

#listado ul li:hover{
    background-color: #4F4F4F
}

.fondo_li{
    background-color: #4F4F4F
}

#listado ul li ul li:hover{
    background-color: #2F2F2F
}


#deporte ul li,#multideporte ul li{
   padding-left:20px;
    margin-bottom: 5px;
    line-height: 12pt;
    font-size: 10pt;
    color:#ffffff;
}

#deporte ul li h2 span,#multideporte ul li h2 span{
  color:#EFDB00;
}


#multideporte{
    margin-bottom:30px
}


#tip, #mtip {
    background:url("../img/white_arrow.png") no-repeat scroll 4px 0 transparent;
    color:#424440;
    display:none;
    font-family:Arial,Helvetica;
    font-size:10pt;
    font-weight:bold;
    height:28px;
    letter-spacing:-1px;    
    padding-top:5px;
    text-align:center;
    width:155px;   
}


#ptip {
    background:transparent url(../img/black_arrow.png) no-repeat;
    color:#ffffff;
    display:none;
    font-size:12px;
    font-weight: bold;
    height:35px;
    text-align: left;
    padding-top:11px;
    padding-left:5px;
    width:100px;
    z-index: 9999999;
}


.categorias div#cat{
    margin:0 0 25px;
    min-height:420px;
}

/*fin INICIO*/

/*inicio DE QUE TRATA*/
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
}


/* the overlayed element */
.simple_overlay {   
    display:none;    
    z-index:10000;    
    background-color:#333;
    width:720px;
    min-height:100px;    
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    margin: auto;
}


.simple_overlay .close {
    background-image:url(../img/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}


.simple_overlay2 {
    display:none;
    z-index:10000;
    background-color:#333;
    width:720px;
    min-height:100px;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    margin: auto;
}


.simple_overlay2 .close {
    background-image:url(../img/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index:11000;
}

.simple_overlay3 {
    display:none;
    z-index:10000;
    background-color:#333;
    width:432px;
    height: 300px;
    min-height:100px;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    margin: auto;
}


.simple_overlay3 .close {
    background-image:url(../img/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#player {
    /* player dimension */
    width:400px;
    height:300px;
    display:block;
    position: relative;
    margin-left: 16px;
}




#dqtrata{
    padding: 25px;       
    font-style: normal;
    min-height: 600px;
    /*width: 470px;*/   
    line-height: 12pt;    
    background: #eaeaea url(../img/bg_dqtrata.jpg) no-repeat 0 118px;
    padding-top:0;
    overflow: hidden
}

#dqtrata div#texto{
    float: right;
    width: 450px
}

#dqtrata div#texto p{
    width: 450px;
    color:#000;
    padding-top:13px
}

#dqtrata div#texto p#scroll{
    width: 450px;   
}


#dqtrata div#img{
    float: left;
    width: 269px
}

#dqtrata div#texto p#dqtrata_titulo{
    color:#2F2F2F;
    font-size:23pt;
    font-weight:bold;
    height:105px;
    line-height:23pt;
    margin-bottom:25px;
}

#dqtrata span{
    color: #4F4F4F;
    font-weight: bold
}

#dqtrata div#texto strong{
    font-weight: bold;
    color:#000;
    font-size: 18pt;
    line-height: 16pt
}

#dqtrata div#texto strong#gracias{
    font-weight: bold;
    color:#777;
    font-size: 10pt;
    line-height: 8pt
}

#dqtrata b{    
    font-weight: bold;
    color:#5d5d5d
}
/*fin DE QUE TRATA*/

/*inicio GALERIA DE VIDEOS*/
/*fin GALERIA DE VIDEOS*/

/*inicio CONSEJOS*/
#muestraConsejo{
    padding: 25px;
    min-height: 600px;
    font-style: normal;
    /*width: 470px;*/
    line-height: 12pt;   
    background: #EAEAEA url(../img/bg_dqtrata.jpg) no-repeat 0 78px;
    padding-top:0;
    overflow: hidden
}

#muestraConsejo div#texto{
    float: right;
    width: 450px
}


#muestraConsejo div#img{
    float: left;
    width: 269px;
    margin-top:-40px
}

#muestraConsejo div#texto p#consejo_titulo{
    color:#2F2F2F;
    font-size:23pt;
    font-weight:bold;
    height:55px;
    line-height:23pt;
    margin-bottom:25px;
    padding-top:22px
}

#muestraConsejo div#texto ul{
    margin: 10px 0
}


#muestraConsejo div#texto ul li{
    background: url(../img/chek.gif) no-repeat;
    padding-left: 25px;
    margin-bottom:10px
}


#muestraConsejo div#texto ul li a{
   color:#3F3F3F;
   font-weight: bold;
   font-size: 12pt
}

#muestraConsejo div#texto p.categoria_consejo{
    background: #2F2F2F;
    height: 30px;
    width: 455px;
    color: #ffffff;
    font-weight: bold;
    font-size: 15pt;
    line-height: 22pt;
    padding-left:10px;
    margin-bottom:15px;
    margin-top:25px;
}

/*fin CONSEJOS*/


/*inicio PRODUCTOS*/
.productos{
    width: 720px;
    float: left;
    margin-left:20px;
    overflow: hidden;
    position: relative
}

.cont_productos{
    width:165px;
    height: 250px;
    float: left;
    background-color: #ffffff;
    margin: 5px 10px 5px 0;
    overflow: hidden;
    padding-bottom: 5px;
    position:relative
}

.solapas{
    width: 920px;
    float: left;
    margin-top:10px
}

.solapas h6{
    color:#ffffff;
    font-size: 12pt;
    margin-top:10px;
    margin-bottom:20px;
    font-weight: bold
}


.solapas ul li{
    display: block;    
    background-image: url(../img/bg_solapas.gif);
    background-repeat: repeat-x;
     background-color: #30322E;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    float: left;
    margin-right:5px;
    text-align: center;
    padding-top:8px;
    font-size: 11pt;
    font-weight: bold;
    color: #ffffff;
  }

.solapas ul li.solapa_des{
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    opacity:0.3;
    padding: 10px 20px;
}

.solapas ul li.solapa_des:hover{
    opacity:0.9;    
}

.solapa_des a:hover{
    color:#ffffff
}

.solapa_des a{    
    color:#828380;
    letter-spacing: -1px
}

.descuento{
    width: 72px;
    height: 70px;
    background: url(../img/descuento.png) no-repeat;
    /*float: left;
    text-align: center;
    padding-top:12px*/
    position: absolute;
    left:0px;
    top:0px
}

.descuento p{
    margin: auto;
    color: #000;
    font-weight: bold;
    font-size:11pt;
    width: 40px;
    height: 30px;
    overflow: hidden;
    font-family: arial;
    text-align: center;
    padding-top:10px
}


.descuento p a {
    color: #000
}

.pahora{
    color: #000;
    font-weight: bold;
    font-size: 17pt;
    text-align: right;
    margin: 5px 5px 5px 0;
    font-family: arial;
    height: 60px;
    letter-spacing: -1px
}

.pahora a{
    color: #000000;    
}

.precio_fichita a{
    float: left;
    margin-left: 5px;
}

.pahora span{
    font-size: 10pt
}

.pahora span.vertical{
    font-size: 10px;
    margin-left: 58px;
    float: left;    
}

.pantes{
    border-bottom:1px solid #CECECE;
    border-top:1px solid #CECECE;
    font-family:arial;
    font-size:6.3pt;
    height:12px;
    width: 100%;
    margin-top:-35px;
    float: right;
    text-align: right;
    padding-top:5px;
    padding-right:5px;
    color:#000
}

.pantes a{
    color: #777
}

.img_producto{
    margin: auto;
    text-align: center;
    margin-left:10px
}

.nombre_producto{
    background-color: #7f7f7f;
    width: 157px;
    height: 32px;
    margin-left:4px;
    text-align: center;
    color:#ffffff;
    font-family: arial;
    font-size: 8pt;
    padding-top:5px;
    font-weight: bold;    
}


.nombre_producto a{
    color: #fff
}



/*inicio MULTIMEDIA*/
.multimedia{
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    width: 250px
}


.multimedia ol{
   margin-right: 20px;
   overflow: hidden;
   padding:0 0px;
   padding-top:30px;
   padding-left:20px
}

.multimedia div#linea{
    border-bottom:1px solid #3C3D39;
    height:1px;
    margin:-1px 20px 15px 0;
    overflow:hidden;
    padding:0 22px;
    width:204px;
}

.multimedia ol li{
    display: block;
    float: left;
    width: 95px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-bottom:none;
    padding-top: 5px;
    margin-right:5px;
}


.multimedia ol li a{
    color: #bdbdbd
}

.multimedia ol li:hover{
    border-color: #3C3D39;
}

.multimedia ol li a:hover{
    color: #3C3D39;
}

.multimedia ol li a{
    padding: 10px
}

.multimedia ol li.multimedia_current{
    border-color: #3C3D39;
    border-bottom: none
}

.multimedia ol li.multimedia_current a{
    color: #3C3D39;
}


.video_prod{
    margin-bottom:20px
}

/*fin MULTIMEDIA*/



/*fin PRODUCTOS*/


/*inicio FICHA*/
.cont_ficha{
    width:720px;    
    float: left;
    background-color: #ffffff;
    margin: 5px 10px 5px 0;
    overflow: hidden;
    padding-bottom: 15px;
}


.izquierda_ficha{
    float: left;
    width: 262px;
    padding:0 0 0 20px;
    border-right:1px solid #cacaca;
    text-align:center;
    position: relative;
    margin-top:5px
}

.izquierda_ficha img#azul{
    position: absolute;
    top:2px;
    right:20px;
    margin-bottom:0
}

.derecha_ficha{   
    width: 410px;
    text-align:left;
    position: relative;
    float: right;
    overflow: hidden
}


.derecha_ficha ul li{
   border-bottom:1px solid #B2B2B2;
    color:#000000;   
    line-height:12pt;
    width:195px;
    padding-bottom: 8px;
    padding-top:8px

}

.izquierda_ficha img{
    margin-bottom:20px
}

.izquierda_ficha img.marca_producto{
    margin:0;
    margin-left:-90px;

}

.izquierda_ficha img.producto_img{
    margin-top:20px
}

.descuento_ficha{
    width: 143px;
    height: 144px;
    background: url(../img/descuento_grande.png) no-repeat;
    float: left;
    text-align: center;
    padding-top:20px;
    position:absolute;
    top:0px;
    right:0px
}

.descuento_ficha p{
    margin: auto;
    color: #000;
    font-weight: bold;
    font-size: 20pt;
    width:95px;
    height: 65px;
    overflow: hidden;
    font-family: arial;    
}

.pahora_ficha{
    color: #000;
    font-weight: bold;
    font-size: 9pt;
    text-align: left;
    margin: 3px 5px 0px 0;
    font-family: arial;
    border-bottom:1px solid #B2B2B2;
    padding-bottom:2px;
    width: 195px
}

.pahora_ficha span{
    font-size: 27pt
}

.pantes_ficha{
   border-bottom:1px solid #BBBBBB;
    color:#AFAFAF;
    font-family:arial;
    font-size:8pt;
    font-weight:bold;
    margin:0 5px 0 0;
    padding-bottom:5px;
    text-align:left;
    border-top:1px solid #B2B2B2;
    padding-top:6px;    
}

.pantes_ficha span{
    font-size: 8pt;
}


.titulo_ficha{
   border-bottom:1px solid #B2B2B2;
    color:#000;
    font-family:arial;
    font-size:16pt;
    font-weight:bold;
    padding-bottom:10px;
    margin:12px 5px 5px 0px;
    text-align:left;
    padding-right:140px

}


.descripcion_ficha{
    width: 240px;    
    overflow: hidden;
    color:#000000;
    font-size:11px;
    line-height:12pt;
    text-align:left;        
}


.botones_ficha {  
    width: 255px
}

.botones_ficha ol li{
    width: 77px;
    height: 29px;
    display: inline;
    color: black;
    float: left;
    border-left: 1px solid #000;
    padding-left:6px

}

.botones_ficha ol li.ver_video a{
    width: 77px;
    height: 29px;
    background: url(../img/video.gif) no-repeat 0 -29px;
    float: left;
    border: none;   
    
}

.botones_ficha ol li.codigo{
   font-size:8pt;
    line-height:11pt;    
    text-align:left;
    border: none
}


.botones_ficha ol li.ver_video a:hover{
    background: url(../img/video.gif) no-repeat 0 0px;

}

.botones_ficha ol li.ver_consejo a{
    width: 77px;
    height: 29px;
    background: url(../img/consejo.gif) no-repeat 0 -29px;
    float: left;
    border: none;    
     
}


.botones_ficha ol li.ver_consejo a:hover{
    background: url(../img/consejo.gif) no-repeat 0 0px;

}


.amarillo{
    width: 150px;
    min-height: 110px;
    height:auto !important;
    height:110px;
    background: url(../img/bg_amarillo.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    float: right;
    overflow: hidden;
    padding:20px;     
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    color:#000000;
    font-size: 9pt;
    line-height: 12pt ;    
}

.amarillo p{
    font-weight: bold
}


.amarillo_chico{
    width: 125px;   
    background: #FEAE01;
    overflow: hidden;
    padding:20px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    color:#000000;
    font-size: 8pt;
    line-height: 9pt ;
    position:absolute;
    left: 0px;
    top:0px;
    font-style: normal;
    padding-top:30px
    
}

.amarillo_chico2{
    width: 166px;
    background: #FEAE01;
    overflow: hidden;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    position:absolute;
    left: 0px;
    top:0px;
    height: 15px;

}

.amarillo_chico a{
    color: #000
}

.amarillo_cont{
    position:absolute;
    height: 100px;
    left: 0px;
    top:54px;
    width: 125px;  
}

.compra_online ol li{
    width: 214px;
    height: auto;
    overflow: hidden
}

.compra_online ol li.tienda a{
    width: 205px;
    height: 40px;
    background: url(../img/retira_tienda.gif) no-repeat 0 -40px;
    float: left;
    border: none;
    margin-top:10px;
    display: block;
}


.compra_online ol li.tienda a:hover{
    background: url(../img/retira_tienda.gif) no-repeat 0 0px;

}

.compra_online ol li.domicilio a{
    width: 205px;
    height: 40px;
    background: url(../img/entrega_domicilio.gif) no-repeat 0 -40px;
    float: left;
    border: none;
    margin-top:10px;    
}


.compra_online ol li.domicilio a:hover{
    background: url(../img/entrega_domicilio.gif) no-repeat 0 0px;
}

.compra_online ol li.compra_producto a{
    width: 205px;
    height: 50px;
    background: url(../img/compra_producto.gif) no-repeat 0 0px;
    float: left;
    border: none;
    margin-top:10px;
    display: block;
}


.compra_online ol li.compra_producto a:hover{
    background: url(../img/compra_producto.gif) no-repeat 0 -50px;

}



.sub_derecha{
    float: right;
    width: 175px;
    margin-right:10px;
    margin-top:20px;
    position: relative
}

.sub_izquierda{
    float: left;
    width: 195px;
    margin-top:20px
}

.sub_izquierda ul li a{
    color: #3F3F3F;
    text-decoration: underline
}

#ok{
    position:absolute;
    top: -23px;
    right:-11px
}

#ok2{
   top:0px;
   position:absolute;
   right:-35px;
}

/*fin FICHA*/



/*TESTEO*/
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    height:270px;
    margin-left:107px;
    margin-top:10px;
    overflow:hidden;
    position:relative;
    width:520px;
}

/*
    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 */
    width:520em;
    position:absolute;
}

/*
    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;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/slide_img.png) no-repeat;
	display:block;
	width:34px;
	height:53px;
	float:left;	
	cursor:pointer;
	font-size:1px;
        position: absolute;
}

a.browse.prevPage {
	left: 35px;
        top: 115px
}

a.browse.nextPage {
	right: 35px;
        top: 115px
}

/* right */
a.right{
    background-position: -5px -53px; clear:right; margin-right: 0px;
}
a.right:hover{
    background-position:-34px -53px;
}
a.right:active{ 
    background-position:-63px -53px;
}


/* left */
a.left{
    margin-left: 0px;
    background-position:8px 0;
}
a.left:hover{
    background-position:-21px 0;
}
a.left:active{
    background-position:-50px 0;
}

/* up and down */
a.up, a.down{
	background:url(../img/slide_img.png) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover{ 
    background-position:-30px 0;
}
a.up:active{
    background-position:-60px 0;
}

/* down */
a.down{
    background-position: 0 -30px;
}
a.down:hover{
    background-position:-30px -30px;
}
a.down:active{
    background-position:-60px -30px;
}


.slide_global{
    position:relative;
    width: 720px;
    float: left;
    background: #000000;
    margin-bottom:30px;
}

/*disabled navigational button */
a.disabled {
	visibility:hidden !important;
}






/*scrollpane*/
#pane1{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane2{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane3{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane4{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane5{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane6{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane7{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane8{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane9{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane10{
	height:100px;
	width:266px;
	overflow: hidden;
	}



        #pane11{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane12{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane13{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane14{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane15{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane16{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane17{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane18{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane19{
	height:100px;
	width:266px;
	overflow: hidden;
	}


        #pane20{
	height:100px;
	width:266px;
	overflow: hidden;
	}


.jScrollPaneContainer {
        position: relative;
        overflow: hidden;
        z-index: 1;
        margin-top:15px;
        float: left;
}

.jScrollPaneTrack {
        position: relative;
        cursor: pointer;
        height: 100%;
       	background: #141510;
        -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	float: right;
        margin-right:10px;     

}

.jScrollPaneDrag {
        position: absolute;
        background: #7f7f7f;
        cursor: pointer;
        overflow: hidden;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;   

}





.jScrollPaneDragTop {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;

}
.jScrollPaneDragBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        overflow: hidden;
}
a.jScrollArrowUp {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
        background-color: #666;
        height: 9px;
}
a.jScrollArrowUp:hover {
        background-color: #f60;
}

a.jScrollArrowDown {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
        /*background-color: #666;*/
        height: 9px;
}
a.jScrollArrowDown:hover {
        /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
        /*background-color: #f00;*/
}
/*scrollpane*/