***********************************************************************************
RESET
*************************************************************************************/
#shopping-div {
  all: initial;
  * {
    all: unset;
  }
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset,figure, input {
    margin: 0;
    padding: 0;
    outline:none
}

img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
    height: auto;
    /*width: auto\9;  ie8 */
}
ul, ol, li{
    margin:0;
    padding: 0;
    list-style:none
}
h2{
    font-size:12px;
    text-transform:uppercase;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-weight:normal
}
h3{
    color:#74cbc8;
    font-size:12px;
    font-family: Lato, Arial, Helvetica, sans-serif;
    text-transform:uppercase
}
h4{
    color:#74cbc8;
    font-size:12px;
    font-family: Lato, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:normal
}

h1 {
  letter-spacing: initial;
}



@font-face {
    font-family: 'freehand521_btregular';
    src: url('/fonts/tt1018m_-webfont.eot');
    src: url('/fonts/tt1018m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/tt1018m_-webfont.woff') format('woff'),
         url('/fonts/tt1018m_-webfont.ttf') format('truetype'),
         url('/fonts/tt1018m_-webfont.svg#freehand521_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
                font-family: 'Futura-Bold';
                src: url('/fonts/futur.eot');
                src: url('/fonts/futur.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/futur.woff') format('woff'),
                         url('/fonts/futur.ttf') format('truetype'),
                         url('/fonts/futur.svg#futur') format('svg');
                font-weight: normal;
                font-style: normal;
        }
@font-face {
    font-family: 'FuturaStdBold';
    src: url('/fonts/futurastd-bold.eot');
    src: url('/fonts/futurastd-bold.eot') format('embedded-opentype'),
         url('/fonts/futurastd-bold.woff') format('woff'),
         url('/fonts/futurastd-bold.ttf') format('truetype'),
         url('/fonts/futurastd-bold.svg#FuturaStdBold') format('svg');
}

/* reset webkit search input styles */
input[type=search],input {
    /*-webkit-appearance: none;*/
    outline: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.sprite{ background:url(../images/sprite.png) no-repeat}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background: url("../images/bagroundbg.jpg") no-repeat scroll right top #FFFFFF;
    font:12px/150% Lato, Arial, Helvetica, sans-serif;
}
a{ text-decoration:none}
a:hover{ color:#673c19}
div.CheckBox {
  float: left;
}
/*messages*/
.login_error{
    position:absolute;
    color:#FF0000;
    font-size:11px;
    margin: -1px 0 0 141px;
}
.error, #delivery_fee{
    margin:3px 0 0 116px;
    position:absolute;
    color:#FF0000;
    font-size:11px;
}
.error_order{
    margin:3px 0 0 5px;
    position:absolute;
    color:#FF0000;
    font-size:11px;
}
#delivery_fee{ color:#333333;margin: -22px 0 0 275px;}
.Wrapper{
    width:100%
}
.TopWrapper{
    height:32px;
    background:#ebf6f3;
}
.InnerTopwrapper{
    width:1002px;
    margin:auto;
    overflow:hidden
}
.BakedfreshdailyImg{
    float:left;
    padding-top:5px
}
.TopheaderRight{
    float:right;
    height:32px;
    line-height:32px;
    font-size:10px
}
.TopheaderRight span{ padding:0 8px}
.TopheaderRight a{ text-decoration:underline}
.TopheaderRight a:hover{ text-decoration:none}
.CustomerName{ color:#404041; padding:0!important; text-transform:uppercase}
.Header{
    width:100%;
    text-align:center;
    padding:44px 0 35px 0;
    border-bottom:1px #d8eee7 solid
}
.ShopMenu{
    /* width:1062px; */
    text-align:center;
    margin:15px auto 8px auto
}
.ShopMenu li{
    display: block;
    xborder-right:1px #b9e5e4 solid;
    height:31px;
    xpadding-right:31px;
    xmargin-right:24px;
    letter-spacing:0.1em;
    background:url(../images/circle.jpg) no-repeat left;
    text-align: left;
}
.Number{
    display:inline-block;
    padding: 6px 0 0 10px;
    margin-right: 14px;
    color:#d9eee7
}
.MenuText{color:#74cbc8}
.active .Number,.active .MenuText{ color: #696969; }
.Lilast{ margin-right:0!important; padding-right:0!important}

.ContentArea{
    /* width:1062px; */
    margin:auto
}
.TopText{ width:1062px;
          #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;
          height:130px;
}
.MenuBelowtext{
    text-align:center;
    margin:auto;
    line-height:14px
}

.OrderTypeContainer {
  border-top:1px #c8c9ca solid;
  background:#f8f8f8;
  padding-top: 20px;
  padding-bottom: 20px;
}
.OrderType{
    text-align:center;
    overflow:hidden;
    width: 936px
}
.order-type-head{
    text-transform:uppercase;
    border-right:1px #ebebec solid;
    padding-right:25px;
    height:132px;
    width: 193px;
    float:left

}
.OrderType a{
    text-transform:uppercase;
    border-right:1px #ebebec solid;
    height:132px;
    float:left;
    padding:0 55px 5px 55px;
    position:relative
}
.OrderType a .order-type-arrow{ display:none}
.OrderType a:hover{background:#e4e4e5;box-shadow: 1px 1px 2px #CCCCCC inset;}
.order_active{
    background:#e4e4e5;
    box-shadow: 1px 1px 2px #CCCCCC inset;
}
.order_active .order-type-arrow{
    background:url(../images/arrow-ordertype.png) no-repeat;
    bottom: -8px;
    display: block !important;
    height: 8px;
    left: 45%;
    position: absolute;
    width: 17px;
}	}
li.OrderTypeLast{
    padding-right:0px;
    margin-right:0px;
    border:none
}
.OrderType a{ display:block; color:#404041}
.OrderType p{ margin-top:15px}
.LoginDetailsouter{
    width: 1050px;
}
.InnerLoginLeft{
    float:left;
    width:510px;
    border-right:#f3f3f4 solid 1px;
    padding-bottom:100px;
    text-align: left;
}
.NewcustomerText{  margin-bottom:21px}
.LoginRight{
    margin-left:544px;
    text-align: left;
}
.NameInput{
    min-height:42px;
    text-align: left;
}
.Formtext{
    padding:2px 0 0 0;
    float: left;
    width: 141px;
    text-align: left;
}
.Formtext-new{
    float:left;
    width:81px;
    padding:2px 0 0 0
}
.InputText{
    width:170px;
    padding:4px;
    font-size:12px;
    color:#333333;
    font-family: Lato, Arial, Helvetica, sans-serif;
    resize:none;
    xborder:none;
    xbackground:#d8eee7
}
select.xInputText{ width:177px}
.xEnterPasswrdtxt{ padding-left:109px; margin-bottom:17px; overflow:hidden; width:205px; text-align:left}
.xEnterPasswrdtxt1{ padding-left:5px; clear: left; margin-bottom:17px; overflow:hidden; width:405px; text-align:left}
.xCheckBox{ float:left; margin-top:3px}
.RecievePramot{ margin-left:20px}
.BtnCommen{
    border: none;
    cursor: pointer;
    display:inline-block;
    margin-top: 10px;
}
a.BtnCommen{float:left;}
.ContinueB {
    background: url("../images/countinue.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 99px;
    float:left;
}

.Submit {
    background: url("../images/submit-btn.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 115px;
}
.ConToShipping {
    background: url("../images/convert_to_shipping.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 160px;
}

.createpwd {
    background: url("../images/create-new-password.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 167px;
}

.update {
    background: url("../images/update-btn.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 127px;
}

.LoginBtn {
    background: url("../images/login.png") no-repeat scroll 0 0 transparent;
    height: 27px;
    margin-right: 92px;
    width: 86px;
}
.Forgotpassword{text-decoration:underline}
.Forgotpassword:hover{text-decoration:none}
.btn-cancel{ background:url("../images/btn-cancel.png") no-repeat scroll 0 0 transparent; height:27px; width:75px}
.btn-notnow{ background:url("../images/not-now.png") no-repeat scroll 0 0 transparent; height:29px; width:114px}
/*order-details*/
.order-details{
    border-top:1px #c9cacb solid;
    padding:22px 0 100px 0
}
.bread-cum{
    background:#d8eee7;
    height:23px;
    line-height:23px;
    padding:0 32px;
    position:relative;
    display:inline-block;
    margin-bottom:26px;
    font-weight:bold;
    letter-spacing:0.1em;
    text-transform:uppercase;
    margin-left: 34px;
}
.bread-cum-arr{
    background:url(../images/bread-cum-arr.png) no-repeat ;
    width:17px;
    height:10px;
    position:absolute;
    left:13px;
    top:22px
}

input[type='text'], input[type='password'], select {
  height: initial;
  margin: initial;
  padding: 5px;
  background-color: white;
  border: 1px solid #d2d2d2;
  width: initial;
  color: #696969;
}

input[type='password'] {
  width: 227px;
}

.qtycrave {
  width: 3em !important;
  text-align: center;
}

.form-order-details{ padding-left:35px}
.form-order-details .Formtext{ padding-right:5px}
.form-order-details input.InputText{ width:141px}
.form-order-details select.InputText{ width:141px}
.ui-datepicker-trigger {
    position: absolute;
    margin:3px 0 0 10px
}
.form-order-details .NameInput{ min-height:50px}
.delivery-time select{
    width:auto;
    margin-right:15px
}
/*.recipient-phone{ float:left}
*/
.recipient-phone .InputText{ width:35px!important; margin-right:6px}
.recipient-phone .phone-last{ width:45px!important;}
.alternative-phone{
    clear:right;
    margin-left:314px
}
.alternative-phone .InputText{ width:31px!important; margin-right:6px}
.alternative-phone .phone-last{ width:45px!important;}

.Suite{
    clear:right;
    margin-left:314px
}
.Suite .Formtext{ width:50px}
.check-resi{margin-left:314px}
.check-resi .CheckBox{ margin-right:20px; font-size:11px}
.check-resi .CheckBox input{ vertical-align:middle; margin-right:2px}
.CheckdeliveryFees{
    position:absolute;
    z-index:100;
    margin:-25px 0 0 285px;
}
/*pick-details*/
.pick-details{
    border-top:1px #c9cacb solid;
    padding:22px 0 100px 0
}
.pickup-Wrap{
    overflow:hidden;
    float:left
}
.form-pick-details .NameInput{ min-height:50px}
.NameInputMsg {
    line-height: 29px;
    margin:10px 0px;
    padding:0px 10px;
    width:320px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 2px 1px #CCCCCC;
    text-align: center;
    color:red;
}
.form-pick-details{ padding-left:35px; padding-top:10px;}
.form-pick-details .filedcalander{ width:141px!important}
.form-pick-details .delivery-time select{margin-right: 13px;}
.form-pick-details .InputText{ width:176px}
.form-pick-details select.InputText{width: 184px;}
.form-pick-details .delivery-time select {
    margin-right: 15px;
    width: auto;
}
.pickup-right{
  float:right;
  margin-bottom:100px;
  margin-right: 34px;
}
.crave-cup-cake{border:2px #72cac8 solid; margin-bottom:9px}
.RightsideAddress
{
    width:247px;
    margin:auto;
    margin-top:14px;
    overflow:hidden;

}
.RightsideAddressOuter
{
    width:247px;
    margin:14px auto;
}
.Addresstext
{
    width:92px;
    float:left;
    text-transform:uppercase;
    color:#74cbc8;
    font-size:11px;
    letter-spacing:1px;

}
/*Bapu*/
a.tooltip span.font_hover{
    font-family: 'FuturaBq';
    font-size: 12px;
    font-style:italic;
}
/**/
.RightAddressContent
{
    width:150px;
    float:left;
    font-size:11px;
}
.get-directions{text-decoration:underline}
.get-directions:hover{text-decoration:none}
/*shipment-details*/
.shipment-details{
    border-top:1px #c9cacb solid;
    padding:22px 0 100px 0
}
.form-shipment-details .NameInput{ min-height:50px}
.form-shipment-details{ padding-left:35px; padding-top:10px;}
.form-shipment-details input.InputText{ width:141px}
.form-shipment-details .CheckBox input{ vertical-align:middle}
.note-shipment .CheckBox{ padding:0 0 20px 0}
.note-shipment p{ clear:both; font-size:11px; margin-bottom:40px}
.SpanColor{ color:#74cbc8}
/*cup-other-items*/
.cup-other-items{
    border-top:1px #c9cacb solid;
    padding:22px 0 100px 0;
    position:relative
}
.items-wrap{
    overflow:hidden
}
.items-box{
    width:275px;
    display:inline-block;
    margin: 7px 42px 27px 35px;
    float:left
}
.item-img{
    width:275px;
    height:275px;
    overflow:hidden
}
.item-img:hover .item-ov-info{ display:block}
.item-name{
    padding:12px 0;
    text-align:center;
    text-transform:uppercase
}
.item-name a{ color:#74cbc8}
.item-name a:hover{ text-decoration:underline}

.item-ov-info{
    width:275px;
    height:275px;
    position:absolute;
    text-align:center;
    display:none;
    overflow:hidden
}
.divider{ clear:both}
.infotx{
    #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;
    width:275px;
    height:275px;
    xbackground:url(../images/bg-item-ov.png);
    background-color: rgba(91,183,179, 0.75);
    padding:10px;
    font-size:11px;
    color: white;
}
.infotx p{ #position: relative; #top: -50%; line-height:14px}
.order-det-box{
    margin-right: 30px;
    padding:15px 15px 0 15px;
    background:#eff8f5;
    width:200px;
    position: absolute;
    right:0;
    -moz-box-shadow: -3px 0px 16px #dbdada;
    -webkit-box-shadow: -3px 0px 16px #dbdada;
    box-shadow: -3px 0px 16px #dbdada;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px
}
.delete_order_detail{
    cursor: pointer;
    width: 15px;
}
.sub-head{
    color:#74cbc8;
    text-transform:uppercase;
    border-bottom:2px #b1e1df solid;
    padding-bottom:3px;
    margin-bottom:10px
}

td {
  font-size: 12px;
}
.order-table td{

}
.order-pin{
    background:url(../images/order-pin.gif) no-repeat;
    width:10px;
    height:11px;
    position:absolute;
    margin: -24px 0 0 204px;
}
/*Cupcakes*/
.Cupcakes{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 100px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.Top-item-menu {
    margin-bottom: 28px;
    margin-left: 30px;

}
.Top-item-menu li{
    display:inline-block;
    #display:inline;
    color:#d9eee7
}
.Top-item-menu li a{color:#d9eee7}
.Top-item-menu li a:hover{color:#74CBC8}
.Top-item-menu span{
    background:url(../images/dot-top-item.gif) no-repeat center center;
    width:9px;
    height:5px;
    margin:0 21px;
}
.item-menu-active a{ color:#e31837!important}
.CraveWrap{
    padding-left:35px
}
.Flavor{ margin:16px 0 31px 0}
.Flavor li{
    display:inline-block;
    #display:inline;
    margin-right:20px
}
.Flavor li span{ color:#74cbc8}
.CraveType{ margin-right: 35px}
.CraveTypeBx{ width:300px}
.TypeContent{
    width:325px
}
.head-type{ padding-bottom:20px; color:#74cbc8; text-decoration:underline}
.head-type span{float:right; margin-right:20px; text-decoration:underline}
.totalqty-crave{ margin:13px 0 35px 0; overflow:hidden}
.totalqty-crave div.hght_txt{ color:red; }
.totalqty-crave div{ float:left;margin-left: 37px;}
.DecItemBot{margin:20px 0}
.btn-back {
    background: url("../images/btn-back.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 74px;
    display:inline-block;
    float:left;
    margin-right:10px
}

/*
.btn-back {
  height: 74px;
  width: 74px;
  background-color: #E31837;
  color: white !important;
  border-radius: 37px;
  text-align: center;
  padding-top: 26px;
}

.btn-back:after {
  color: white;
  content: "BACK";
}



.ContinueB {
  height: 74px;
  width: 74px;
  background-color: #E31837;
  color: white !important;
  border-radius: 37px !important;
  text-align: center;
  padding-top: 26px;
}

.ContinueB:before {
  color: white;
  content: "CONTINUE";
}
*/
.TypeContentBlock{
    width:300px
}
.item-floating-block {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 30px;
  position: relative;
  height: 360px;
}

.bottom-qty {
  position: absolute;
  bottom: 0px;
}

.item-tr{ display:block; clear:both; margin-bottom:5px; overflow:visible}
.item-tr ul li{ float:left; cursor: pointer}
.ty-con-img{ width:36px; min-height:50px}

.quantityUs { margin: 3px 0 0 0; }
.type-name{ font-size:13px; width:211px; margin:3px 10px 0 0}
.type-name span{color:#74cbc8}
.RadioBot{
    padding-left:27px;
    margin-bottom:30px
}
.RadioBot li{ margin-bottom:10px}
.RadioBot li input{ float:left; margin-right:5px; margin-top:1px}
.item-tr:hover .item-ov-box,.item-tr:hover .item-type-line{ display:block;}
.item-type-line {
    border-bottom: 1px solid #B9E5E4;
    margin: 12px 0 0 315px;
    position: absolute;
    width: 34px;
    display:none
}

.item-ov-img{
  width: 300px;
  height: 300px;
  overflow:hidden
}
.item-ov-cont{
  margin-top: 10px;
}
.item-ov-cont li{ display:block; float:inherit!important}
li.item-ov-box{
    border:1px #b9e5e4 solid;
    height: 300px;
    width: 300px;
    position:absolute;
    left: 0px;
    top: 0px;
    padding:15px;
    display: none;
    /* fix for error in mini */
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.8);

}
.item-ov-head, .item-ov-head1{
  color:#74cbc8;
  text-transform:uppercase;
  xborder-bottom: 2px #ecf7f3 solid;
  padding-bottom:7px;
  margin:0 0 7px 0
}
.item-ov-head1{ border:none; margin:10px 0 5px 0; padding:0}
.item-ov-price{
  text-align:right;
  font-size:11px;
  position: absolute;
  bottom: 0;
  right: 10px;
}
.item-title-and-description {
  height: 140px;
  overflow: hidden;
  text-overflow-y: ellipsis;
}
.item-ov-tx {
  max-height: 108px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-ov-head, .item-ov-tx, .item-ov-head1{

}
.item-ov-Weeks{ margin-bottom:10px}
.item-ov-Weeks th{
    background:#572600;
    color:#fff;
    font-weight:normal;
    text-transform:uppercase;
    padding:2px;
    font-size:11px;
    text-align:center
}
.item-ov-Weeks td{
    text-align:center;
}

/*mini-Cupcakes*/
.mini-Cupcakes{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 100px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
/*coffee-offering*/
.coffee-offering{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 100px;
    margin-top:24px;
    position:relative /*for right side order details*/
}

.coffee-offering .ty-con-img{ width:147px; min-height:inherit; margin-right:8px}
.coffee-offering .type-name{ width:90px; margin-top:0}
.coffee-offering .item-tr{ margin-bottom:15px}
.coffee-offering .totalqty-crave div{ margin-left:0}
/*seasonal_boxes*/
.seasonal_boxes{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 100px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.seasonal-box{
    padding-left:35px
}
.list-sea-wrap{
    overflow:hidden;
    margin-top:25px;
    margin-right: 230px;
}

.list-sea-wrap .item-ov-price{

}

.cupcake-flavor {
  width: initial;

}

.list-sea-block{
    width:125px;
    margin:0 55px 45px 0;
    float:left;
    height:197px
}
.list-sea-block:hover .sea-bx-name{ color:#87d2cf}
.sea-bx-name{
    height:35px;
    text-align:center;
    cursor:pointer;
}
.sea-bx-img{
    width:125px;
    height:110px;
    overflow:hidden;
    text-align:center;
    cursor:pointer;
}
.sea-bx-price{ padding:4px 0; text-align:center}
.sea-bx-qty{ text-align:center}
.sea-bx-qty .InputText{padding: 5px; width: 25px; margin-right:5px; text-align:center}
.list-sea-block:hover .ov-sea-bx{ display:block}
.ov-sea-bx{
    border:1px #b9e4e3 solid;
    width:510px;
    padding:18px;
    position:absolute;
    background:#fff;
    display:none;
    box-shadow:0px 3px 3px #b9e4e3;
    -moz-box-shadow:0px 3px 3px #b9e4e3;
    -webkit-box-shadow:0px 3px 3px #b9e4e3;
    margin-top: -240px;
}
.ov-sea-img{
    float:left;
    width:138px;
    xmargin-right:26px;
}
.ov-sea-cont{
    margin-left:160px;
}
.ov-sea-cont h3{
    width:auto;
    border-bottom:#d8eee7 solid 1px;
    display:inline-block;
    padding:0 50px 7px 0;
    margin-bottom:7px
}
.ov-sea-price{
    color:#74cbc8;
    text-align:right;
    padding:15px 0 0 0
}
/*design-boxes*/
.design-boxes{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 200px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.design-bx-wrap{
    padding-left:35px
}
.design-bx-list{
    overflow:hidden;
    margin:25px 0 10px 0;
    width:750px
}
.design-block{
    float:left;
    min-width:275px;
    margin:0 15px 35px 0;
    min-height:60px
}
.design-block .InputText{
    margin:5px 5px 0 0;
    padding: 5px;
    width: 25px;
}
.design-block p{ color:#74cbc8}
.slide-box{
    width:295px;
    height:230px;
    position:relative
}
.slide-box ol li img{
    width:50px;
    height:50px;
}
.sortable{
    position:absolute;
    right:0;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    border:2px #d8eee7 solid;
    overflow:hidden

}
.ui-draggable{ z-index:6;}

#cart{
    width:380px;
    margin:35px 0 25px 77px;
    position:relative
}
/*#cart .ui-state-hover{ border:none}*/
.design-box1{
    width:72px; /*70px;*/
    height:72px; /*70px;*/
}
.design-box2{
    height:72px; /*70px*/
    width:144px; /*146px;*/
}
.design-box4{
    width:144px; /*146px;*/
    height:144px
}
.design-box6{
    width:216px; /*218px;*/
    height:144px
}
.design-box12 {
    height: 216px; /*220px;*/
    width: 288px; /*289px;*/
}
.sortable li :hover .cake-remove{ display:block; }
.cake-remove{ display:none; position:absolute;z-index:25; width:20px;
              height:20px; margin:10px; cursor:pointer}
#slides{ width:295px}
#slides .prev, #slides .next{ position:absolute}
#slides .prev{ margin:-133px 0 0 -43px}
#slides .next{ margin:-133px 0 0 -25px; right:44px}
#slides .pagination{ text-align:center; margin-top:10px; margin-bottom: 5px;}
#slides .pagination .current a:before{
    content:"BOX "
}
#slides .pagination li{ display:none;}
#slides .pagination li.current, .pagination li.total-value{ display:inline-block!important; margin-right:5px; }

.ui-widget-content ol li{ width:70px; height:60px; text-align:center; overflow:hidden; padding-top:10px}
.ui-widget-content ol{ width:70px; height:70px; float:left; border:1px solid #fff}
.ui-sortable-helper{ border:1px #d8eee7 solid!important}
.over-circle{
    background:url(../images/design-circle.png);
    width:70px;
    height:70px;
    position:absolute
}
#catalog{
    width:510px;
    margin:15px 0
}
#catalog .ui-state-active{ border:none}
#catalog li{ display:inline-block}

#slidesbot{ margin-left:20px; width:450px; position:relative}
.slides_container div.slide {
    width: 450px;
    min-height:100px;
    display:block;
}

/*
			Set the size of your carousel items
		*/
.slide ul li {
    float:left;
    width:50px;
    margin:0 10px;
    text-align:left;
    word-wrap: break-word;
}

#slidesbot .pagination {
    position: absolute;
    right: -55px;
    top: 118px;
    width: 100px;
}

#slidesbot .pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

#slidesbot .pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../images/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

#slidesbot .pagination li.current a {
    background-position:0 -12px;
}

#slidesbot .prev, #slidesbot .next{ position:absolute}

#slidesbot .prev {
    left: -13px;
    top: 22px;
    background-position:-18px -0px;
    width:13px;
    height:26px
}
#slidesbot .next {
    right: -12px;
    top: 21px;
    background-position:-0px -0px;
    width:13px;
    height:26px
}
.slide-loader{
    margin-left: 125px;
    position: absolute;
    top: 107px;
    z-index: 500;
    display:none;
}
.decoration-selection-loader{
    margin-left: 196px;
    margin-top: 46px;
    position: absolute;
    width: 50px;
    z-index: 200;
    display:none;
}
/*#decoration-msg{
    background-color: #D8EEE7;
    display: none;
    margin: 5px;
    padding: 5px;
}*/

.bot-text{
    color:#74cbc8;
    padding:5px 0 45px 39px;
    text-align:left;
    clear:both
}
.drag-image{
    cursor:move;
    width:50px;
    height:50px;
    overflow:hidden
}
.ov-flavor-info{
    border:1px #b9e4e3 solid;
    width:330px;
    padding:18px;
    position:absolute;
    background:#fff;
    box-shadow:0px 3px 3px #b9e4e3;
    -moz-box-shadow:0px 3px 3px #b9e4e3;
    -webkit-box-shadow:0px 3px 3px #b9e4e3;
    top: 109px;
    display:none
}
.ov-flavor-info .ov-sea-img{ width:110px; margin:0}
.ov-flavor-info .ov-sea-cont { margin-left: 129px; text-align:left}
.SpecialDecoBx{ overflow:hidden; margin-bottom:25px}
.FormWrapDesing{
    width:315px;
    float:left
}
.FormWrapDesing .Formtext{
    width:135px
}
.special-deco-bx{
    margin-left:335px;
    height:105px
}
/*order-summery*/
.order-summery{
    border-top:2px #e4e5e5 solid;
    padding:42px 0 200px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.order-sum-box{
  padding:0;
  margin: auto;
  width: 950px;
}
/*.order-info{ width:675px; overflow:hidden; margin-bottom:40px}*/
.order-info{
    overflow:hidden;
    margin-bottom:40px;
    padding-left:35px;
    border-bottom: 1px solid #B9E5E4
}
.store-info{
    float:left;
    width:290px;
    border-right:1px #b9e5e4 solid
}
.store-info td{
    padding:0 0px 8px 0
}
.customer-info {
    border-left: 1px solid #b9e5e4;
    margin-left: 290px;
    padding-left: 38px;
}
.customer-info span{ color:#74cbc8}
.customer-info li{ line-height:20px}

.orderinfo span{ color:#74cbc8}
.orderinfo li{ line-height:20px}

.btnedit{
    display:inline-block;
    border:1px #74cbc8 solid;
    padding:0px 4px;
    color:#74cbc8
}
.btnedit:hover{color:#74cbc8}

.btnedit-new{
    display:inline-block;
    border:1px #74cbc8 solid;
    padding:0px 4px;
    color:#74cbc8;
	margin-left:10px;
}
.btnedit-new:hover{color:#74cbc8}
.cake-order-det{
    border:1px #72cac8 solid;
    padding:15px;
    width:645px;
    overflow: hidden;
    margin-bottom:15px
}
.cake-order-det1{
    padding:15px;
    width:645px;
    overflow: hidden;
    margin-bottom:15px
}
.order-cake-bx{
    overflow:hidden;
    margin-top:7px
}
.order-sum-img{
    width:300px;
    float:left;
    margin-top:6px
}
.order-sum-imgbx{
    width:70px
}
.order-cake-value{margin-left:305px}
.order-cake-value th{
    text-transform:uppercase;
    color:#74cbc8;
    padding-bottom:10px;
    font-weight:normal;
    text-decoration:underline
}
.decoration-info{
    padding-left:25px
}
.fo-co{color:#74cbc8; }
.order-total-wrap{
    width:960px;
    overflow:hidden;
    margin:5px auto 90px auto;
    padding:5px;
}
.order-shdw { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 3px 1px #999; -webkit-box-shadow: 0 0 3px 1px #999;
	box-shadow: 0 0 3px 1px #999; behavior: url(/PIE.htc); }
.order-tot, .order-ship-info{ float:right; margin-left:15px;border:0px #72cac8 solid; }
.order-tot{ width:265px; padding:0 0 0px 0; }
.order-tot td{
    padding-left:15px
}
.order-tot h4{
    font-family: Lato, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color: #478E8C;
}
.total-amt td{ border-top:1px #e2f2ed solid}
.order-ship-info{ width:255px; padding:12px 15px 15px 15px; height:121px}
.order-ship-info h4{ margin-bottom:3px}
.addmore-items{
    background:url(../images/btn-addmore-items.png) no-repeat;
    width:152px;
    height:27px;
    margin-right:15px
}

.contune-checkout{
   background:url(../images/btn-conti-checkout.png) no-repeat;
    width:273px;
    height:27px;
    margin-right:50px
}
/*order_history*/
.order_history{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 200px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.order_history_bx{padding-left:35px}
.order-his-id{ margin-bottom:23px}
.edit-recorder{
    border:1px #74cbc8 solid;
    padding:5px 8px;
    color:#74cbc8;
    margin-left:10px
}
.edit-recorder:hover{ color:#98ddda}
.Grid-order{ border-bottom:1px #d8eee7 solid}
.Grid-order a{ text-decoration:underline}
.Grid-order a:hover{ text-decoration:none}
.Grid-order th{
    color:#74cbc8;
    font-weight:normal;
    text-align:left;
    padding-right:10px;
    font-size:13px
}
.Grid-order td{
    padding:13px 10px 13px 0;
    border-top:1px #d8eee7 solid
}
.order-sub-item .order-descri,.order-sub-item .order-sub-total{ padding-left:12px}
.totalgrid{ border:none}
.totalgrid td{ border:none;padding:10px 10px 10px 0;}
.orderhis-bot{ overflow:hidden; width:938px}
.orderhis-cust-info{ float:left; width:395px; margin:37px 0}
.orderhis-cust-info h4{ margin:10px 0 2px 0}
.subtotal-bot{ float:right}
.btn-print{
    background:url(../images/btn-print.png) no-repeat;
    width:89px;
    height:27px
}
/*My-account*/
.My-account{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 200px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.My-account-bx{
    padding-left:35px
}
.My-account-bx .Grid-order{ border:none; margin-bottom:30px}
.btn-edit-profile{
    background:url(../images/btn-edit-profile.png) no-repeat;
    width:112px;
    height:27px;
    margin-right:15px
}
.btn-change-pass{
    background:url(../images/btn-change-password.png);
    width:153px;
    height:27px
}

/*order-history-grid*/
.order-history-grid{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 200px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.order-history-gridbx{ padding-left:35px;}
.order-history-gridbx .Grid-order{ margin-bottom:35px}

/*party-ess-merch*/
.party-ess-merch{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 200px;
    margin-top:24px;
    position:relative /*for right side order details*/
}
.party-ess-merchbx{ padding-left:10px;}
.party-box{
    margin-bottom:30px
}
.fusion-secondary-main-menu {
  margin-top: 20px;
}
.party-mainhead{
    padding-left:25px;
    height:30px;
    color:#74cbc8;
}
.party-mainhead span{ display:inline-block; text-decoration:underline}
.pa-ess{ width:325px;}
.tx-price{ width:115px;}
.party-subhead{
    xbackground:url(../images/line.png) right center no-repeat ;
    margin:15px 0 15px 25px;
    cursor:pointer
}
.subhead-arrow {
    background-position: 0 -50px;
    height: 18px;
    margin: 1px 0 0 -21px;
    position: absolute;
    width: 17px;
}
.arrow-toggle .subhead-arrow {
    background-position: 0 -34px;
    margin-top:5px
}
.party-sub-item{ padding-left:55px; overflow:hidden;margin-bottom: 6px;}
.party-sub-item li{
    display:inline-block;
    float:left
}
.party-subitem-head{ width:300px}
.party-subitem-price{ width:117px; color:#74cbc8}
.party-subitem-amt{ width:42px}
.party-subitem-amt .qtycrave{ width:22px; padding:4px 5px}
.party-subitem-img{ width:22px; cursor:pointer;}
.party-subitem-img:hover .party-subitem-bigimg{ display:block}
.party-subitem-bigimg{ display:none; position:absolute; margin:-27px 0 0 33px}

/*cupcake-decoration*/
.cupcake-decoration{
    border-top:2px #e4e5e5 solid;
    padding:11px 0 200px;
    margin-top:24px;
    position:relative /*for right side order details*/
}




.tx-enterpass{ text-align:center; padding-top:10px}
.password-box{
    padding:30px 10px;
    margin:auto;
    width:295px
}
.Popup-btn{
    background:#f0f0f0;
    border-top:1px #ccc solid;
    text-align:right;
    padding:10px;
    overflow:hidden
}
.Popup-btn .BtnCommen{ float:right; margin:0 5px .}

.btn-reset-pass{
    background:url(../images/reset-password.png) ;
    width:136px;
    height:27px;
}

/*=======================================
                New classes
========================================*/
.
.name-outer-text{
    width:440px;
    float:left;

}
.name-outer-text-below{
    width:440px;
    float:left;
    margin-top: 10px;

}
.NameInput-below{
    width: 430px;
    min-height: 42px;
    float: left;

}
.Formtext-cupcake-decoration{
    float:left;
    width:180px;
    padding:2px 0 0 0
}
.decoration-text{
    text-decoration:underline;
    margin-bottom:20px;
}

.SpecialDecoBx-outer{overflow:hidden; margin-bottom:25px;}
.FormWrapDesingnew{
    width:315px;
    float:left
}

.name-outer-text-decobox{
    width:440px;
    float:left;
    margin-top: 10px;
}

/*=======================================
                Order Payment
========================================/*/
/*
.orderpayment-bottom-outer{
    border-top:1px #72cac8 solid;
    width:676px;
    margin-bottom:15px;
    min-height:449px;

}*/
#order_total_wrap {
    margin:20px 0 0 0 !important;
}
.orderpayment-bottom-outer{
    border-top: 1px solid #B9E5E4;
    margin-bottom: 15px;
    min-height: 508px;
    width: 960px;
    float: left;
}
/*.orderpayment-total-wrap{
    width:677px;
    overflow:hidden;
    margin-bottom:25px
}*/
.orderpayment-total-wrap{
    margin-bottom: 25px;
    margin-top: 30px;
    overflow: hidden;
    width: 938px;
}
.orderpayment-left-outer{
	width:314px;
	float:left;
    margin: 0px 0 0 13px;
    border-right:1px solid #B9E5E4;

}
.orderpayment-left-inner{
    width:284px;
    float:left;
    xmargin-left: 15px;

}


.orderpayment-right-outer{
    width:600px;
    float:right;
    min-height:610px;
    /*border-left:1px solid #B9E5E4;*/
}

.orderpayment-right-inner{
	width:391px;
	float:left;
	margin:43px 0 0 40px;
}

.DateSelect select{
    background: none repeat scroll 0 0 #D8EEE7;
    border: medium none;
    color: #333333;
    font-family: Lato, Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 4px;
    resize: none;
    margin-right: 24px;
}
.InputText-orderpayment{
    width:138px;
    padding:4px;
    font-size:12px;
    color:#333333;
    font-family: Lato, Arial, Helvetica, sans-serif;
    resize:none;
    border:none;
    background:#d8eee7
}
.btn-edit-outer{
	width:auto;
	float:right;
	margin-right:33px;
	margin-top:20px;

}
.NameInput-new{
    min-height:84px;
}
.order-payment-btnedit-new{
    display:inline-block;
    border:1px #74cbc8 solid;
    padding:0px 4px;
    color:#74cbc8;
	width:148px;
	text-align:center;
	margin-right:15px;

}
.order-payment-btnedit-new:hover{color:#74cbc8}
.decoration-text{
    text-decoration:underline;
    margin-bottom:20px;
}

.slide ul {
    margin: 0 5px;
    overflow: hidden !important;
    width: 440px !important;
}
.slide ul li {
    float: left;
    margin: 0 6px;
    text-align: left;
    width: 60px;
    word-wrap: break-word;
    line-height: 14px;
}


/*--- new stylesheets developed by saravanan ---*/
#modl_mn { width:955px; background:#fff; padding:20px; overflow:hidden; display: block; }
.modl_mrgn { margin:40px auto 0 auto;}
.modl_mrgn2 { margin:10px auto 60px auto;}
.modl_mrgn3 { margin:10px auto;}
.modl_shp { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 3px 1px #efefef; -webkit-box-shadow: 0 0 3px 1px #efefef;
	box-shadow: 0 0 3px 1px #efefef; behavior: url(/PIE.htc); }
h1.cks_txt { font-family: Lato, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#478e8c; margin:0; text-transform:uppercase; }
h1.mdl_hdln { font-family: Lato, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#577d7c; margin:0 0 5px 0; }
.mdl_blk { width:925px; border-bottom:1px solid #ceedec; padding:15px 15px 15px 15px; overflow:hidden; }
.mdl_blk img {width:100px; height:120px; padding:0; margin:0; }
.mdl_brdrnn { border-bottom:0px; }

.mdl_lft { float:left;}
.mdl_rgt { float:right; }
.mdl_txtrgt { text-align:right; }
.prdn_sec { width:22%; }
.prdn_sec1 { width:45%; }
.prdn_sec2 { width:34%; }
.prdn_sec3 { width:34%; }
.dctn_sec { width:28%; }
.dctn_sec1 { width:38%; }
.qnty_sec { width:23%; }
.qnty_sec1 { width: 28%; }
.qnty_sec2 { width: 10%; }
.qnty_sec3 { width: 42%; }
.amnt_sec { width:24%; }
.trsh_sec { width:3%; }

.dctn_div { width:auto; height:104px; display:block; background:#e2f4f4; padding:10px 5px 10px 10px; }
.dctn_div .dctn_lfthd { width:60px; float:left; margin:0 5px 0 0; }
.dctn_div .dctn_lfthd img { width:60px; height:60px; padding:0; margin:0; }
.dctn_div .dctn_lfthd span.dctn_tt { text-align:center; display:block; padding:0; margin:0; font-family: Lato, Arial, Helvetica, sans-serif; color:#577d7c; font-size:11px; font-weight:normal; line-height:13px; }
.dctn_div .dctn_rgtcnt { float:left; width:150px; }
.dctn_div .dctn_rgtcnt .sectxt_div { font-family: Lato, Arial, Helvetica, sans-serif; color:#577d7c; font-size:11px; font-weight:normal; line-height:16px; display:block; overflow:hidden; }
.dctn_div .dctn_rgtcnt .sectxt_div span { width:82px; float:right; display:inline; }

label.qnty_div { font-family: Lato, Arial, Helvetica, sans-serif; color:#577d7c; font-size:13px; font-weight:normal; }
label.ttl_div { font-family: Lato, Arial, Helvetica, sans-serif; color:#577d7c; font-size:13px; font-weight:bold; }
input.edt_butt { background: url(/images/edit_icon.png); width:10px; height: 10px; border:0; cursor:pointer; }
@-moz-document url-prefix() { input.edt_butt { position: relative; top: 5px; } }
input.trsh_butt { background: url(/images/trash_icon.png) no-repeat bottom center; width:13px; height: 14px; border:0; cursor:pointer; clear: right; }
.ifimg_trshshwn { position:relative; top: 70px; }
.ifimg_trshshwn2 { position:relative; top: 0; }
input.edt_txt { width: 40px; border:1px solid #ceedec; font-family: Lato, Arial, Helvetica, sans-serif; color:#577d7c; font-size:12px; font-weight:normal; text-align: right; }
input.sv_but { padding: 2px 6px; width: auto; background: #96c8c6; font-family: Lato, Arial, Helvetica, sans-serif; color:#fff; font-size:11px; font-weight:normal; border: 0; position: relative; top: -1px; cursor:pointer; }

.msg_blk { width:925px; background: #96c8c6; padding:7px 15px; overflow:hidden; font-family: Lato, Arial, Helvetica, sans-serif; color:#fff; font-size:13px; font-weight:normal; }

@media print {
.noprint {display:none;}
}

/*--- new css by saravanan ---*/
.store-info1{
    float:left;
    width:290px;
}
.store-info1 table{
    padding:0 0 10px 0;
}
.store-info1 td{
    padding:0 10px 2px 0
}
.customer-info1 {
    width:300px;
    border-left: 1px solid #b9e5e4;
    min-height: 160px;
    max-height: 450px;
    float: left;
    padding:0 0 10px 38px;
}
.customer-info1 span{ color:#74cbc8}
.customer-info1 li{ line-height:20px}
.recipient-phone1{ float:none; display: block;}
.InputText1{ width:50px; padding:4px; font-size:12px; color:#333333; font-family: Lato, Arial, Helvetica, sans-serif; resize:none; border:none; background:#d8eee7}
.NameInput1{ min-height:32px;}
h1.cks_txt1 { font-family: Lato, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#478e8c; margin:0; text-transform:uppercase; }
.cks_txt2 { font-size:12px !important; font-weight:normal !important; color:#478e8c; margin:0; text-transform:none !important; margin-left: 5px!important; }
h1.mdl_hdln1 { font-family: Lato, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#577d7c; margin:0 0 5px 0; }
#modl_mn1 { width:950px; background:#fff; padding:20px 20px 10px 20px; overflow:hidden; display: block; }
.mdl_blk1 { border-bottom:1px solid #ceedec; padding:15px 5px; overflow:hidden; }
.mdl_blk2 { border-bottom:1px solid #ceedec; padding:10px 0 5px 0; overflow:hidden; }
.mdl_blk1 img {height:100px; padding:0; margin:0; }
.mdl_brdrnn1 { border-bottom:0px; }
.dctn_div1 { width:auto; height:80px; display:block; background:transparent; padding:0 5px 10px 0; }
.dctn_div1 .dctn_lfthd { width:60px; float:left; margin:0 5px 0 0; }
.dctn_div1 .dctn_lfthd img { width:60px; height:60px; padding:0; margin:0; }
.dctn_div1 .dctn_lfthd span.dctn_tt { text-align:center; display:block; padding:0; margin:0; font-family: Lato, Arial, Helvetica, sans-serif; color:#577d7c; font-size:11px; font-weight:normal; line-height:13px; }
.dctn_div1 .dctn_rgtcnt { float:left; width:150px; }
.dctn_div1 .dctn_rgtcnt .sectxt_div { font-family: Lato, Arial, Helvetica, sans-serif; color:#577d7c; font-size:11px; font-weight:normal; line-height:16px; display:block; overflow:hidden; }
.dctn_div1 .dctn_rgtcnt .sectxt_div span { width:82px; float:right; display:inline; }
.grtng_msgblk {float: left; margin: 0 0 0 20px;}
.grtng_msgblk textarea {width: 340px; height: 66px;}
.order-tot1, .order-ship-info{ float:right; margin-left:15px;border:0px #72cac8 solid; }
.order-tot1{ width:265px; padding:0; margin: 10px 0 0 0; }
.order-tot1 table{ padding:10px 0 0 0; }
.order-tot1 td{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 20px;
}
.order-tot1 h4{ font-family: Lato, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color: #478E8C;}
.total-amt1 td{ border-top:1px #e2f2ed solid; height: 40px;}

.order-sum-imgbx1{ display: block;}
.slide-box1{ width:295px; height:230px; position: relative;}
.slide-box1 ol li img{ width:50px; height:50px;}

.loadingMsg{
    background-color: #D8EEE7;
    color: #6C4826;
    font-weight: bold;
    left: 94px;
    padding: 5px;
    position: absolute;
    top: 360px;
    z-index: 1000;
}

.btn_cancel_editing {
    background: url("../images/cancel_editing.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    width: 160px;
    display:inline-block;
    float:left;
    margin-right:10px
}

.total_qty{
    border-top: 1px solid #E2F2ED;
    border-bottom: 1px solid #E2F2ED;
}
.error_ul{
    list-style: disc !important;
    padding:0 0 0 34px !important;
    color:#E31837 !important;
}
.error_ul li{
    padding:0px !important;
    list-style: disc !important;
}
.error_bg{
     background: none repeat scroll 0 0 #D8EEE7;
    border: 1px solid #AADFCE;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #CCCCCC;
    color: #FBE4E3;
    line-height: 29px;
    margin: 10px 0;
    width: 285px;
}

/*------ anooj css ------------*/
.ofrs_outer{
    width: 728px;
    float: left;
    margin-left: 12px;
}
.ofrs_hd{
    width: 521px;
    height: 28px;
    margin: 0px auto;
    text-align: center;
    background: url(../images/originalsizecupcakeimages.png) no-repeat;
    clear: both;
}
.ofrimg_numbr_outr{
    width: 424px;
    margin: 0px auto;
    margin-top: 23px;
    min-height: 51px;
}
.ofr_numbr_img{
    width: 48px;
    height: 47px;
    float: left;
    background: url(../images/ofr_numberimg.jpg);
    border: none;
}
.ofr_numbr_img:hover{
    background: url(../images/ofr_numberimg_hover.jpg);
    border: none;
    cursor: pointer;
}
.ofr_numbr_img2{
    width: 48px;
    height: 47px;
    float: right;
    background: url(../images/ofr_img2.jpg);
    border: none;
}
.ofr_numbr_img2:hover{
    background: url(../images/ofr_img2_hover.jpg);
    border: none;
    cursor: pointer;
}
.orimg{
    width: 28px;
    height: 30px;
    position: absolute;
    background:url(../images/orimg.png);
    left: 396px;
    top: 146px;
}
.ofer_leftpart{
    width: 346px;
    float: left;
    border-right:1px solid #696969 ;
    padding-right: 22px;
    margin-top: 22px;
    min-height: 277px;
}
.ofer_rightpart{
    width: 336px;
    float: left;
    padding-left: 22px;
    margin-top: 22px;
}
.simple_dozen_box_hd{
    width: 186px;
    text-align: center;
    height: 14px;
    background: url(../images/simpldozenbox_hd.png);
    text-decoration: none;
    border: none;
    float: left;
    margin-left: 83px;
}
.simple_dozen_box_hd:hover{
     background: url(../images/simpldozenbox_hd_hover.jpg);
}
.design_your_box_hd{
    width: 236px;
    text-align: center;
    height: 14px;
    background: url(../images/design_ur_ownbox.png);
    text-decoration: none;
    border: none;
    float: left;
    margin-left: 40px;
}
.design_your_box_hd:hover{
     background: url(../images/design_ur_ownbox_hover.jpg);
}
.chse_the_optn_txt{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    clear: both;
    margin-top: 29px;
    letter-spacing:0.1em;
}
.offers_inner{
    width: 318px;
    float: left;
    text-decoration: none;
    margin: 15px 0 0 21px;
    height: 280px;
}
.offers_inner ul{
    width: 100%;
    float: left;
    list-style: none;
}
.offers_inner ul li{
    list-style: none;
    display: block;
    float: left;
    padding-bottom: 15px;
}
.offers_inner ul li a:hover{
    line-height: 27px;
    padding: 0 0 20px 0px;
}
.check_boximg{
    width: 26px;
    height: 22px;
    float: left;
}
.spantxt{
    padding:3px 0 0 5px;
    width: 286px;
    float: left;
}
.padding{
    padding: 5px 0 0px 0;
}
.design_box_outr{
    width: 615px;
    float: left;
}
.design_box_left{
    width: 277px;
    float: left;
}
.design_box_right{
    width: 350px;
    float: left;
    padding-left: 50px;
    padding-top: 40px;
}
.design_box_hd{
    width: 100%;
    text-align: left;
    float: left;
    font-family: 'FuturaStdBold';
    font-size: 13px;
    color: #72cac8;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}
.freetxt{
    color: #e31837;
}
/*---- design ur own box ----*/
.dyob_sd_msg{
/*    width: 600px;
height :33px;
*/
    width: 800px;
    float: left;
    height: auto;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12px;
    margin: 0px;
}
.dyob_sd_msg img{
    width: 17px;
    height: 23px;
    display: inline;
    position: relative;
    top: 5px;
}
.dyob_sd_msg p{
    width: 100%;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #572500;
}
.dyob_sd_msg span{
    color: #96d7d5;
    font-size: 12px;
}
/*------------------------- css for order landing page-----------------------*/

body { background:#fff; margin:0; padding:0;}
#container { width:100%; min-width:600px; float:left;background:url(../images/map.png);background-size: 100%;}
.ftr_container { width:100%; height:96px; position:fixed; bottom:0; left:0; right:0; background:url(../images/crvcpck_ftrbg.png) repeat top center; margin:0 auto; min-width:600px;/*background-size: 100%;*/}
.crvcpck_hdr { width:100%; height:129px; text-align:center; ;background:url(../images/crvcpck_bg.png) repeat top center; position:absolute;top:0; min-width:600px;/*background-size: 100%;*/}
.crvcpck_tpttl { width:591px; height:27px; margin:0 auto; padding:30px 0 12px 0; overflow:hidden;}
.tpdscrtn { display:block; text-align:center; margin:0; padding:0; font-family: Lato, Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; }
.crvcpck_mdlsctn { width:100%; height:100%; padding:127px 0 97px 0; position:relative;}
.img_outer{width:100%;height:33%;  position:relative;}
.img_outer img{max-width:100%;}
.mdlnk_frtltp { width:17%; list-style:none; padding:0; margin:0 auto; }
.crvcpck_ftr { width:100%; text-align:center; padding:32px 0 0 0;}
.crvcpck_ftrtl { width:216px; height:44px; margin:0 auto; padding:0;}
/*----------- anooj---------------*/
.pickup_image{width:100%;  float:left; height: 100%;}
.pickup_image img{max-width:100%;max-height:100%;}
.local_delivery_image{width:100%; float:left; height: 100%;}
.local_delivery_image img{max-width:100%; max-height:100%;}
.nationwide_shipping_image{width:100%;  float:left; height: 100%;}
.nationwide_shipping_image img{max-width:100%;max-height:100%;}
/*---- tooltip css starts -----*/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:0px; margin-left:-80px; width:435px; line-height:16px; font-family: Lato, Arial, Helvetica, sans-serif; font-size:12px; }

a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #95d7d5; background:#ffffff;}
.callout {z-index:20;position:absolute;top:80px;border:0;left:-14px;}
a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC;}
.tooltip_inr{width: 100%;height: 150px; float: left;overflow: hidden;overflow-x:hidden;overflow-y:scroll;padding: 10px 0 0 0; }
/*----------- new css -----------------*/


@media  screen and (min-width:960px) and (max-width:1023px) {
    a.tooltip span{ width:340px; margin-left:-20px; font-size:11px; margin-top:-17px;}
    .crvcpck_mdlsctn{margin-top:10px;}
}
@media  screen and (min-width:768px) and (max-width:959px) {
    a.tooltip span{ width:286px; margin-left:-20px; font-size:10px; margin-top:-8px; padding:8px; line-height:12px;}
    .crvcpck_mdlsctn{margin-top:10px;}
    .callout{top:72px;}

}
@media  screen and (min-width:0px) and (max-width:767px) {
    a.tooltip span{ width:286px; margin-left:-20px; font-size:10px; margin-top:-8px; padding:8px; line-height:12px;}
    .crvcpck_mdlsctn{margin-top:10px;}
    .callout{top:72px;}

}
/*---------------------------------------------------------------*/

.fusion-secondary-header .fusion-alignleft, .fusion-secondary-header .fusion-alignright {
  z-index: 1000;
}

.fusion-header-wrapper.fusion-is-sticky .fusion-sticky-header-wrapper {
  z-index: 1000 !important;
}

.no-scroll {
  height: 100% !important;
  overflow: hidden !important;
}

#slides .pagination li.current {
  background-color: inherit !important;
  color: inherit !important;
  border: inherit !important;
}

#slides .pagination li.current a, #slides .pagination .current a:before {
  color: inherit !important;
}

#slidesbot .pagination li {
  padding: inherit !important;
}

div.clonecake {
  float: left;
  position: relative;
}

.item-tr {
  overflow: visible;
}

.order-info-bar {
  width: 820px;
  margin-bottom: 5px;
}

.order-info-bar-process {
  width: 300px;
  border-right: 1px solid #696969;
  float: left;
  height: 130px;
}

.order-info-bar-details {
  width: 400px;
  float: left;
  margin-left: 20px;
}

@media only screen and (max-width: 1100px) {
  #modl_mn1 {
    width: 100%;
  }

  .store-info {
    float: none;
  }

  .orderpayment-left-outer {
    float: none;
  }

  .orderpayment-right-outer {
    float: none;
  }

  .BtnCommen.btn-back.returntoordersummary {
    position: relative;
    left: -100px;
  }

  .order-sum-box {
    max-width: 100%;
  }

  .order-info-bar {
    width: 100%;
  }

  .order-info-bar-process {
    border-right: 0;
  }

  .order-info-bar-details {
    margin-bottom: 100px;
  }

  .Formtext {
    float: none;
  }

  .NameInput.Suite {
    margin-left: inherit;
  }

  .NameInput.alternative-phone {
    margin-left: inherit;
  }

  .NameInput.check-resi {
    margin-left: inherit;
    clear: both;
  }

  .CheckdeliveryFees {
    margin: inherit;
    position: inherit;
    margin-bottom: 10px;
  }

  .InputText {
    margin-bottom: 20px;
  }

  .form-order-details input.InputText {
    margin-bottom: 20px;
  }

  .pickup-right {
    display: none;
  }

  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
    width: 250px !important;
  }

  .Popup-btn .BtnCommen.finalize-order.contune-checkout {
    float: none;
  }

  .ui-widget textarea {
    width: 210px !important;
  }

  .ui-dialog-content {
    padding: inherit;
  }

  .BtnCommen.btn-notnow.finalize-order {
    display: none;
  }

  .Popup-btn {
    border: 0;
    padding: 0;
    margin-top: -30px;
    margin-bottom: 10px;
    background: inherit;
  }
}