body {margin:0;font-family:Verdana,Tahoma}
img {border:0}

/* COMMON */
.toolbar {position:absolute;height:44px;width:100%;background-color:#000;color:#CCC;line-height:42px;background:url(images/top_back.gif) repeat-x;text-align:center;font-size:18px}
.toolbar .leftbutton {position:absolute;left:4px;top:4px;text-align:left}
.toolbar .rightbutton {position:absolute;right:4px;top:4px;text-align:right}
.content {position:absolute;top:44px;left:0;width:100%;}
#loading {position:absolute;width:50px;height:50px;text-align:center;left:50%;top:50%;margin:-40px 0 0 -25px;background-color:#FFF;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-moz-opacity:0.8;opacity:0.8;filter:Alpha(opacity=80);border:1px solid #DDD}
#loading img {margin:13px 0 0 0}
.copyright {margin:20px 0;text-align:center;font-size:11px;color:#333}

/* MAIN */
ul#areas {margin:0;padding:0}
ul#areas li {list-style:none;margin:0;padding:8px 15px;font-size:18px;color:#333;border-bottom:1px solid #EFEFEF;}
ul#areas li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}
ul#areas li .info {margin:0;background:url(images/chevron.png) no-repeat right center} 
.about {font-size:13px;position:absolute;top:48px;left:50%;margin-left:-140px;width:260px;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #CCC;background-color:#FFF;text-align:center;color:#666}

/* AREA */
.menu {overflow:hidden;padding:10px 4px 11px 4px;background-color:#EFEFEF;border-bottom:1px solid #E0E0E0}
.menu .menuleft {float:left;width:150px;}
.menu .menuleft #category {border:1px solid #CCC;font-size:13px;padding:5px 6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline;background-color:#F4F4F4;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(245, 245, 245)), to(rgb(220, 220, 220)));}
.menu .menuright {float:right;width:150px;text-align:right;}
.menu .menuright .sortbtn {display:inline;font-size:13px;color:#999}
.menu .menuright .sortbtn.hot {color:#000;font-weight:bold}
ul#stores {clear:both;margin:0;padding:0}
ul#stores li {list-style:none;margin:0;clear:both;border-bottom:1px solid #EFEFEF}
ul#stores li .info {padding:6px 10px 6px 20px;margin:0 8px 0 0;background:url(images/chevron.png) no-repeat right center}
ul#stores li .title {font-size:16px;}
ul#stores li .subinfo {padding:2px 0 0 0;overflow:hidden}
ul#stores li .category {float:left;width:150px;color:#999;font-size:11px;}
ul#stores li .distance {float:right;width:50px;color:#666;font-size:12px;text-align:right;margin:0 15px 0 0}
ul#stores li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}
#categorylist {position:absolute;left:10px;top:8px;padding:6px;color:#CCC;background-color:#101010;border:1px solid #000;width:288px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-moz-opacity:0.95;opacity:0.95;filter:Alpha(opacity=95);}
#categorylist ul {margin:0;padding:0}
#categorylist ul li {list-style:none;padding:6px 10px;font-size:14px;width:120px;float:left}
#categorylist ul li.header {font-weight:bold;color;#FFF;width:270px;padding-top:0px;border-bottom:1px solid #333;font-size:15px}
#categorylist .closebtn {position:absolute;right:6px;top:6px;color:#CCC;font-size:13px;font-weight:bold;width:20px}
#morebutton {text-align:center;font-size:16px;line-height:16px;padding:12px 0;border-top:1px solid #FFF;border-bottom:1px solid #CCC;background-color:#EFEFEF;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(240, 240, 240)), to(rgb(200, 200, 200)));}

/* STORE */
.store {}
.store h1.sectiontitle {margin:20px 0 0 8px;font-size:16px;color:#000;}
.store .info {padding:4px 0 4px 2px;border-bottom:1px solid #EFEFEF;background-color:#F7F7F7}
.store .info .photo {position:absolute;width:80px;height:80px;margin:2px 2px;border:1px solid #CCC;background-color:#FFF;overflow:hidden}
.store .info .summary {margin-left:90px;min-height:88px}
.store .info .summary .category {font-size:13px;color:#999;padding:2px 0}
.store .info .summary .address {font-size:15px;color:#666;padding:2px 0}
.store .info .summary .tel {font-size:17px;color:#3366FF;padding:2px 0}
.store .info .summary .url {font-size:13px;padding:2px 0;overflow:hidden}
.store .actions {text-align:center;margin:26px 0 10px 0}
.store .actions span {text-align:center;text-shadow:#FFF 1 1 2;font-size:15px;padding:10px 8px;margin:0 4px;border:1px solid #CCC;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#F4F4F4;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(255, 255, 255)), to(rgb(235, 235, 235)));}
.store .detail {font-size:13px;margin:30px 8px 20px 8px;border:1px solid #CCC;background-color:#FFF;padding:4px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.store .detail .caption {color:#AAA;width:60px;text-align:right;}
.store .detail td {border-bottom:1px solid #EFEFEF;padding:8px 4px}
.store .detail td.lastrow {border-bottom:1px solid #FFF;}

.store .items {font-size:13px;margin:4px 8px 0 8px;border:1px solid #CCC;background-color:#FFF;padding:4px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.store .items .category0 {font-weight:bold;padding:6px 4px;font-size:15px}
.store .items .category1 {font-weight:bold;padding:6px 8px;font-size:15px}
.store .items .category2 {font-weight:bold;padding:6px 10px;font-size:15px}
.store .items .menuitem0 {background-color:#F7F7F7;padding:4px 12px;}
.store .items .menuitem1 {background-color:#FFF;padding:4px 12px;}
.store .items .desc {font-size:11px;color:#999}

.store .button {text-align:center;text-shadow:#FFF 1 1 2;font-size:14px;padding:10px 8px;margin:0 10px;border:1px solid #CCC;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#F4F4F4;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(255, 255, 255)), to(rgb(235, 235, 235)));}