/*****************************************************************************************************
								www.promaker.com.ar  |  info@promaker.com.ar
*****************************************************************************************************/

/****************************************** RESET */
 
*, .format {margin:0; padding:0; outline:0; border:0; background:none; background-repeat:no-repeat; font-size:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555; background:url(../img/bg_body.jpg) top center no-repeat;}
div, h1, h2, h3, h4, h5, h6 {width:100%;}

.contenedor {width:950px; margin:0 auto;}
.contenedor div, h1, h2, h3, h4, h5, h6, form, input {float:left; display:inline}

#contenido {padding:0 15px; width:920px; margin:10px 0 0 0;}

a {text-decoration:none; cursor:pointer; color:inherit;}
a:hover {color:#000;}

label {vertical-align:top;}
input, select, textarea {font-size:12px; padding:3px; font-family:Arial, Helvetica, sans-serif;
border:#CCC 1px solid; background:#FFF;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:24px;} h2 {font-size:21px;} h3 {font-size:18px;}
h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;}

p {text-align:justify; padding-bottom:15px}

table {border-collapse:collapse}

li {list-style-type:none}

object {width:100%; height:100%;}

.float-right {float:right !important; width:auto;}
.float-left {float:left !important; width:auto;}
.center {text-align:center !important;}
.float-none {float:none; display:inline-block;}
.hidden {display:none !important;}

.title {background:url(../img/bg_title.jpg) repeat-x center; margin:0 0 15px 0;}

.mensaje {padding:100px 0;}
.mensaje p {text-transform:uppercase; font-weight:bold; text-align:center;}

.paginador {color:#636363; font-size:12px; margin:20px 0 0 0; text-align:center;}
.paginador .activo {color:#FF7500; font-weight:bold;}
.paginador a {color:#636363; margin:0 5px;}
.paginador a:hover {color:#FF7500;}
.anterior, .numeros, .siguiente {width:auto; float:none !important;}
.anterior a:hover, .siguiente a:hover {text-decoration:underline;}

#masinfo {margin:13px 0 0 10px; width:auto;}
#masinfo a {color:#2684B6; text-decoration:underline;}
#masinfo a:hover {color:#FC7700; text-decoration:underline;}

/*****************************************************************************************************
											MAQUETADO
*****************************************************************************************************/

/****************************************** HEADER */

#header h1 {width:auto; margin:30px 0 0 15px;}
#header h1 a {background:url(../img/audiocars.png) top left no-repeat; width:358px; height:90px; display:block; text-indent:-9999px; overflow:hidden;}

#contacto {background:url(../img/contactos.png) top left no-repeat; width:150px; height:100px; float:right; margin:6px 10px 0 0; padding:43px 0 0 95px; font-size:12px; font-weight:bold; overflow:hidden;}
#contacto a {color:#555555;}
#contacto a:hover {color:#555555; text-decoration:underline;}
#contacto li {margin:0 0 20px 0; text-shadow:#FFFFFF 1px 1px 1px;}
#contacto .tel {margin-left:10px;}
#contacto span {font-size:14px;}

#top {height:149px; float:left; overflow:hidden;}

#header address {width:800px; float:left; color:#0c3d4f; font-style:normal; font-size:12px; padding:0 0 0 80px; line-height:16px; font-weight:16px; overflow:hidden;}

#nav li {float:left; width:auto; color:#FFFFFF; margin:0 11px 0 0;}
#nav a {text-indent:-9999px; display:block;}
#nav .inicio a {background:url(../img/inicio.png) center center no-repeat; width:35px; height:16px;}
#nav .ofertas a {background:url(../img/ofertas.png) center center no-repeat; width:50px; height:16px;}
#nav .novedades a {background:url(../img/novedades.png) center center no-repeat; width:69px; height:16px;}
#nav .quienes-somos a {background:url(../img/quienessomos.png) bottom center no-repeat; width:96px; height:16px;}
#nav .garantias-acs a {background:url(../img/garantiasacs.png) center center no-repeat; width:92px; height:16px;}
#nav .envios a {background:url(../img/envios.png) center center no-repeat; width:42px; height:16px;}
#nav .como-llegar a {background:url(../img/comollegar.png) bottom center no-repeat; width:83px; height:16px;}
#nav .distribuidores a {background:url(../img/distribuidores.png) bottom center no-repeat; height:16px; width:97px;}
#nav .blog a {background:url(../img/blog.png) bottom center no-repeat; width:29px; height:16px;}
#nav .contacto a {background:url(../img/contacto.png) bottom center no-repeat; width:58px; height:16px;}
#nav .last {margin:0 !important;}

/* Styles for the entire LavaLamp menu */
.lavaLamp {position:relative; height:29px; width:950px; overflow:hidden;}
.lavaLamp li {float:left; list-style:none;}
.lavaLamp li.back {background: url(../img/nav_hover.jpg) no-repeat-x right -30px; width:80px; height:30px; z-index:8; position:absolute; text-indent:-9999px;}
.lavaLamp li.back .left {background: url(../img/nav_hover.jpg) repeat-x top left; height:30px; margin-right:0;}
.lavaLamp li a {position:relative; overflow:hidden; text-decoration:none; font:bold 14px arial;
color: #fff; outline: none; text-align: center; height:30px; top:7px; z-index:10; float:left; display:block; margin:auto 10px;}

#barra {margin:10px 15px 0 15px; width:920px;}
#buscar {width:auto; float:left; margin:0 15px 0 0;}
#buscar .text {width:220px; border:1px solid #D4D4D4; margin-right:10px; color:#9e9e9e;}
#buscar .buscar {background:url(../img/bg_buscar.jpg) top left; display:block; width:62px; height:22px; border:0; cursor:pointer; padding:0 0 2px 0; color:#2F2F2F;}

#ayuda a {width:auto; background:url(../img/ayuda.jpg) right center no-repeat; color:#337fa6; padding:6px 30px 2px 0; float:left; font-size:12px;}
#ayuda a:hover {text-decoration:underline;}

#redes {width:auto; float:left;}
#redes li {float:left; width:auto;}
#redes .facebook a {background:url(../img/facebook.jpg) top left; width:59px; height:28px; display:block; margin:0 5px 0 15px; text-indent:-9999px;}
#redes .twitter a {background:url(../img/twitter.jpg) top left; width:66px; height:28px; display:block; text-indent:-9999px;}

#carrito {float:right; width:auto;}
#carrito a {float:right; width:auto; background:url(../img/carrito.jpg) top left no-repeat; padding:5px 0 0 20px; font-size:11px; color:#337fa6; text-transform:uppercase; font-weight:bold;}
#carrito a:hover {text-decoration:underline;}

/****************************************** IZQUIERDA */

#izquierda {margin:0 17px 0 0; width:200px;}
#producto {width:197px; overflow:hidden}
#menu {width:200px; float:left; position:relative;}
#menu ul {margin:1px 0 0 0; float:left}
#menu  h3 a {background:url(../img/menu_lateral.jpg) top right no-repeat; height:22px; width:175px; display:block; color:#1e94bf; text-transform:uppercase; font-size:14px; font-weight:bold; padding:6px 0 0 25px;}
#menu  h3 a:hover, #menu  h3 a.activo {background:url(../img/menu_lateral.jpg) bottom right no-repeat; height:22px; width:175px; display:block; color:#FFFFFF; padding:6px 0 0 25px;} 
#menu li {background:url(../img/submenu_lateral.jpg) top center no-repeat; width:200px; float:left; padding:3px 0 0 0; width:197px; overflow:hidden}
#menu li a {color:#FFFFFF; float:left; font-size:10px; padding:0 10px 3px 10px; text-transform:uppercase; background:url(../img/submenu_lateral.jpg) left bottom no-repeat; width:177px; line-height:11px}
#menu li a:hover {text-decoration:underline;}
#menu #bt-producto {margin:5px 0 0 0;}
.subcategoria li {background:none !important; text-transform:none !important; width:180px !important}
.subcategoria {background:#f0f0f0 url(../img/bg_sub.gif) repeat-x 0 0; border-bottom:1px solid #fff;/*margin-left:2px !important;*/ width:188px;border-color:#2483B1;border-style:solid;border-width:5px 4px 1px;overflow:hidden; margin-top:-4px !important;position:relative; padding:10px 0;}
.subcategoria a {background:url(../img/arrow_sub.gif) no-repeat 9px -1px !important; line-height:14px !important;color:#2483B1 !important;text-indent:20px; text-transform:none !important;width:auto !important}

/****************************************** DERECHA */

#derecha {}

/****************************************** FOOTER */

#footer {background:url(../img/bg_footer.jpg) repeat-x top #13649B; float:left; padding:10px 0 0 0; color:#FFFFFF; font-family:'Trebuchet MS', Arial; font-size:10px; margin:23px 0 0 0;}
#footer #map {width:524px; padding:12px 0 0 0;}
#footer #map ul {width:125px; float:left;}
#footer #map li {width:125px; float:left; background:url(../img/bull_footer.jpg) center left no-repeat; padding:0 0 0 6px; margin:0 0 3px 0;}
#footer #map li a {color:#FFFFFF;}
#footer #map li a:hover {color:#FFFFFF; text-decoration:underline;}

#footer #links {float:right; width:130px; text-align:right; margin:0 15px 0 0; padding:20px 0 0 0;}
#footer #links a {background-color:#B6C7D9; padding:0 2px; color:#125871; margin:3px 0 0 0; float:right;}
#footer #links a:hover {background-color:#CE5D17; color:#FFFFFF;}
#footer address {float:right; text-align:right; background:url(../img/separador_y.gif) left repeat-y; width:200px; font-style:normal; line-height:12px; padding:12px 0 12px 0;}
#footer address a {color:#FFFFFF;}
#footer address a:hover {color:#FFFFFF; text-decoration:underline;}

#promaker a {background:url(../img/promaker.png) top left no-repeat; display:block; width:155px; height:20px; margin:10px 0 10px 395px; text-indent:-9999px;}

/*											SECCIONES
*****************************************************************************************************/

/****************************************** HOME */

#home {}

#central {width:703px; float:right;}

#ofertas {background:url(../img/bg_ofertas.jpg) top left; width:703px; height:340px; float:left;}
#ofertas h2 {background:url(../img/title_ofertas.jpg) top left; width:289px; height:26px; text-align:center; margin:12px 0 0 206px; text-indent:-9999px;}


.img-oferta {width:250px; float:left; margin:12px 0;}
.desc-oferta {width:220px; margin:22px 0 0 0; color:#4b4b4b; font-size:12px;}
.desc-oferta p {padding:0 0 5px 0; text-align:left;}
.desc-oferta a {color:#4b4b4b; text-decoration:underline; float:right;}
.desc-oferta a:hover {color:#4b4b4b; text-decoration:underline; color:#E76D00;}
.list-oferta li {background:url(../img/bg_li.gif) left top no-repeat !important; padding:0 0 5px 10px !important; float:left; font-size:12px;}
.precio-oferta {width:131px; background:url(../img/bg_oferta.png) top left no-repeat; height:165px; margin-left:-160px; position:absolute; top:60px; color:#FFFFFF; padding:50px 0 0 26px;}
.precio-oferta span {font-size:14px; float:left; clear:both; font-style:normal; font-weight:normal;}
.precio-oferta span strong {font-size:18px; font-weight:bold;}
.precio-oferta .cuotas {font-size:12px; margin:53px 0 0 0;}
.precio-oferta .cuotas span {margin:1px 0 0 0; background:#2F6A96; width:85px; text-align:center; font-size:12px;}
.precio-oferta .cuotas strong {font-size:12px;}

#promos {float:left; width:703px; margin:25px 0 0 0;}
#promos h2 {background:url(../img/title_promos.jpg) top left no-repeat #FFFFFF; width:258px; height:17px; text-indent:-9999px; float:left; line-height:17px;}

#buscados {float:left; width:501px; background:url(../img/bg_gris2.jpg) bottom left no-repeat #F3F3F3; margin:25px 0 0 0;}
#buscados h2 {background:url(../img/title_buscados.jpg) top left no-repeat #FFFFFF; width:172px; height:17px; line-height:17px; text-indent:-9999px;}

.producto {background:url(../img/bg_producto.png) top left no-repeat; width:126px; margin:0 0 0 30px; color:#585858; float:left; position:relative; overflow:hidden; height:253px; padding:0 0 20px 0;}
.producto .img-producto {width:122px; height:122px; overflow:hidden;}
.producto .mascara {position:absolute; top:0; left:0; background:url(../img/mascara.png) top left no-repeat; width:122px; height:122px; text-indent:-9999px; border:0;}
.producto h4 {font-size:11px; font-weight:bold; margin:12px 0 0 8px;}
.producto h4 a {color:#333333;}
.producto h4 a:hover {color:#000000; text-decoration:underline;}
.producto p {float:left; font-size:11px; text-align:left; padding:0 0 0 8px;}
.producto strong {color:#2684b5; margin:4px 0 0 0; float:left;}

#vendidos {float:left; width:501px; background:url(../img/bg_gris2.jpg) bottom left no-repeat #F3F3F3; margin:25px 0 0 0;}
#vendidos h2 {background:url(../img/title_vendidos.jpg) top left no-repeat #FFFFFF; width:164px; height:17px; line-height:17px; text-indent:-9999px;}

#productos {width:501px; float:left;}
#banners {width:181px;}
#banners img {margin:24px 0 0 0;}

#banners-bottom {margin:20px 0 0 0;}
#banners-bottom .float-right {}

#pagos {margin:23px 0 0 0; float:left; background:url(../img/bg_gris.jpg) left center no-repeat; padding:8px 0 0 175px; width:540px;}
#pagos div {width:auto; float:left;}
#pagos #tarjetas {width:320px; float:right;}
#pagos span {float:left; line-height:22px; margin:0 5px 5px; font-size:13px; color:#11546c;}
#pagos li {float:left;}

#blog-home {margin:20px 0 0 0;}
#blog-home #noti-blog {background:url(../img/bg_noti_blog.jpg) bottom center no-repeat; padding:20px 0 0 0;}
#blog-home h2 {background:url(../img/title_noti_blog.jpg) top left #FFFFFF no-repeat; width:200px; height:16px; text-align:center; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

#blog-home .noti {padding:0 0 20px 30px; width:642px;}
#blog-home .noti .img {background:none; width:auto; height:auto; margin:3px 16px 0 0; float:left;}
#blog-home .noti h3 {color:#FFFFFF; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:20px; float:none;}
#blog-home .noti p {color:#d0e0eb; font-size:13px; margin:20px 0 0 0; line-height:15px; float:left; text-align:left; float:none;}
#blog-home .noti .more {width:auto; float:right;}
#blog-home .noti .more a {background:url(../img/more.gif) 0 -15px no-repeat; height:15px; padding:0 0 0 20px; color:#d0e0eb; text-decoration:underline;}
#blog-home .noti .more a:hover {background:url(../img/more.gif) 0 0 no-repeat; color:#FFFFFF;}

#blog-home .hr hr {display:none;}
#blog-home .hr {background:url(../img/separador_noti_blog.jpg) repeat-x center; height:2px; margin:0 0 20px 30px; width:642px;}

/****************************************** OFERTAS */

#ofertas-contenido {}
#ofertas-contenido h2 {background:url(../img/title_ofertascontenido.jpg) top left no-repeat #FFFFFF; width:93px; height:16px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

.oferta {background:url(../img/bg_oferta.jpg) top left no-repeat; width:688px; height:129px; padding:20px 0 0 15px; overflow:hidden; margin:2px 0 0;}
.oferta .img {background:url(../img/bgimg_oferta.png) bottom right no-repeat; width:107px; height:108px;}
.oferta .img img {border:1px solid #E9E9E9; margin:0;}

.oferta .desc {width:380px; margin:0 0 0 10px; height:100px; overflow:hidden;}
.oferta .desc h3 a {color:#585858; font-size:14px; font-weight:bold; text-decoration:none;}
.oferta .desc h3 a:hover {text-decoration:underline;}
.oferta .desc span {line-height:14px;}
.oferta .desc p {margin:15px 0 0 0; line-height:14px; text-align:left;}
.oferta .desc a {text-decoration:underline; color:#585858;}
.oferta .desc a:hover {text-decoration:underline; color:#000000;}

.oferta .precio {width:185px; float:left; color:#FF7500; font-size:26px; font-weight:bold; text-align:center; padding:15px 0 0 5px;}
.oferta .precio .agregar a {background:url(../img/agregar.png) top left no-repeat; display:block; text-indent:-9999px; width:114px; height:57px; font-size:9px;}
.oferta .precio .agregar {margin:10px 0 0 39px; width:114px; height:57px;}


/****************************************** NOVEDADES */

#novedades-contenido {}
#novedades-contenido h2 {background:url(../img/title_novedades.jpg) top left no-repeat #FFFFFF; width:125px; height:16px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

.novedad {background:url(../img/bg_novedad.jpg) top left no-repeat; width:688px; height:129px; padding:20px 0 0 15px; overflow:hidden; margin:2px 0 0;}
.novedad .img {background:url(../img/bgimg_oferta.png) bottom right no-repeat; width:107px; height:108px; margin:0 0 0 0; float:left; overflow:hidden;}
.novedad .img img {border:1px solid #E9E9E9; float:left; margin:0;}

.novedad h3 {width:auto; float:none;}
.novedad h3 a {color: #258CB9; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 15px;}
.novedad h3 a:hover {text-decoration:underline; color: #258CB9;}
.novedad p {font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin:20px 0 0 0; padding:0 30px 0 15px; height:58px; overflow:hidden;}

.novedad .ver-mas {margin:8px 5px 0 0; float:right; width:auto;}
.novedad .ver-mas a {color:#FFFFFF; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding:20px 0 5px 40px;}
.novedad .ver-mas a:hover {color:#FFFFFF; text-decoration:underline;}


.novedad-detalle {background:url(../img/bg_novedaddetalle.jpg) top left no-repeat; width:703px; overflow:hidden;}
.novedad-detalle h3 {color:#1E87C1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; margin:25px 0 0 -12px; padding:13px 0 20px 80px; background:url(../img/icon.jpg) left top no-repeat; width:auto; position:relative; width:633px;}
.novedad-detalle p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#858585; line-height:16px; padding:0 18px; text-align:left; margin-top:23px; float:none;}
.novedad-detalle .img {padding:0 18px; width:auto; text-align:center; height:auto; background:none; margin:0 0 5px 0;}
.novedad-detalle .img img {border:3px solid #DAE4F0;}

.novedad-detalle .sub {color:#126091; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:40px 0 0 0;}
.novedad-detalle .sub .sharethis {width:auto; padding:0 18px;}
.novedad-detalle .sub .volver {width:auto; padding:0 18px;}
.novedad-detalle a:hover {text-decoration:underline; color:#126091;}


/****************************************** QUIENES SOMOS */

#somos-contenido {}
#somos-contenido h2 {background:url(../img/title_quienessomos.jpg) top left no-repeat #FFFFFF; width:171px; height:18px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px; margin-top:1px;}

#somos {background:url(../img/bg_quiemessomos.jpg) top left no-repeat; width:688px; padding:150px 0 130px 15px;}
#somos p {color:#7c7c7c; font-size:13px; width:380px; text-align:left;}
#somos span {font-style:italic; font-weight:bold; font-size:14px;}

/****************************************** ENVIOS */

#envios-contenido {}
#envios-contenido h2 {background:url(../img/title_envios.jpg) top left no-repeat #FFFFFF; width:74px; height:16px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

#envios {background:url(../img/bg_envios.jpg) top left no-repeat;}
#envios h3 {color:#2684b6; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; width:290px; margin:20px 0 0 195px;}
#envios span {width:330px; float:right; margin:290px 45px 0 0; color:#7c7c7c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
#envios strong {font-size:16px; font-weight:bold;}

#envios #direcciones {margin-top:32px; width:620px;}
#envios #direcciones h4 {color:#ff7800; text-transform:uppercase; font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:28px; margin-bottom:18px;}
#envios #direcciones h5 {font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:34px; margin-bottom:20px;}
#envios #direcciones p {color:#7c7c7c; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin-top:20px;}
#envios #direcciones strong {font-size:12px;}
#envios #direcciones span {color:#2887b9; font-size:15px; text-transform:uppercase; width:100%; margin:0; padding:0; text-align:left; float:left; margin-top:10px; font-weight:bold;}
#envios #direcciones a {text-decoration:underline; color:#7c7c7c;}


/****************************************** COMO LLEGAR */

#llegar-contenido {}
#llegar-contenido h2 {background:url(../img/title_comollegar.jpg) top left no-repeat #FFFFFF; width:151px; height:18px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px; margin-top:1px;}

#como-llegar {background:url(../img/bg_comollegar.jpg) top left no-repeat; padding:34px 0 0 0;}
#como-llegar h3 {color:#257dac; text-transform:uppercase; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 20px; width:auto; float:none;}
#como-llegar p {color:#257dac; font-size:15px; margin:0 0 0 20px; padding:0 0 20px 0; float:none;}
#como-llegar a {color:#257dac;}
#como-llegar a:hover {color:#257dac; text-decoration:underline;}

#como-llegar .bus {background:url(../img/bus.jpg) top left no-repeat; padding:0 0 0 5px; margin:5px 0 0 10px;}
#como-llegar .bus p {font-size:12px;}
#como-llegar .bus strong {text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


/****************************************** DISTRIBUIDORES */

#distribuidores-contenido {}
#distribuidores-contenido h2 {background:url(../img/title_distribuidores.jpg) top left no-repeat #FFFFFF; width:172px; height:18px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px; margin-top:1px;}

#distribuidores-log {background:url(../img/bg_novedaddetalle.jpg) top left no-repeat;}
#distribuidores-log form {margin:40px 0 0 112px; background:url(../img/form.gif) top left; width:427px; height:117px; padding:30px 0 0 35px;}
#distribuidores-log form h3 {color:#7c7c7c; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0 0 20px 0;}
#distribuidores-log form label {float:left; color:#7c7c7c; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:10px 10px 0 0;}
#distribuidores-log form input {float:left;}
#distribuidores-log form .text {width:250px; background-color:#EFEFEF; border:0; margin:7px 10px 0 0;}
#distribuidores-log form .ok {background:url(../img/btok.png) top left no-repeat; border:0; cursor:pointer; width:45px; height:42px;}

#distribuidores {background:url(../img/bg_novedaddetalle.jpg) top left no-repeat; padding:28px 0 0 0;}
#distribuidores h3 {font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#2683b4; font-weight:bold; margin-left:22px; width:auto; clear:both;}
#distribuidores p {color:#7c7c7c; font-size:12px; margin-top:18px; float:left; padding-left:22px; clear:both;}
#distribuidores h4 {margin-top:20px; color:#7c7c7c; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-left:22px; width:auto; clear:both; padding-bottom:12px;}

#distribuidores table {width:703px; padding:0 22px; border-collapse:collapse; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; margin:0 0 20px 0;}
#distribuidores table td {padding:3px 0 4px 22px;}
#distribuidores table .gris td {background-color:#f7f7f7 !important;}
#distribuidores table .name {width:485px;}
#distribuidores table a {color:#2888ba;}
#distribuidores table a:hover {color:#2888ba; text-decoration:underline;}
#distribuidores table .ver {background:url(../img/ver.gif) no-repeat top right; padding:0 18px 0 0;}
#distribuidores table .descargar {background:url(../img/descargar.gif) no-repeat top right; padding:0 22px 2px 0;}


/****************************************** BLOG */

#blog-contenido {}
#blog-contenido h2 {background:url(../img/title_blog.jpg) top left no-repeat #FFFFFF; width:53px; height:18px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px; margin-top:1px;}

#blog {background:url(../img/bg_novedaddetalle.jpg) top left no-repeat; padding:28px 0 0 0;}
#blog .hr hr {display:none;}
#blog .hr {background:url(../img/separador_x.gif) repeat-x top; height:1px; width:665px; margin:30px 0 30px 16px; float:left;}

#blog .paginador {margin-top:0;}
#blog .sharethis {float:left;}

.post {margin-left:16px; width:665px;}
.post .fecha {color:#437495; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; float:left; width:665px;}
.post h3 {color:#ff7800; font-size:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; float:left; width:665px; margin-bottom:10px;}
.post .img {text-align:left; margin:0 16px 16px 0 !important; width:auto; float:left; width:auto; height:auto; background:none;}
.post .img img {border:3px solid #DAE4F0;}
.post p {float:none; color:#7c7c7c; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:18px;}
.post p a {color:#ff7800; text-decoration:underline;}
.post p a:hover {color:#ff7800; text-decoration:underline;}
.sharethis {margin-top:10px;}
.sharethis a {color:#437495; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.sharethis a:hover {color:#437495; text-decoration:underline;}


/****************************************** CONTACTO */

.margin-top {margin-top:10px;}

#contacto-contenido {}
#contacto-contenido h2 {background:url(../img/title_contacto.jpg) top left no-repeat #FFFFFF; width:107px; height:16px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

#contact {background:url(../img/bg_novedaddetalle.jpg) top left no-repeat; padding:25px 0 0 0;}
#contact form {width:356px; margin:0 0 0 140px;}
#contact form label {width:60px; text-align:right; float:left; color:#6E6E6E; padding:0 10px 0 0; font-size:12px;}
#contact form .text {width:270px; background:url(../img/bg_input.jpg) top repeat-x #EFEFEF; border:1px solid #DBDBDB; float:left; color:#6E6E6E; font-size:12px; padding:2px;}
#contact form textarea {background:url(../img/bg_input.jpg) top repeat-x #EFEFEF; border:1px solid #DBDBDB; float:left; width:270px; color:#6E6E6E; font-size:12px; padding:2px; height:110px;}
#contact form .enviar {border:0; background:url(../img/bt_enviar.jpg) bottom right no-repeat; width:69px; height:38px; float:right; cursor:pointer;}
#contact form .errMsg {margin:-18px 0 0 355px; position:relative; width:180px; color:#2483B1;}
#contact .msj {padding:50px; width:603px; text-align:center; color:#2483B1; font-size:12px; font-weight:bold; float:left;}

#banner1 object {width:500px; height:150px;}
#banner2 object {width:180px; height:150px;}
#banner3 object {width:180px; height:200px;}
#banner4 object {width:180px; height:200px;}
#banner5 object {width:180px; height:180px;}
#banner6 object {width:340px; height:110px;}
#banner7 object {width:340px; height:110px;}

#banner1 {width:500px; height:150px; overflow:hidden;}
#banner2 {width:180px; height:150px; overflow:hidden;}
#banner3 {width:180px; height:200px; overflow:hidden;}
#banner4 {width:180px; height:200px; overflow:hidden;}
#banner5 {width:180px; height:180px; overflow:hidden;}
#banner6 {width:340px; height:110px; overflow:hidden;}
#banner7 {width:340px; height:110px; overflow:hidden;}


/****************************************** PRODUCTOS */

#productos-contenido {}
#productos-contenido h2 {background-color:#FFFFFF; height:16px; padding:0 10px 0 0; line-height:17px; width:auto; color:#fc7700; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase;}
#productos-contenido span {font-size:15px; font-weight:bold;}

#prod .prod {background:url(../img/bg_prod.jpg) top left no-repeat; width:685px; height:334px; padding:24px 0 0 18px; margin-top:5px;}
#prod-detalle .prod {background:url(../img/bg_novedaddetalle.jpg) top left no-repeat; width:685px; padding:24px 0 0 18px; margin-top:5px;}

.prod .left {width:228px; float:left; padding:4px 0 0;}
.prod .lupa {background:url(../img/lupa.png) top left no-repeat; padding:0 0 0 20px; margin-top:3px; float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#807e7f; width:200px;}
.prod .video {background:url(../img/ver_video.png) top left no-repeat; width:175px; height:28px; display:block; float:left; margin:13px 0 0 0; padding:20px 0 0 55px; color:#7c7c7c; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.prod a:hover {text-decoration:underline; color:#807e7f;}
.img {float:left; width:auto; background:url(../img/bg_img_prod.png) top left no-repeat; height:229px; width:228px;}
.img img {margin:1px;}

.imgth {float:left; width:auto; background:url(../img/bg_imgth.png) top left no-repeat; height:75px; width:74px; margin-top:14px; margin-right:3px;}
.imgth img {margin:1px;}
.none {margin-right:0 !important;}

.prod .right {width:430px; float:right; padding:0 10px 0 0;}
.prod .right h3 {color:#7c7c7c; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left; clear:both;}
#prod .prod .right span, #prod-detalle .prod .right span {color:#7c7c7c; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:3px 0 0 0; float:left;}
.prod .right a {text-decoration:underline; color:#7c7c7c;}
.prod .right a:hover {text-decoration:underline; color:#333333;}

.prod .right .agregar {background:url(../img/agregar.png) top left no-repeat; width:114px; height:57px; display:block; text-indent:-9999px; float:right;}
.prod .right .agregar-detalle {background:url(../img/agregar.png) top left no-repeat; width:114px; height:57px; display:block; text-indent:-9999px; float:right; margin-top:20px; margin-bottom:40px;}
.prod .right .vermas {background:url(../img/ver_mas.png) top left no-repeat; width:59px; height:69px; display:block; float:right; text-indent:-9999px; margin:-10px 8px 0 0;}
.prod .right .links {float:right; width:114px;}

#prod .prod .right .precios, #prod-detalle .prod .right .precios {margin-top:14px; width:285px;}
#prod .prod .right .precios h3, #prod-detalle .prod .right .precios h3 {color:#fc7700; font-size:30px;}
#prod .prod .right .precios span, #prod-detalle .prod .right .precios span {color:#7c7c7c; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin:0 0 -4px 0; width:285px;}
#prod .prod .right .precios h4, #prod-detalle .prod .right .precios h4 {color:#7c7c7c; font-size:20px; font-weight:bold; margin-top:0px;}
#prod .prod .right .precios h4 {width:250px;}

.prod .right p {float:left; width:424px; font-size:12px; color:#7c7c7c; text-align:left; margin-top:8px; padding:0 0 5px 0;}
.prod .right h4 {color:#7c7c7c; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px; width:250px;} 
.prod .right h4 strong {color:#fc7700;}
#prod .prod .right .sharethis, #prod-detalle .prod .right .sharethis {float:left;}
#prod .prod .right .sharethis a, #prod-detalle .prod .right .sharethis a {float:left; text-decoration:none;}
#prod .prod .right .sharethis a:hover, #prod-detalle .prod .right .sharethis a:hover {text-decoration:underline; color:#809BB6;}
#prod .prod .right .sharethis span, #prod-detalle .prod .right .sharethis span {float:left; color:#809BB6; font-weight:bold; margin:0;}
.prod .right ul {float:left; width:424px; font-size:12px; color:#7c7c7c; text-align:left; margin-top:8px; padding:0 0 5px 0;}

.videotube object, .videotube embed {width:430px;height:345px;padding-top:15px}

#prod_relacionados {margin:35px 0 0 0; background:url(../img/bg_prodrelacionados.jpg) bottom center no-repeat; height:303px; overflow:hidden;}
#prod_relacionados h2 {background:url(../img/title_relacionados.jpg) top left no-repeat #FFFFFF; width:288px; height:16px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

#prod_relacionados .prod_rel {width:126px; margin:0 24px;}
#prod_relacionados .prod_rel .desc {font-family:Arial, Helvetica, sans-serif; font-size:11px; width:120px; height:106px; overflow:hidden;}
#prod_relacionados .prod_rel h4 a {font-weight:bold; font-size:11px; color:#585858;}
#prod_relacionados .prod_rel h4 a:hover {color:#585858; text-decoration:underline;}
#prod_relacionados .prod_rel p {font-size:11px; padding:0 0 7px 0; text-align:left;}
#prod_relacionados .prod_rel span {font-size:11px; color:#1e94bf;}
#prod_relacionados .prod_rel .img {background:url(../img/bg_img_relacionados.png) top left no-repeat; width:126px; height:127px; margin-bottom:14px;}


/****************************************** VER PEDIDO */

#pedido-contenido {}
#pedido-contenido h2 {background:url(../img/title_ver_pedido.jpg) top left no-repeat #FFFFFF; width:123px; height:16px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

#pedido .msj {padding:50px 50px 70px 50px; width:603px; text-align:center; font-size:13px; float:left; color:#2483B1; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#pedido {background:url(../img/pedido_bottom.jpg) no-repeat bottom center; width:703px;}
#pedido #bg_pedido {background:url(../img/pedido_top.jpg) no-repeat top left;}
#pedido #pedido_sub {width:683px;padding:23px 0 12px 20px;}
#pedido #pedido_sub li {float:left; font-size:14px; text-transform:uppercase; color:#7c7c7c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:110px; text-align:center;}
#pedido .producto_pedido ul {margin:0 0 0 20px;}
#pedido .producto_pedido li {float:left; font-size:12px; color:#7c7c7c; width:110px; text-align:center;}
#pedido .producto_pedido li .img {background:url(../img/bgimg_oferta.png) bottom right no-repeat; width:107px; height:108px; text-align:left;}
#pedido .producto_pedido li .img img {border:1px solid #E8E8E8; margin:0;}

#pedido .producto_pedido .txt {margin:44px 0 0 0;}
#pedido .producto_pedido .cantidad {width:26px; text-align:right; margin:40px 0 0 40px;}
#pedido .producto_pedido .borrar {margin:35px 0 0 45px; width:28px; display:inline;}
#pedido .producto_pedido .borrar a {background:url(../img/borrar.gif) bottom left no-repeat; width:28px; height:28px; display:block; text-indent:-9999px;}
#pedido .producto_pedido .borrar a:hover {background-position:top left;}

#pedido .hr hr {display:none;}
#pedido .hr {background:url(../img/separador_x.gif) repeat-x center; height:1px; width:703px; float:left; margin:0 0 6px;}

#subtotal {float:left; width:250px; padding:0 0 10px 0; margin:0 0 0 348px;}
#subtotal label {float:left; margin:0 9px 0 0; font-size:12px; font-weight:bold; color:#7c7c7c; padding:3px 0 0 0; width:100px; text-align:right;}
#subtotal .subtotal {width:110px; border:0; float:left; background-color:#EFEFEF; color:#777777; text-align:center;}

#pedido-contenido p {color:#7c7c7c; font-size:12px; float:left; margin:22px 0 0 0; padding:0 20px; text-align:left;}
#pedido-contenido p span {color:#fc7700; font-weight:bold;}

#formulario {width:580px; float:left; margin:0 0 0 130px; overflow:hidden;}
#formulario label {float:left; width:95px; text-align:right; margin:0 10px 0 0; color:#2684b6; font-size:12px; padding:3px 0 0 0;}
#formulario select {width:160px; background-color:#F1F1F1; padding:1px 0; color:#777873;}
#formulario input {width:300px; background-color:#F1F1F1; float:left; border:0; color:#777873;}
#formulario textarea {background-color:#F1F1F1; width:300px; border:0; height:150px; color:#777873;}

#formulario .errMsg {float:right; margin:-18px 0 0 420px; width:160px; color:#2684B6;}

#formulario #codigo_seguridad {margin:25px 0 0 0; width:370px; margin:0 0 0 48px;}
#formulario #codigo_seguridad p {margin:3px 5px 0 0; float:left; width:auto; padding:0;}
#formulario #codigo_seguridad input {width:130px;}
#formulario #codigo_seguridad .check {width:auto; margin:15px 4px 0 0; background-color:#FFFFFF; padding:0;}
#formulario #codigo_seguridad label {width:auto !important; margin:11px 0 0 0; color:#fc7700;}
#formulario #codigo_seguridad .errMsg {margin:-18px 0 0 372px; width:150px !important; color:#2684B6; float:left !important;}

#formulario .seguir_comprando {background:url(../img/seguir_comprando.jpg) top left no-repeat; width:173px; height:41px; display:block; float:left; text-indent:-9999px; margin:35px 0 0 48px;}
#formulario .enviar {background:url(../img/enviar_pedido.jpg) top left no-repeat; display:block; width:132px; height:43px; cursor:pointer; margin:35px 0 0 65px;}


#pedido-realizado h2 {background:url(../img/title_pedido_realizado.jpg) top left no-repeat #FFFFFF; width:199px; height:16px; padding:0 10px 0 0; line-height:17px; text-indent:-9999px;}

#pedido-realizado p {background:url(../img/bg_pedido_realizado.jpg) top center no-repeat; float:left; text-align:center; width:703px; padding:200px 0 0 0; color:#7c7c7c; font-size:12px;}
#pedido-realizado span {float:left; color:#fc7700; font-weight:bold; font-size:16px; width:703px; text-align:center; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
#pedido-realizado .volver {width:703px; text-align:center; float:left; margin:20px 0 0 0;}
#pedido-realizado .volver a {background:url(../img/volver.jpg) top left no-repeat; display:block; text-indent:-9999px; width:94px; height:42px; float:left; margin:0 0 0 308px;}

.resultado {font-size:12px; margin:4px 0 18px 0;}


/*************************************** MAPA DEL SITIO */

#mapa-contenido h2 {background-color:#FFFFFF; height:16px; padding:0 10px 0 0; line-height:16px; width:auto; color:#fc7700; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase;}
#mapa-contenido ul {margin:20px 0 0 0;}
#mapa-contenido li {margin:5px 0 5px 0; padding:0 0 0 130px; width:160px; float:left;}
#mapa-contenido li a {background:url(../img/arrow.gif) center left no-repeat; padding:0 0 0 30px; font-size:12px; color:#0F548B;}
#mapa-contenido li a:hover {color:#2483B1; text-decoration:underline;}

#mapa-contenido .volver {margin:40px 20px 20px 20px; width:663px;}
#mapa-contenido .volver a {background:url(../img/back.jpg) center left no-repeat; padding:5px 0 5px 25px; float:right; margin:10px; color:#FC8C0F; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#mapa-contenido .volver a:hover {text-decoration:underline;}


/*************************************** GARANTIAS ACS */

#garantia-contenido h2 {background-color:#FFFFFF; height:16px; padding:0 10px 0 0; line-height:16px; width:auto; color:#fc7700; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase;}
#garantia-contenido #contact {padding:0 50px; width:603px;}
#garantia-contenido span {font-size:14px; font-style:italic; font-weight:bold; margin-top:40px; float:left; color:#0F5185;}
#garantia-contenido h3 {color:#0F5185; font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:20px 0;}
#garantia-contenido p {font-size:12px; line-height:17px; padding-bottom:20px;}

#garantia-contenido .volver {margin:20px 55px 20px 20px; width:593px;}
#garantia-contenido .volver a {background:url(../img/back.jpg) center left no-repeat; padding:5px 0 5px 25px; float:right; margin:10px; color:#FC8C0F; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#garantia-contenido .volver a:hover {text-decoration:underline;}


/*************************************** AYUDA */

#ayuda-contenido h2 {background-color:#FFFFFF; height:22px; padding:0 10px 0 0; line-height:22px; width:auto; color:#fc7700; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase;}

#ayuda-contenido ol, #ayuda-contenido ul {width:670px; float:left;}
#ayuda-contenido ol {padding-left:25px;}
#ayuda-contenido ol .bull {background:url(../img/bull_blue.png) top left no-repeat; height:10px; width:10px; display:block; float:left; padding:10px 7px 10px 13px; font-weight:bold; text-shadow:1px 1px 1px #DFF7FF; color:#31639F;}
#ayuda-contenido ol h3 {width:auto; flaot:none; margin:7px 0 0 10px; color:#31639F; font-size:18px; padding-bottom:0;}

#ayuda-contenido ol p, #ayuda-contenido ul p {float:left; width:640px; padding-left:3px; font-size:12px; line-height:18px; padding-top:20px;}
#ayuda-contenido ul p {padding-left:29px;}

#ayuda-contenido ul {margin-top:20px;}
#ayuda-contenido ul h3 {width:640px; float:left; color:#FC7700; border-bottom:1px solid #FC7700;margin:0 0 0 29px;}

#ayuda-contenido .volver {width:680px;}
#ayuda-contenido .volver a {background:url(../img/back.jpg) center left no-repeat; padding:5px 0 5px 25px; float:right; margin:10px; color:#FC8C0F; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#ayuda-contenido .volver a:hover {text-decoration:underline;}

#ayuda-contenido .title {background:url(../img/bg_title.jpg) repeat-x center; margin:0 0 15px 0; height:22px;}

/****************************************************/
/****************************************************/

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider {width:560px; height:250px; position:relative; margin:20px auto 15px;}
.anythingSlider .wrapper {width:625px; overflow:auto; height:244px; margin:0 45px; position: absolute; top:0; left:0;}
.anythingSlider .wrapper h3 {width:375px; font-size:18px; color:#d17402; text-transform:uppercase; margin:10px 0 0 0;}
.anythingSlider .wrapper h3 a {color:#d17402;}
.anythingSlider .wrapper h3 a:hover {color:#d17402; text-decoration:underline;}
.anythingSlider .wrapper ul {width:99999px; list-style:none; position:absolute; top:0; left:0; margin:0;}
.anythingSlider ul li {display:block; float:left; padding:0; height:244px; width:625px; margin:0; overflow:hidden;}
.anythingSlider .arrow {display:none; height:200px; width:67px; background:url(../images/arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:65px;}
.anythingSlider .forward {background-position:0 0; right:-20px;}
.anythingSlider .back {background-position:-67px 0; left:-20px;}
.anythingSlider .forward:hover {background-position:0 -200px;}
.anythingSlider .back:hover {background-position:-67px -200px;}

#thumbNav {position: relative; top:255px; text-align:center; left:60px;}
#thumbNav a {color:#FFFFFF; display:inline-block; padding:5px 0 0 0; height:22px; margin:0 1px 0 0; text-align:center; background:url(../img/bg_numer.png) no-repeat top; width:18px; font-size:13px;}
#thumbNav a:hover {background:url(../img/bg_numer.png) no-repeat bottom left;}
#thumbNav a.cur {background:url(../img/bg_numer.png) no-repeat bottom left;}

#start-stop {background:url(../img/play_stop.png) no-repeat bottom; width:18px; position:absolute; right:-90px; top:254px; display:block; height:27px;}
#start-stop.playing {background:url(../img/play_stop.png) no-repeat top;}

#newsletter {position:relative; margin:0 0 0 -5px; display:inline;}
#newsletter h3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FF8118; text-transform:uppercase; font-weight:bold; background:url(../img/newsletter.jpg) top left no-repeat; display:block; width:145px; height:61px; line-height:65px; padding:0 0 0 60px;}
#newsletter .text {border:1px solid #BABABA; color:#4F4F4F; font-size:13px; padding:2px; width:126px; float:left;}
#newsletter label {color:#116297; font-weight:bold; font-size:13px; float:left; width:auto; margin:0 10px; line-height:20px;}

#newsletter .enviar {border:0; background:url(../img/bt_enviar.jpg) bottom right no-repeat; width:69px; height:38px; float:right; cursor:pointer; margin:5px 4px 0 0;}
#newsletter .errMsg {color:#FF8118; margin:5px 0 0 60px; width:110px;}


/*
  Prevents
*/
.anythingSlider .wrapper ul ul {position:static; margin:0; background:none; overflow:visible; width:auto; border:0;}
.anythingSlider .wrapper ul ul li {float:none; height:auto; width:auto; background:none;}


/*****************************************************************************************************
											COLORBOX
*****************************************************************************************************/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay div {width:auto !important} /***** Sin conflictos para div{width:100%}*/
#cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.gif) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.gif) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.gif) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.gif) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.gif) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.gif) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.gif) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.gif) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.gif) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.gif) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.gif) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}