@charset "UTF-8";
/*WHITEFOOD SMART PHONE CSS Document */

a{ color:#0044cc; }
.fL{ float:left; }
.fR{ float:right; }

#wrap{ margin-bottom:10px; }

/*HEADER
*********************************************************************************************/
header{ margin-bottom:5px; }
header h1{ float:left; margin:10px 0 0 0; }
header .header-nav{ float:right; }

header table{ width:100%; }
header td{ padding:5px; text-align:center; }
header td a{ display:block; text-align:center; font-size:75%; color:#222; }


/*TOP PAGE
*********************************************************************************************/
.top-bnnr{ margin:10px 0; text-align:center; color:#666; font-size:90%; }
.top-bnnr img{ width:100%; margin-bottom:5px; }
.top-bnnr table{ width:100%; }
.top-bnnr td{ width:50%; padding:0 5px 10px 5px; vertical-align:top; font-size:80%; text-align:left; }

.btn-radio{ text-align:center; color:#666; font-size:90%; font-weight:bold; margin-bottom:20px; }
.btn-radio table{ width:100%; margin-bottom:10px; }
.btn-radio td{ width:33%; border-right:1px solid #ccc; padding: 0; }
.btn-radio td.last{ border-right:0; }
.btn-radio td img{ width:100%; vertical-align: bottom; }

.pickup{ margin-bottom:10px; }
.pickup h2{ border-top:2px solid #ddd; border-bottom:1px dotted #ddd; color:#000; font-size:110%; padding:6px 0; margin:0 0 5px 0; text-align:center; background-color:#f6f6f6; }
.pickup table{ width:100%; }
.pickup td{ width:50%; padding:0 5px 10px 5px; vertical-align:top; }
.pickup td img{ width:100%; margin-bottom:5px; }
.pickup td a{ color:#444; text-decoration:none; }
.pickup h3{ font-size:100%; font-weight:normal; margin:0; }
.pickup p.price{ margin:5px 0 0 0; font-size:95%; }

.special{ margin-bottom:20px; }
.special ul{ border-top:1px solid #ccc; }
.special li{ border-bottom:1px solid #ccc; padding-top:1px; height:62px;  margin-top:-1px; }
.special li a{ height:60px; display:block; color:#222; font-weight:bold; }
.special table{ width:100%; text-align:left; }
.special td.menuimg{ width:60px; padding-right:10px; }


/*NAV
*********************************************************************************************/
nav h2{ border-top:2px solid #ddd; color:#000; font-size:110%; padding:6px 0; margin:0; text-align:center; background-color:#f6f6f6; }
nav td.menuimg{ padding-right:10px; }

.navparent{ display: table; }
.navimg{ display: table-cell; vertical-align: middle; width:50px; }
.navtxt{ display: table-cell; vertical-align: middle; }

.oneAccordion{ font-size:90%; }
.accPart{ background:url(../img/common/arr_open.gif) no-repeat right center; border-top:1px solid #ccc; display:block; }
.accHeader{ display:block; padding:2px 10px; font-weight:bold; line-height:1; }
.accHeader a{ display:block; color:#222; }
.accContent{ background-color:#fff; }
.accContent li{ display:block; border-top:1px solid #ccc; padding:10px; }
.accContent a{ display:block; background:url(../img/common/arr.gif) no-repeat right center; color:#444; padding-left:52px; }
.hasnot{ background:url(../img/common/arr-not.gif) no-repeat right center; }


/*SEARCH
*********************************************************************************************/
.search{ background-color:#f6f6f6; padding:15px 20px; border-top:1px solid #ccc; }
.search table{ width:100%; }
.search input.srchtxt::-webkit-input-placeholder { color:#bbb; }
.search table td:last-child { display: none; }
.srchtxt{ width:95%; padding:5px; }
.submit{ display:block; text-align:center; background-color:#333; color:#fff; padding:5px 7px; font-size:90%; }


/*FOOTER NAV
*********************************************************************************************/
.footer-nav table{ width:100%; border-collapse:collapse; }
.footer-nav td{ width:25%; padding:10px; text-align:center; vertical-align:top; border:1px solid #ccc; }
.footer-nav td a{ display:block; text-align:center; font-size:75%; color:#222; }


/*FOOTER
*********************************************************************************************/
footer{}
footer ul{ margin-bottom:10px; }
footer li{ border-bottom:1px solid #ccc; }
footer li a{ display:block; background:url(../img/common/arr-not.gif) no-repeat right center; color:#444; padding:5px 10px; }
footer .copyright{ text-align:center; }



/*CATEGORY PAGE
*********************************************************************************************/
.itemlist-box{}
.itemlist-box h2{ border-top:2px solid #ddd; border-bottom:2px solid #ddd; color:#000; font-size:120%; padding:6px 0; margin:0 0 5px 0; text-align:center; background-color:#f6f6f6; }
.sort{ background-color:#333; color:#fff; font-size:90%; padding:4px 5px; }
.sort a{ color:#fff; }
ul.item-list{ border-top:1px solid #ccc; }
ul.item-list li{ border-bottom:1px solid #ccc; padding:5px 0;  background-size:90px 90px; background-repeat:no-repeat; background-position:0 5px; }
ul.item-list li a{ color:#444; }
ul.item-list li h3{ padding-left:100px; font-size:100%; font-weight:bold; margin:0; }
ul.item-list li p{ padding-left:100px; font-weight:normal; font-size:90%; margin:5px 0; }

.itemlist-box ul.status-icon{ margin:0 0 0 100px; }
.itemlist-box ul.status-icon li{ color:#fff; float:left; font-size:70%; margin-right:5px; padding:2px 4px; border-bottom:none; }
.itemlist-box ul.status-icon .icon1{ background:#ff8400; }
.itemlist-box ul.status-icon .icon2{ background:#0086cd; }
.itemlist-box ul.status-icon .icon3{ background:#f00000; }
.itemlist-box ul.status-icon .icon4{ background:#008000; }

.path{ font-size:90%; margin:10px 0; }

.pager{ text-align:center; margin:15px 0; font-size:90%; }
.pager a.current{ background-color:#333; color:#fff; }
.pager a{ background-color:#f4f4f4; margin:0 5px; padding:5px 8px; color:#222; }


/*DETAIL PAGE
*********************************************************************************************/
.itemdetail-box{}
.itemdetail-box h3{ border-top:2px solid #ddd; border-bottom:2px solid #ddd; color:#000; font-size:120%; padding:6px 0; margin:0 0 5px 0; text-align:center; background-color:#f6f6f6; }

table.item-spec{ width:100%; border-top:1px solid #ccc; margin:10px 0; }
table.item-spec th{ background-color:#f3f3f3; border-bottom:1px solid #ccc; color:#666; margin:1px 0; width:80px; padding:7px; font-weight:normal; }
table.item-spec td{ padding:7px; border-bottom:1px solid #ccc; }
table.item-spec td.price{ font-size:130%; font-weight:bold; }

.itemdetail-box ul.status-icon{ margin:0; }
.itemdetail-box ul.status-icon li{ color:#fff; float:left; font-size:80%; margin-right:5px; padding:2px 4px; }
.itemdetail-box ul.status-icon .icon1{ background:#ff8400; }
.itemdetail-box ul.status-icon .icon2{ background:#0086cd; }
.itemdetail-box ul.status-icon .icon3{ background:#f00000; }
.itemdetail-box ul.status-icon .icon4{ background:#008000; }

p.shipping{ margin:10px 0; }

.order-form{ background-color:#f6f6f6; border:1px solid #ccc; padding:10px; }
.order-form li{ margin-bottom:5px; }
.btn-cart{ background-color:#fe0000; color:#ffffff; display:block; padding:15px 0; text-align:center; font-weight:bold; margin-top:20px; }
.btn-cart-one-click{ background-color:#bc0012; color:#ffffff; display:block; padding:15px 0; text-align:center; font-weight:bold; }
.btn-rethink{ background-color:#aeb0b0; color:#ffffff; display:block; padding:15px 0; text-align:center; font-weight:bold; margin-top:20px; }

h2.cart-area {
    border-top: 1px solid #767676;
    margin:23px 0 0;
    text-align:center;
    padding:0; height:24px;
}
h2 span.cart-area {
    position: relative;
    font-size:50%;
    color:#767676;
    top: -20px;
    padding: 0 10px;
    background:#f6f6f6;
}

.free-area{ margin:15px 0; }

.itemsub-box{}
.itemsub-box h3{ border-top:2px solid #ddd; border-bottom:1px dotted #ddd; color:#000; font-size:100%; padding:6px 0; margin:0 0 5px 0; font-weight:normal; background-color:#fff; text-align:left; }

.sub-box{ margin-bottom:30px; }
.sub-box h4{ margin:5px 0; font-size:100%; }

.txt-box{ margin-bottom:10px; }
.txt-box table{ width:100%; }
.txt-box th{ background-color:#f3f3f3; color:#666; border:1px solid #ddd; padding:5px; text-align:left; font-weight:normal; }
.txt-box td{ border:1px solid #ddd; padding:5px; }
.txt-box li{ border-bottom:1px solid #ddd; padding:0 5px 5px 5px; margin-bottom:5px; }
.txt-box li p{ color:#ffcc00; margin:0; }
.txt-box li span{ font-size:80%; }
a.btn-review{ float:right; font-size:11px; color:#fff; display:block; padding:7px 10px 6px; background-color:#999999; letter-spacing:0; cursor:pointer; }