div#carritoDeLaCompra
{
  padding:5px 0px;
  margin:0px;
}

/*
Estilos para un solo carrito que ocupa el ancho de la zona de la ficha.
*/

div.carrito
{
  border:1px solid #c0c0c0;
  background:#F1F0EE;
  width:448px; /* Normal 100% */
  height:200px;
  background:#F1F0EE url(/images/www/bgcarrito.gif) no-repeat center center !important;
}

div.carrito div.scrollContent,
div.productos div.scrollContent
{
  left:0px;
  width:433px; /* Normal 100% */
  min-height:200px;
  *height:200px;
  background-color:transparent;
}

div.carrito div.scrollTrack,
div.productos div.scrollTrack
{
  top:14px;
  right:1px;
  background-color:transparent;
  border:1px solid rgb(192,192,192);
  height:170px; /* Para un total de 200px */
}

div.carrito div.scrollHandle,
div.productos div.scrollHandle
{
  height:20px;
  background-color:rgb(192,192,192);
}

div.carrito div.scrollUp,
div.productos div.scrollUp
{
  position:absolute;
  top:1px;
  right:1px;
  width:10px;
  height:10px;
  overflow:hidden;
  border:1px solid rgb(192,192,192);
  background:transparent url('/images/www/scrollup.gif') no-repeat 0 0;
  cursor:pointer;
  z-index:5000;
}

div.carrito div.scrollDown,
div.productos div.scrollDown
{
  position:absolute;
  bottom:1px;
  right:1px;;
  width:10px;
  height:10px;
  overflow:hidden;
  border:1px solid rgb(192,192,192);
  background:transparent url('/images/www/scrolldown.gif') no-repeat 0 0;
  cursor:pointer;
  z-index:5000;
}

/*
Estilos de la tabla que contiene el carrito
*/

div.scrollContent table
{
  width:423px; /* Para el 100% */
  border-collapse:collapse;
  margin:5px 5px;
  border:0;
}

div.scrollContent table th,
div.scrollContent table td
{
  padding:3px 5px;
  border-top:1px solid #F7F6F3;
  border-left:1px solid #F7F6F3;
}

div.scrollContent table td
{
  border-bottom:1px solid #E3DFD7;
  border-right:1px solid #E3DFD7;
  text-align:right;
  vertical-align:top;
}

div.scrollContent table th
{
  border-bottom:1px solid #D7D0C2;
  border-right:1px solid #D7D0C2;
  background:#E3DFD7;
  color:#444444;
  text-align:center;
}

div.scrollContent table .titulo
{
  text-align:left;
}
div.scrollContent table td.titulo
{
  padding-left:25px;
  background:url(/images/www/itemcarritotrans.gif) no-repeat 5px 5px;
  vertical-align:middle;
}

div.scrollContent table td a
{
  display:block;
  width:8px;
  height:7px;
  margin:3px auto;
}

/*
Estilos para el carrito Drag & Drop
*/

div.absolutize
{
  position:relative;
  padding:10px 0px;
  height:200px;
}

div.productos
{
  position:absolute;
  width:590px;
  height:200px;
  z-index:1;
}

div#carritoProductosContent
{
  z-index:1;
  width:275px;
}

div#carritoProductosTrack,
div#carritoProductosUp,
div#carritoProductosDown
{
  left:277px;
}

div.productos div.carrito
{
  position:absolute;
  width:290px;
  top:0px;
  right:0px;
  height:198px;
  background:red;
  z-index:1;
}

div.productos div.carrito div.scrollContent
{
  width:275px;
}

div#carritoProductosContent
{
  z-index:2000;
}

/*
Estilo de productos / componentes en el carrito.
*/

div#carritoProductosContent ul.producto
{
  position:relative;
  margin:0px 3px 3px 0px;
  padding:4px 0px;
  list-style-type:none;
  background-color:rgb(192,192,192);
}

div#carritoProductosContent ul.producto li
{
  background:rgb(255,255,255) url('/images/www/itemcarrito.gif') no-repeat;
  background-position:5px 3px;
  *background-position:5px 4px;
  margin:1px 5px;
  padding:1px 5px 1px 25px;
  font-size:9px;
  cursor:pointer;
}

div#carritoProductosContent ul.producto li.titulo_producto
{
  font-size:11px;
  font-weight:bold;
  color:#333;
  padding-left:15px;
  background: transparent url('/images/www/entrega.gif') no-repeat center left;
}
div#carritoProductosContent ul.producto li.titulo_producto a
{
  color:#666;
  float:right;
  *float:none;
  *position:absolute;
  *right:10px;
  font-size: 10px;
  font-weight:normal;
}
div#carritoProductosContent ul.producto li.titulo_producto a:hover,
div#carritoProductosContent ul.producto li.componente a:hover
{
  color:#900;
}
div#carritoProductosContent ul.producto li.componente a
{ 
  float:right;
}

/*
Estilos de tabla para el pedido cuando se está utilizando un carrito Drag & Drop
*/

div.productos div.scrollContent table
{
  width:267px; /* Para el 100% */
  margin:5px 5px;
}

/*
Estilos variados
*/

div.bolsa_over
{
  border-color:#c00;
}

div.pedidoTotal
{
  text-align:right;
  width:587px;
  clear:both;
  position:absolute;
  margin-left: -139px;
  margin-top: 5px;
}

div.indicador_ajax_carrito
{
  position:absolute;
  bottom:5px;
  left:5px;
  background:white url(/images/www/indicador.gif) no-repeat 5px center;
  border:1px solid #ccc;
  padding:5px 10px 6px 30px;
  z-index:10000;
  cursor:default;
}

div.instrucciones
{
  background:white;
  padding:0px;
  margin:0px;
}

div.instrucciones ol
{
  margin:0px;
  padding:5px 10px 10px 20px;
  *padding-left:25px;
}

div.instrucciones ol li
{
  margin:0px 5px 5px 0px;
}

div.instrucciones ol li strong
{
  color:#696969;
}

div#bloque-oferta-carrito
{
  position:relative;
  z-index:1000;
}

div#sin-productos
{
  position:relative;
  background:#F1F0EE;
  height:200px;
}
/* el total no debe salir en numeros atrasados */
div.numerosAtrasados div.pedidoTotal
{
  display: none;
}