﻿.divnoitemadded {
    background-color: #ddd;
    color: #ff7777;
    line-height: 34px;
    text-align: center;
}

.Qtyouter {
    display: block;
    position: relative;
}

.qtyboxmain {
    background-color: #f2f2f2;
    left: 0;
    min-width: 270px;
    padding: 5px;
    position: absolute;
    top: 0;
    display: none;
}

    .qtyboxmain li {
        float: left;
    }

        .qtyboxmain li.imgno a {
            background-color: #ffeeee;
            border: 1px solid #aaa;
            display: block;
            line-height: 34px;
            text-align: center;
            width: 34px;
        }

        .qtyboxmain li.qtytxt {
            margin: 0 5px;
            width: 50px;
        }

        .qtyboxmain li.closeouter {
        }

        .qtyboxmain li.btnouter {
            margin: 3px 5px 0;
        }

#categories {

}

    #categories ul {
        list-style: none;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
        #categories ul.attUL .textVal {
            font-size: 12px;
            line-height: 20px;
            color: #333;
        }
    #categories .cate h3 {
        color: #000000;
        font-size: 18px;
        font-weight: 600;
        border-bottom: 2px solid #cccccc;
        padding: 10px 15px;
        margin-top: 0px;
        background: #fbfbfb;
    }

    #categories .cate li {
        padding-bottom: 10px;
    }

    #categories .cate a {
        color: #000000;
        font-size: 14px;
        cursor: pointer;
        padding: 0;
    }

        #categories .cate a img {
            margin: 0px 13px;
        }

        #categories .cate a:hover, #categories .cate a:focus, #categories .cate a.active {
            color: #e4002b;
            background-color: #fff;
            font-weight: 600;
        }

    #categories .taber {
        background: #fbfbfb;
    }

p.itematt > label {
    width: 100%;
    font-weight: 600;
}

p.itematt > select {
    width: 100%;
    padding: 3px;
    height: 34px;
}

#categories p > img {
    display: inline;
    padding: 0 5px;
}

#categories .btns {
    padding: 5px 5px 0;
}

.div_prdImg {
    background: transparent none no-repeat scroll center center / 100px auto;
    display: block;
    min-height: 89px;
    width: 100%;
}

#categories .btns a {
    background: #ffdddd none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 5px 10px;
}

#categories .title {
    background: #f2f2f2;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 46px;
    padding: 0px 35px;
    margin-bottom: 30px;
}

#categories h3 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 12px 0px;
}

    #categories h3 img {
        margin-right: 10px;
    }

#categories p {
    color: #000000;
    font-size: 13px;
    margin: 0px 0px 15px 0px;
}

#categories h4 {
    color: #e4002b;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    text-align: center;
}

categories h4 a {
    float: right;
    margin-top: -15px;
}

#categories hr {
    border-color: #e1e1e1;
    background: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

#categories .tsp {
    margin-top: 25px;
}

#categories .right .bg {
    background: #f2f2f2;
    padding: 0px 10px;
}

#categories .right h3 {
    color: #000000;
    font-size: 15px;
    margin: 0px;
}
#dvGetCakerstreetOrder {
    color: #ccc;display:none;
}
    #dvGetCakerstreetOrder h2 {
        font-size: 20px;
    }
    #dvGetCakerstreetOrder hr {
        margin: 2px 0;
    }
    #categories .right h3 .number {
        display: inline-block;
        vertical-align: middle;
        background: #ffd700;
        font-size: 36px;
        line-height: 14px;
        width: 68px;
        height: 68px;
        border-radius: 35px;
        padding: 20px 0px;
        text-align: center;
        margin-left: 10px;
        margin-top: -7px;
        margin-bottom: -7px;
    }

.cypher-radio-inline input[disabled="disabled"] {
    background-color: #ffbbbb;
    border-color: #ffaaaa;
}

.cypher-radio-inline[disabled="disabled"] {
    opacity: 0.5;
    color: #ff3333;
}

#categories .right h3 .number span {
    font-size: 14px;
}

#categories .right .last.bg {
    background: #eee;
    /*padding:20px 10px;*/
    padding: 0px 10px 20px;
}

#dvGetCakerstreetOrder .form-group {
    margin-bottom: 14px;
}
#categories .right h2 {
    color: #1c2c3a;
    font-size: 20px;
}

    #categories .right h2 img {
        margin-right: 5px;
    }

#categories td {
    color: #000000;
    font-size: 14px;
    border: none;
    padding: 10px 0px;
}

#categories tr.bg-white {
    background: #fff;
}

    #categories tr.bg-white td {
        color: #e4002b;
        font-size: 16px;
        line-height: 20px;
    }

#categories tr.first {
    border-bottom: 1px dashed #c2c2c2;
}

    #categories tr.first td {
        padding: 13px 0px;
        vertical-align: top;
    }

#categories .space {
    padding-right: 15px;
}

#categories .sp-m {
    padding: 0px 5px;
}

#categories .next, .next {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 5px;
    line-height: 48px;
    background: #e4002b;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 0 0 1px #9d0000;
    color: #fff;
    border: 1px solid #e4002b;
    margin-top: 7px;
}

    #categories .next[disabled="disabled"] {
        background-color: #ffaaaa;
        color: #ff7777;
        box-shadow: none;
        cursor: default;
    }

#categories td.td_tbl_cs_orderDet {
    background-color: #ffcccc;
    padding: 5px;
    font-size: 12px;
    display: none;
}
#categories td.td_tbl_cs_orderDet td {
    padding: 0;
    vertical-align: top;
    font-size: inherit;
}
a.ancViewMore_cs {
    font-size: 14px;
    font-weight: normal;
    color: #c5000c;
    text-decoration: underline;
}

/**/
#categories.edit {
    padding-top: 25px;
}

    #categories.edit .cate li {
        padding-left: 15px;
        padding-bottom: 13px;
    }

    #categories.edit .cate ul {
        padding-bottom: 30px;
    }

    #categories.edit .taber p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }

        #categories.edit .taber p.sm {
            color: #747474;
            font-size: 12px;
            margin-bottom: 20px;
        }

    #categories.edit .taber img.map {
        margin-right: 5px;
    }

    #categories.edit .sp {
        background: #fbfbfb;
    }

    #categories.edit .align {
        position: absolute;
        top: 0;
        right: 0;
    }

    #categories.edit .bottom {
        padding-bottom: 30px;
    }

    #categories.edit hr {
        margin-top: 5px;
    }

    #categories.edit .sort {
        background: #f2f2f2;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

        #categories.edit .sort h3 {
            color: #000000;
            font-size: 18px;
            font-weight: 600;
            border-bottom: 2px solid #cccccc;
            padding: 10px 15px;
            margin-top: 0px;
            margin-bottom: 20px;
        }

        #categories.edit .sort li {
            padding-bottom: 15px;
        }

        #categories.edit .sort a {
            color: #000000;
            font-size: 16px;
        }

        #categories.edit .sort img {
            margin-right: 5px;
        }

    #categories.edit .yellow {
        background: #ffd700;
        border-bottom: 5px solid #e6c200;
        padding: 45px 15px 25px 15px;
        margin-bottom: 30px;
    }

    #categories.edit p {
        color: #000000;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
    }

    #categories.edit .bbtn {
        display: inline-block;
        border: 1px solid #000;
        font-size: 18px;
        color: #000;
        padding: 10px 10px;
        margin-top: 15px;
    }

        #categories.edit .bbtn img {
            margin-right: 5px;
        }

    #categories.edit .grey {
        background: #707070;
        border-bottom: 5px solid #494949;
        padding: 45px 15px 25px 15px;
        margin-bottom: 30px;
    }

        #categories.edit .grey .bbtn {
            border-color: #FFF;
            color: #fff;
            padding: 10px 8px;
        }

        #categories.edit .grey h4 {
            color: #fff;
            font-size: 24px;
            font-weight: 600;
            line-height: 28px;
            margin-bottom: 25px;
        }

        #categories.edit .grey p {
            color: #fff;
        }
#div_bottom_couponbox {
    display: table;
    width: 100%;
    margin-top: 14px;
    background-color: #fff;
    padding: 0 7px;
}
.voucherheader {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    color: #e4002b;
    line-height: 18px;
}
#btnApplyCoupon.normallink {
    margin-left: 10px;
}
#categories .trsubtotal td {
    padding: 0;
}
    #categories tr.bg-white td:first-child, #categories .trsubtotal td:first-child {
        padding-left: 7px;
    }
#litCouponMsg {
    color: #008000;
    float: left;
    clear: both;
    font-size: 13px;
    line-height: 18px;
}
@media only screen and (max-width: 991px) {
    .div_img {
        margin: 0 auto 10px;
    }

    #info p img.map {
        left: 0;
    }

    #info p.bt {
        padding-left: 15px;
    }

    .BakeryTitlebox {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 991px) {
    #info .tp {
        padding: 10px 0;
    }
}

@media only screen and (min-width: 767px) {
    #categories .cate ul.dropdown-menu {
        border: medium none;
        box-shadow: none;
        display: block;
        padding: 0;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    #categories {
        padding: 5px 0;
    }

        #categories .cate ul.dropdown-menu {
            border: medium none;
            box-shadow: none;
            position: relative;
        }

        #categories .cate h3 {
            background: #fbfbfb url("../images/arrow-bottom.png") no-repeat scroll 100% 0;
            cursor: pointer;
        }

        #categories .cate .open h3 {
            background: #fbfbfb url("../images/arrow-right.png") no-repeat scroll 100% 0;
        }

    .flush-xs {
        padding: 0;
    }

    #info .btn-yellow {
        font-size: 17px;
        margin-bottom: 15px;
    }

    #categories .taber {
        padding: 0px;
    }

    .nav-tabs > li {
        margin-left: 0px;
    }

        .nav-tabs > li > a {
            font-size: 14px;
            padding: 7px 9px;
        }

    #categories .flush-right {
        padding: 0px;
    }

    #categories h3 {
        font-size: 13px;
        margin-top: 15px;
    }

    #categories .title {
        font-size: 14px;
        padding: 0px 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1169px) {

    #info .btn-yellow {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #info .right p {
        font-size: 13px;
    }

    #info p span {
        width: 127px;
    }

    #categories .cate h3 {
        font-size: 15px;
    }
}