/* 
    Document   : cart
    Created on : 2013-05-13, 14:52:55
    Author     : zaleckim
    Description:
        Purpose of the stylesheet follows.
*/

/****************
      CLOUD
*****************/

div.cart-cloud-pos{ 
    display:block;
    position:relative;
}
div.cart-cloud{
    display:none;
    position:absolute;
    top:28px;
    right:-12px;
    width:170px !important;
    background-color:white;
    border:1px solid #dedede;
    border-radius:2px;
    box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
    z-index:11;
    behavior: url(/css/PIE.htc);
    padding:6px 12px 12px 12px;
}
div.cart-cloud div.arrow{
    position:absolute;
    top:-11px;
    right:24px;
    width:16px;
    height:11px;
    background: url('../../images/cart/cart-arrow.png') no-repeat;
}
div.cart-cloud span.title{
    display:block;
    text-align:left;
    color:#333;
    background:none;
    font-weight:bold;
    padding:4px 0 3px;
    margin-bottom:8px;
    border-bottom:1px solid #EAE8E8;
}
div.cart-cloud .light{ color:#666; }
div.cart-cloud .red{ color:#DE1F17; }
div.cart-cloud table{ width:100%; }
div.cart-cloud table tr{ background:#fafafa; }

div.cart-cloud table td{ 
    font:normal 12px 'Arial';
    color:#333; 
    text-align:left;
    padding:3px 6px 3px 6px;
}
div.cart-cloud table td:first-child{ text-align:center; }
div.cart-cloud table td.center{ text-align:center; }
div.cart-cloud table td:first-child img{ width:46px; }
div.cart-cloud table th{ 
    color:white;
    font-size:11px;
    text-align:center;
    padding:3px 6px 3px 6px;
    margin:0 !important;
    background:#2D2D2D;
}

div.cart-cloud table tfoot tr{ background:#F3F3F1; }
div.cart-cloud table tfoot tr td,
div.cart-cloud table tfoot tr td:first-child{
    font-size:13px;
    text-align:right;
}

div.cart-cloud a.button{ margin:8px 0 0 0; }

span.titlem{
    display:block;
    padding:16px 0 6px 0;
    font:bold 14px 'Arial';
}