﻿#divCIDescptn 
{
    font-size:18px;
}

#divCartEmpty 
{
    text-align:center;
    min-height:30em;
    border:1px solid #dedfe0;
}

.divOrderTotals 
{
    width:20em;
    border:1px solid #d8dbd9;
    background-color:white;
    border-radius:3px;
    position:absolute;
    top:3.5em;
    right:0.5em;
}

.divLeftWrap 
{
    padding:0.5em;
    width:calc(100% - 300px);
    min-height:35em;
}

#tblCartItems 
{
    width:100%;
    border-collapse:collapse;
    margin-bottom:2em;
}

#tblCartItems th
{
    border-bottom:1px solid #e3e3e3;
    padding-bottom:0.5em;
}

#tblCartItems td
{
    border-bottom:1px solid #e3e3e3;
    padding-top:1em;
    padding-bottom:1em;
}

.divCartQty 
{
    border:1px solid #cbd2d6;
    width:6.5em;
    margin-left:auto;
    margin-right:auto;
}

.divCartQty .divCntr 
{
    display:inline-block;
    vertical-align:bottom;
    text-align:center;
    width:0.7em;
    padding-left:0.4em;
    padding-right:0.4em;
    cursor:pointer;
}

.divCartQty .txtCntr 
{
    border:none;
    text-align:center;
    width:3em;
}

.divPayDepositButton  {
    background: #34db57;
    background-image: -webkit-linear-gradient(top, #34db57, #29b944);
    background-image: -moz-linear-gradient(top, #34db57, #29b944);
    background-image: -ms-linear-gradient(top, #34db57, #29b944);
    background-image: -o-linear-gradient(top, #34db57, #29b944);
    background-image: linear-gradient(to bottom, #34db57, #29b944);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    text-align:center;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor:pointer;
    margin-bottom:0.5em;
    width:7em;
    margin-left:auto;
    margin-right:auto;
}

.divPayDepositButton:hover {
    background: #24a32a;
    text-decoration: none;
}

.divShopButton  {
    background: #34db57;
    background-image: -webkit-linear-gradient(top, #34db57, #29b944);
    background-image: -moz-linear-gradient(top, #34db57, #29b944);
    background-image: -ms-linear-gradient(top, #34db57, #29b944);
    background-image: -o-linear-gradient(top, #34db57, #29b944);
    background-image: linear-gradient(to bottom, #34db57, #29b944);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    text-align:center;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor:pointer;
    margin-bottom:0.5em;
    width:7em;
    margin-left:auto;
    margin-right:auto;
}

.divShopButton:hover {
    background: #24a32a;
    text-decoration: none;
}

.tdLabel 
{
    font-weight:600;
    color:#485273;
}

.txtRegInfo 
{
    font-size:1.2em;
    padding:0.5em;
    border:1px solid #ccc;
    width:calc(100% - 20px);
    border-radius:3px;
}

.lbl-rg-il 
{
    padding-top:1em;
    padding-bottom:0.3em;
    display:none;
}

/*for tablets*/
@media screen and (max-width:959px) {
    
}

@media screen and (max-width:700px) {
    .divOrderTotals {
        position:static;
        margin-top:0.5em;
        margin-left:0.5em;
        width:100%;
    }

    .divLeftWrap {
        width:calc(100% - 15px);
    }
}

/*for phones*/
@media screen and (max-width:640px) {
    
}

@media screen and (max-width:500px) {
    .td-rg-il 
    {
        display:none;
    }

    .lbl-rg-il 
    {
        display:block;
    }
}

/*smallest screen for phones*/
@media screen and (max-width:420px) {
    
}

/*smallest screen for phones*/
@media screen and (max-width:320px) {
    
}