/* CSS Document */
.shadow-hor.conv{ top:auto; bottom:0; background:url(../images/shadow-hor-bg-conv.png) no-repeat;}
.menu-page .main-content-wrapper{ height:240px;}
.menu-page .share{ float:right; position:absolute; right:11px; bottom:11px;}
.one-item{ position:relative;height:100%;}
.one-item img{ float:left;}
.one-item .text{font-family:SFUAmericanTypeMedium;color:#fff; padding-right:33px; position:relative; z-index:3;}
.one-item .text h6{font-size:20px; line-height:60px; margin-bottom:-13px;}
.one-item .text h6 a{color:#fff;}
.one-item .text .address{ font-size:15px; line-height:23px;}
.one-item .text .address.web{ color:#cccc00;}
.one-item .p-icon{ font-size:12px; line-height:24px; position:relative; padding:7px 0 0 32px; min-height:24px;}
.one-item .p-icon .place{color:#ffcc00; padding-left:6px; float:left}
.one-item .p-icon .arrow{ float:left;height:18px; width:18px; cursor:pointer; background:url(../images/ico-form.png) -40px -534px  no-repeat; margin-left:16px; position:relative; top:3px;} 
.ddl-place{padding-left:0; position:absolute; right:236px; bottom:-60px; z-index:2;}
.ddl-place .toggle{display:inline-block; background-color:#fff; z-index:2;padding:4px 0; overflow:hidden; line-height:0;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;y
}
.ddl-place .toggle i{ clear:left; float:left; line-height:26px; color:#333; padding-left:6px; width:132px;font-family:SFUAmericanTypeMedium; font-size:12px;cursor:pointer;}
.ddl-place .toggle i:hover{ color:#339933;}
.one-item .icon{ display:block; width:24px; height:24px; position:absolute; left:0; top:7px;}
.one-item .name .icon{background:url(../images/ico-menu.png) 0 0 no-repeat;}
.one-item .name{ text-transform:uppercase;}
.one-item .time .icon{background:url(../images/ico-menu.png) 0 -60px no-repeat;}
.one-item .delivery .icon{background:url(../images/ico-menu.png) 0 -120px no-repeat;}
.one-item .delivery{ font-weight:700; float:left;}
.one-item .text .web:hover{ text-decoration:underline;}
.menu-page .one-item img{ padding-right:33px;}

.list-menu{position:relative; z-index:2;}
.type-menu{clear:left; float:left; width:100%;}
.type-menu img{margin:auto; clear:left; float:left;}
.type-menu .caption{height:44px;background-color:#ececec; width:100%; margin-top:14px; clear:left; float:left;
	box-shadow:-1px 2px 2px rgba(0,0,0,0.19);-moz-box-shadow:-1px 2px 2px rgba(0,0,0,0.19);-webkit-box-shadow:-1px 2px 2px rgba(0,0,0,0.19);
}
.type-menu .caption h6{font-size:15px; line-height:44px; color:#000;font-family:SFUAmericanTypeMedium; text-transform:uppercase; padding-left:18px;}
.list-type-menu{clear:left; float:left; width:644px;}
.list-type-menu {margin-bottom:2px;width:100%;}
.list-type-menu li{ padding:12px 0; height:34px; width:100%;border-bottom:1px dashed #999; clear:left; float:left;position:relative;}
.list-type-menu li .hover{ background:rgba(204,204,204,0.3); display:block; width:652px; height:100%; position:absolute; top:0; left:-6px; z-index:1;}
.list-type-menu li .name,.list-type-menu li .voucher,.list-type-menu li .button,.list-type-menu li .price{ float:left; height:34px;}
.list-type-menu li .name{ font-size:13px; line-height:18px;font-family:SFUAmericanTypeMedium; color:#000; width:274px;}
.list-type-menu li .voucher{width: 55px; height:100%;}
.list-type-menu li .voucher a{width:55px;height:30px;background:url(../images/ico-menu.png) 0 -180px no-repeat; display:block;margin-top:5px;}
.list-type-menu li .price{ width:210px; text-align:right; line-height:31px; color:#333; font-size:14px;font-family:SFUAmericanTypeMedium;}
.list-type-menu li .price i{ text-transform:uppercase; font-size:12px; padding:0 6px;}
.list-type-menu li .button{ width:102px;}
.btn.order{ background-position:0 -350px; height:33px; line-height:24px; font-size:14px; text-shadow:-1px 2px 2px rgba(0,0,0,0.75); width:100%; margin-top:3px;}
.btn.order:hover{background-position:-110px -350px;}

.menu-page .popup{ background:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ddd; padding:0; width:344px;}
.menu-page .popup .popup-inner{ overflow:hidden; width:100%;}
.menu-page .popup .popup-inner img{ text-align:left; float:left; padding-right:13px; margin:5px 0 0 5px; display:inline-block; padding-bottom:5px;}
.menu-page .popup .popup-inner p{font-family:SFUAmericanTypeMedium;font-size:13px;color:#333; line-height:18px; padding-right:16px; height:102px; vertical-align:middle; display:table-cell;}
.menu-page .popup .popup-inner .popup-inner-white{ background:url(../images/bg-popup-title.jpg) repeat; clear:left; float:left; width:100%;}
.menu-page .popup .popup-inner .voucher{ height:auto; padding-left:4px;}
.menu-page .popup .popup-inner .voucher a{ margin-top:0;}
.menu-page .popup .popup-inner .price{ width:auto; float:right;}
.tail-popup{ display:inline-block; position:absolute; width:21px; height:18px; top:143px; left:37px; background:url(../images/tail-popup.png) no-repeat;}

.search-conditions{position:relative;z-index:2;}
.search-conditions .sc-left{width:650px; position:relative; top:14px;}
.search-conditions .title{display:inline-block; float:left;font-size:18px; color:#333333;font-family:SFUAmericanTypeMedium,arial;padding:0 11px 0 4px;line-height:44px;}
.search-conditions .select{float:left;position:relative;margin-right:5px;}
.search-conditions .select .selected{padding:8px 6px; position:relative;background:url(../images/ico-form.png) no-repeat scroll 0 -487px; width:167px; height:28px;}
.search-conditions .select .selected span{display:block;font-size:18px; color:#333333;font-family:SFUAmericanTypeMedium,arial;line-height:28px;padding-left:8px;width:120px;}
.search-conditions .select .selected a{display:block;width:35px; height:19px;position:absolute;top:8px; right:6px;text-align:center; padding-top:9px;}
.search-conditions .select .selected a i{display:inline-block;background:url(../images/ico-form.png) no-repeat scroll 0 -563px; width:16px; height:12px;vertical-align:top;cursor:pointer; }
.search-conditions .select .list-select{position:absolute; left:5px; top:38px;background:#fff;width:168px;border:1px solid #ccc;}
.search-conditions .select .list-select ul li{font-size:18px;color:#333;font-family:SFUAmericanTypeMedium,arial;line-height:28px;padding-left:8px;cursor:pointer;}
.search-conditions .select .list-select ul li:hover{color:#339933;}
.search-conditions .select.find{ float:right;}
.search-conditions .select.find .selected a{width:31px; height:24px; padding-top:5px;right:7px; top:6px;}
.search-conditions .select.find .selected a i{ background-position:-100px -534px; width:23px; height:20px;}
.search-conditions .select.find .selected{ background-position:-206px -531px; width:241px; height:30px;padding:6px;}
.search-conditions .select.find .selected input {border:0 none;color: #333333;display: block;font-family: arial;font-size: 15px;line-height: 18px;padding-left: 8px;width: 194px;font-style:italic;padding:5px;color:#666;}

/*right*/
.module {clear:left; float:left; width:100%;}
.mod-cmt{margin-top:14px;}
.mod-cmt h6{ font-size:20px; line-height:18px; font-family:SFUAmericanTypeMedium;color:#000;text-shadow:0 1px 0 rgba(255,255,255,1); padding:14px 0 16px 17px;}
.text-cmt{ padding:0 0 10px 16px;}
.text-cmt .avatar{ margin-top:6px;float:left;}
.text-cmt img{border:1px solid #fff;margin-right:12px;}
.text-cmt .nick{color:#333; font-family:SFUAmericanTypeBold; font-size:13px; line-height:18px;}
.text-cmt .comment{color:#333; font-family:SFUAmericanTypeMedium; font-size:13px; line-height:18px;}
.tail-cmt{width:100%;}
.text-tail-cmt{ background-color:rgba(204,204,204,0.5); width:100%; height:37px; overflow:hidden;}
.text-tail-cmt p{ line-height:20px;color:#333; font-size:15px; font-family:SFUAmericanTypeMedium; padding:10px 0 0 19px;}
.text-tail-cmt p span{color:#333; font-size:20px; font-family:SFUAmericanTypeMedium; padding:0 6px 0 9px;}
.text-tail-cmt p i{display:inline-block; background:url(../images/ico-form.png) -60px -534px;width:33px; height:18px; }
.bg-tail-cmt{ display:inline-block; height:45px; width:321px; background:url(../images/tail-comment.png) no-repeat;}

.mod-urmenu{ background:url(../images/steps-bg.gif) repeat; width:100%; position:relative; margin-top:14px;}
.mod-urmenu h6{ color:#ff3300; font-size:20px;font-family:SFUAmericanTypeMedium; padding:10px 0 0 17px;}
.mod-urmenu .arrow{ width:35px; height:45px;display:block; position:absolute; top:40px; left:18px; background:url(../images/ico-right-menu.png) 0 0 no-repeat;}
.list-urmenu{ margin-top:48px; padding:0 9px 19px 19px;}
.list-urmenu .amount, .list-urmenu .name, .list-urmenu .price{ float:left;font-family:SFUAmericanTypeMedium;font-size:12px; margin-top:11px;}
.list-urmenu .amount{ width:65px;}
.list-urmenu .name{ width:153px;}
.list-urmenu .price{ width:74px; text-align:right}
.caption .amount,.caption .name,.caption .price{color:#666; line-height:20px; margin-top:0;}
.list-urmenu .list{ position:relative; margin-top:-10px;}
.list-urmenu .list .name{ color:#339900}
.list-urmenu .list .price{ font-size:13px; color:#333;}
.list-urmenu ul{ overflow:hidden;width:100% }
.list-urmenu .list li{clear:left; float:left;width:100%;border-top:1px dotted #8f8f8f;margin-top:12px;}
.amount .amo{ float:left; width:30px; height:26px; padding:3px 3px 4px 3px; background:url(../images/ico-form.png) -40px -185px no-repeat; text-align:center; line-height:24px; color:#333; font-size:15px;font-family:SFUAmericanTypeMedium; margin-right:3px;}
.amount .plus,.amount .minus{ width:13px; height:12px; float:left; border:1px solid #cfcfcf; background-color:#ebebeb; line-height:12px; text-align:center; font-size:15px; color:#000;font-family:arial; margin-top:2px; cursor:pointer;}
.dou-line{ display:inline-block; width:100%; height:0; font-size:0; border-bottom:1px solid #fff; border-top:1px solid #666; clear:left; float:left; overflow:hidden; }

.total-urmenu{background-color:rgba(204,204,204,0.7); width:100%;/* */overflow:hidden;padding-bottom:19px; border-bottom:1px dashed #fff;
	box-shadow:0 5px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 5px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 0 rgba(0,0,0,0.3);
}
.total-urmenu .desc{ float:left;font-size:15px; font-family:SFUAmericanTypeMedium; color:#333; line-height:22px;}
.total-urmenu .price{ float:right; font-size:13px; font-family:SFUAmericanTypeMedium; color:#333;line-height:22px;}
.total-urmenu .button{ text-align:center; padding-top:29px; clear:left; float:left; width:100%;}
.total-urmenu p{ overflow:hidden;}
.btn.payment{ background-position:0 -385px;height:54px; width:287px; line-height:50px;}
.btn.payment:hover{ background-position:0 -445px;}

.mod-timetable{background-color:rgba(174,174,174,0.1); width:100%;overflow:hidden;padding-bottom:9px;
	box-shadow:0 5px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 5px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 0 rgba(0,0,0,0.3);
}
.mod-timetable h6{font-family:SFUAmericanTypeMedium; font-size:18px; color:#333;padding:15px 0 10px;}
.mod-timetable p span{display:inline-block;font-family:SFUAmericanTypeMedium;font-size:13px;color:#333;line-height:22px;}
.mod-timetable p .desc{padding-right:27px;}
.mod-timetable p .price{font-size:15px;color:#ff3300;}
.mod-timetable p .time{font-size:15px;color:#000;font-weight:700;}
.mod-timetable p .dis{width:157px;}
.mod-timetable p .minute{width:31px;}
.mod-timetable p .free{width:76px; padding-left:24px;}
.mod-timetable .note{font-family:arial; font-size:12px; font-style:italic; color:#ff6600; clear:left; float:left; width:100%; margin-top:6px}

.menu-topping-popup .tbp-btn-close{background: url(/Style/css/ico/x.png);position:absolute;    top: -9px;
    right: -9px;
    width: 25px;
    height: 29px;
    cursor:pointer;
}

.menu-topping-popup{background: #fff;
    width: 650px;
    font-size: 14px;
    padding: 10px 10px 0 10px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.menu-topping-popup .tbc-btns{}
.menu-topping-popup .tbc-btns a{
    background: #f37934;
    display: block;
    float: right;
    padding: 10px;
    min-width: 100px;
    text-align: center;
    color: #fff;
    margin: 0 0 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;

}
.topping-item-modal-content {
    padding: 10px;
}
.topping-item-modal-content .topping-item-modal-list {
    max-height: 350px;
    overflow: auto;
}
.topping-item-modal-content .topping-item-modal-list-item-container {
    margin-bottom: 20px;
    border-bottom: #eee 1px solid;
}
.topping-item-modal-content .topping-item-modal-list-item-container-name h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.topping-item-modal-content .topping-item-modal-list-item-container-right {
    overflow: hidden;
}
.topping-item-modal-content .topping-item-modal-item {
    padding: 5px 0;
    float: left;
    width: 285px;
    margin-right: 10px;
    height: 20px;
}
.topping-item-modal-content .topping-item-modal-item-name {
    float: left;
    padding-left:20px;
}
.topping-item-modal-content .topping-item-modal-item-price {
    float: left;
    text-align: right;
    font-size: 13px;
    padding-top: 1px;
    padding-left: 15px;
}
.topping-item-modal-content .price-topping {
    color: #666;
}
.clearboth {
    clear: both;
}
.txt-grey {
    color: #8b8b8b;
}
.topping-loading {
    position: absolute;
    border-radius:5px;
    z-index: -1;
    background: #ffffff url('/Style/images/loading.gif') no-repeat center center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}