@charset "utf-8";
/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0}
img { border:none}
a { color:#06c}
input,select,button,textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}

.box {}
.fullHeader { margin:1em auto 0.5em auto; padding:0 1em}
.fullHeader .u { position:absolute; right:0.5em; top:0.5em; font-size:11px}
.fullHeader .u a { margin-left:1em; color:blue}
.fullNavSearch { background:url(http://www.9isp.com/images/search_bg.gif) repeat-x left -3px; height:40px; border:1px solid #ddd; border-bottom:1px solid #ccc}
.search { margin:0 auto; padding:7px 1em}
.search .q { padding:2px; width:330px; margin-left:1em}
.search .b { padding:1px}
.search .r { color:gray; font-style:italic}
.search a{ font-weight:normal;}

.main {margin:0.5em 0; display:inline-block; width:100%}
.main .right { width:190px; float:right; margin-top:5px}
.main .right a.ad { display:block; margin-bottom:1em}
#recent ul{ list-style:none; margin:0; padding:0}
#recent ul li { height:60px; overflow:hidden;}
#recent ul li table{ background:#F8F8F8}
#recent ul li img { width:65px; display:block; -ms-interpolation-mode: bicubic; border:1px solid #ddd; padding:2px}
#recent ul li a { font-size:9px; text-decoration:none;}
#recent h5 { margin:5px 0; padding:0}
.main .left {width:190px; float:left; margin-top:5px; background:url(http://www.9isp.com/images/dotted_h.gif) repeat-y right 0 #fff; padding-left:10px}
.main .left dl { margin:0 0.5em 1.5em 0.5em; clear:both}
.main .left dl dt { font-weight:bold; font-size:12px; color:#000}
.main .left dl dd{ margin:0.5em 0; background:url(http://www.9isp.com/images/icon2.gif) no-repeat 1px 5px; padding-left:1em}
.main .left dl dd a { text-decoration:none}
.main .left dl dd a:hover { text-decoration:underline}
.main .left dl.state{ padding-right:0.2em; display:inline-block}
.main .left dl.state dt{ margin-bottom:0.5em}
.main .left dl.state dd{ float:left; margin:1px; padding-left:.1em; width:24px; height:18px; background:#fff; text-align:left}
.main .left dl.state dd a { font-size:12px}
.main .left dl.list dd{ float:none; width:auto; height:auto; margin:0.5em 0; background:url(http://www.9isp.com/images/icon2.gif) no-repeat 1px 5px; padding-left:1em}


.main .search_list { padding-left:200px; padding-right:190px;  background:url(http://www.9isp.com/images/dotted_h.gif) repeat-y 199px 1px}
.main .center { padding-left:200px; padding-right:190px;  background:url(http://www.9isp.com/images/dotted_h.gif) repeat-y 199px 1px}
.main .restlist {margin:0 0.5em 0em 0.5em; padding:0.75em 0; FONT-FAMILY: MegalopolisExtra,Helvetica,Verdana,sans-serif; background:url(http://www.9isp.com/images/dotted.gif) repeat-x bottom;}
.main .restlist h3{ font-size:14px; margin:0 0 6px 0; padding:0}
.main .restlist h3 a{ text-decoration:none;}
.main .restlist h3 a:hover{ text-decoration:underline; color:#D50000;}
.main .restlist img { border:2px solid #ddd; border-radius: 3px 3px 3px 3px; padding:1px; text-decoration:none; -ms-interpolation-mode: bicubic }
.main .restlist th { text-align:left; vertical-align:top}
.main .restlist img.top100 { border:none; padding:0;}
.main .restlist address { font-weight:bold; color:#555}
.main .restlist div.tc { margin:0.5em 0; color:#999;  }
.main .restlist label.c{ margin-left:2em}
.main .restlist div.v { color:#666; margin-top:0.5em; color:#999; }
.main .restlist div.v strong{ margin-right:1em; font-weight:normal; font-style:italic}
.main .center .cityList { padding:0.5em 1em 1em 1em}
.main .center .cityList h1{ font-size:12px; margin:0 0 0.7em 0; padding:0;}
.main .center .cityList h1 a.map { font-size:11px; font-weight:normal; margin-left:1em}
.main .center .cityList h1 a.s { color:black}
.main .center .cityList ul{ list-style:none; display:inline-block; margin:0; padding:0.5em 1em; background:#ffffdd;}
.main .center .cityList ul li{ float:left; width:134px; height:14px; line-height:1.2em; overflow:hidden; margin:5px 2px}
.main .center .cityList ul li a.cur { font-weight:bold}
.main .center .cityList ul li.m a{ font-style:italic; color:gray;}



.main .restlist2 {margin:0 0.5em 0em 0.5em; padding:0.75em 0;  background:url(http://www.9isp.com/images/dotted.gif) repeat-x left bottom;}
.main .restlist2 h3{ font-size:14px; margin:0 0 6px 0; padding:0}
.main .restlist2 h3 a{ text-decoration:none;}
.main .restlist2 h3 a:hover{ text-decoration:underline; color:#D50000;}
.main .restlist2 img { border:2px solid #ddd; padding:1px; text-decoration:none; -ms-interpolation-mode: bicubic }
.main .restlist2 th { text-align:left; vertical-align:top}
.main .restlist2 img.top100 { border:none; padding:0;}
.main .restlist2 address {  margin-top:5px; font-weight:bold;}
.main .restlist2 div.tc { margin:0.5em 0; }
.main .restlist2 label.c{ margin-left:2em}
.main .restlist2 div.v {  margin-top:0.5em; }
.main .restlist2 p{ margin:2px 0; padding:0;}
.main .restlist2 div.v strong{ margin-right:1em; font-weight:normal;  }
.main .fontblack{ color:#333333; padding-right:3px; font-weight:bold; }

a.redFont { color:#D50000; font-size:15px; text-decoration:none;}
a.redFont:hover {color:#D50000; text-decoration:underline;}


.scoreItems {width:100%; margin-top:4px;}
.scoreItems p {float:left; margin:0 2px 0 0; padding:0; width:60px; font-size:11px; color:#fff; text-align:center; background:#717171;}
.scoreItems span {display:block; padding:3px 0 0 0; height:18px; border:1px solid #d7d7d7; border-top:0; background:#fff; font-weight:700; font-family:Verdana; color:#333;}
.info_icon{ height:52px;}
.info_icon img{ margin-left:2px;}
.infoTd{ width:340px;}



div.infowindow h4.infoTitle{ font-size:13px; margin:0; padding:0}
div.infowindow img { border:none}
div.infowindow td { text-align:left; vertical-align:top}
div.infowindow td div { margin:0.5em 0}
div.infowindow td div strong{ display:block}
#mapBox { position:relative}
#mapBox div.loading { position:absolute; left:50%; top:50%; width:350px; height:40px; margin-left:-175px; margin-top:-20px; background:#fff; text-align:center; line-height:40px; filter:alpha(opacity=80); opacity:0.8; border:1px solid #ccc; font-weight:bold; visibility:hidden; overflow:hidden}
#mapBox div.loading img { vertical-align:middle}

#countryList{position:relative; zoom:1; z-index:1000}
#countryList ul { background:#fff; visibility:hidden; list-style:none; position:absolute; margin:0; padding:0;  right:0px; top:13px; width:115px; border-right:1px solid #36c; border-bottom:1px solid #36c; border-left:1px solid #a2bae7; border-top:1px solid #a2bae7; padding:2px}
#countryList ul li { text-align:left; margin:0}
#countryList ul li a { display:block; height:20px; line-height:20px; margin:0; padding-left:4px; text-decoration:none}
#countryList ul li a:hover { background:#36c; color:#fff; font-weight:bold}

.main .h {background-color:#ffffee;}
.main .h img { border:2px solid #FF9900}
.main .h address { color:#000}
.main .h div.tc { color:#000}
.main .h div.c { color:#000}
.main .h div.v { color:#000}
.main .h div.v strong{ font-weight:bold;}
.main .page { text-align:right}
.main .page ul li { display:inline; margin:0 4px}
.main .page li a{ text-decoration:underline}
.main .page li a.cur { font-weight:bold; text-decoration:none; font-size:13px}

.main .noresult { text-align:center; padding:3em 0; width:60%; margin:3em auto; background:#f7f7f7; color:#FF3300;}
.main .left .commonLeft dt{ margin:10px 0 4px 0; background:url(http://www.9isp.com/images/arrow_red.gif) no-repeat left 1px; padding-left:0.8em;}
.main .left .commonLeft dt a { font-size:11px}
.main .left .commonLeft dd { margin-left:1em}
.main .left .commonLeft dd a{ text-decoration:none}
.main .left .commonLeft dd a:hover{ text-decoration:underline}

div.ad { text-align:center; margin-top:5em; margin-bottom:2em; clear:both}
div.ad a { margin:0 0.5em;}
div.ad img{ width:82; height:42px; padding:1px; border:1px solid #ccc}

.footer { background:#fff; margin:0em auto 2em auto; text-align:center; padding:2em 0; color:gray; font-size:11px; width:980px;}
.footer .links { margin:5px 0 10px 0;}
.footer .links a { margin:0 0.5em}
.footer .copyright a { color:gray; text-decoration:none}

.footer .linkicon{ margin:10px 0; text-align:center;}
.footer .linkicon a{ margin-right:18px; }
.facebook
{
    background: url("/images/2012/fticon.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 18px;    
    vertical-align: top;
    width: 18px;
}

.twitter
{
    background: url("/images/2012/fticon.png") no-repeat 0 -25px ;
    display: inline-block;
    height: 18px;
    vertical-align: top;        
    width: 18px;
}  
.youtube 
 {
    background: url("/images/2012/fticon.png") no-repeat 0 -50px ;
    display: inline-block;
    height: 18px;
    vertical-align: top;        
    width: 18px;
} 

.flickr 
 {
    background: url("/images/2012/fticon.png") no-repeat 0 -76px ;
    display: inline-block;
    height: 18px;
    vertical-align: top;        
    width: 18px;
}  


#d1{background-color:none;width:235px;height:18px;margin:5px;}
#a1{background-color:white;position:absolute;top:0px;left:121px;padding-left:4px;padding-right:4px;text-decoration:none;font-size:14px;border:1px solid black;color:black;}
#a2{background-color:white;position:absolute;top:0px;left:190px;padding-left:4px;padding-right:4px;text-decoration:none;font-size:14px;border:1px solid black;color:black;}
#s1{background-color:white;position:absolute;top:0px;left:0px;width:85px;border-width:0px;font-size:14px;border-bottom:1px solid black;border-top:1px solid black;border-left:1px solid black;}
#s2{background-color:white;position:absolute;top:0px;left:85px;width:35px;border-width:0px;padding-left:0px;font-size:14px;border-bottom:1px solid black;border-top:1px solid black;border-right:1px solid black;}
.infowindow a:hover{color:red;}

.letters{ margin:10px 0; text-align:center}
.letters a{font-size:14px; font-weight:bold; margin:0 0.6em}

.caseList {margin-top:30px; width:90%; margin-left:2em}
.caseList dl.c { margin:0; padding:0; display:inline-block; width:100%; font-size:13px;}
.caseList dl.c dt{ border-bottom:1px solid #ccc; clear:both; margin:2em 0 0.5em 0; padding:0;  font-weight:bold; font-size:14px;}
.caseList dl.c dd{float:left; width:28%; margin:0 0 0 2em; padding:0; height:22px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.caseList dl.history { margin-top:3em}
.caseList dl.history dt{ font-size:14px; border-bottom:1px solid #ccc; margin-bottom:0.5em}
.caseList dl.history dd{float:left; width:28%; margin:0 0 0 2em; padding:0; height:40px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.baroption{  width:65px; border:1px blue solid; padding:5px 2px; }


#langs a{ margin:1px 0!important; width:85%;display:block;text-decoration:none;padding:3px;}
#langs a:hover{ background-color:#36c;color:#ffffff;font-weight:bold;padding:3px;}

.filtera {margin:10px;}
.filtera a {padding:0px 5px;}
#sitemap{ display:block; line-height:180%; font-size:13px; margin:8px 20px;}
#sitemap a:hover{ text-decoration:none;}
#sitemap h3{ font-size:20px; color:#DF6600;}
#sitemap h5{ font-size:18px; margin-bottom:2px;}
#sitemap ul{ display:inline-block; list-style-type:none; margin:0px; padding:0px;}
#sitemap ul li{ float:left; margin:5px 18px 0 0;}

.startRate{ width:100px; height:17px; overflow:hidden; }
.startRate ul{ background:url(/images/star_rate.gif) repeat-x; margin:0px; padding:0px; list-style:none;}
.startRate ul li{ background:url(/images/star_rate.gif) repeat-x 0px -36px; width:75px; height:17px;}
.startRate ul li a{ margin:0px; padding:0px;}

.slist{ width:980px; margin:10px auto; clear:both; background:#F5F5F5; border:1px solid #CCCCCC; border-radius: 6px 6px 6px 6px; }
.r_list{ float:left; width:650px; min-height:400px; padding-bottom:20px;}
.r_map{ float:right; width:315px; position:relative;}
.rest_box{  margin:10px 0 5px 16px; padding:8px 5px; border:1px #999999 solid; background:#FFF; border-radius: 6px 6px 6px 6px;}
.ser_rest{ margin:10px 20px;}
.ser_rest b{ font-size:14px;}
#googlemap{ border: 1px solid #404040;   height: 350px;  width: 300px; background:#FFF; position:fixed; margin-top:8px;   } /*top:5px;*/ 
.on{ border:2px dashed #404040;}
.slist2{ width:956px; margin:10px auto; padding:12px; clear:both; background:#F5F5F5; border:1px solid #CCCCCC; border-radius: 6px 6px 6px 6px;}





.aslist{ width:900px; margin:10px auto; border:1px solid #CCCCCC; background:#166932; border-radius: 6px 6px 6px 6px; }
.topinfo{ margin:10px 30px;}
.logo {float: left; margin-top: 10px;}
.banner { float: left; margin-left: 15px; margin-top: 10px;}
.left_rest{ float:left; width:250px; margin-top:20px; margin-left:28px;}
.a_restbox{ width:210px; padding:10px;  border:1px solid #CCCCCC; margin-bottom:20px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.a_restbox h3{ margin:0;}
.a_restbox ul{ padding:0px; list-style-type:none;}
.a_restbox ul li{ margin:3px 0;}
.asimgbox{ text-align:center; padding:10px 0;}
.as_img{ width:160px; height:110px; }
.as_in{ background:#F1F1F1;}
.as_title{ height:25px; display:inline-block; text-align:right; font-size:14px; width:100%; color:#FFF; font-weight:bold; background:#0D4822; line-height:22px;} 
.as_title a{ color:#FFF; text-decoration:none;}
.as_rest{ margin:20px; width:844px; background:#FFF; clear:both; display:inline-block; border:8px solid #0D4822; border-radius: 5px;  }

.rest_title{ font-size:14px; font-weight:bold; margin-top:5px;}
.rest_title span{ font-size:14px;}
.rest_title a{ text-decoration:none;}
.rest_title a:hover{ color:#D50000; text-decoration:underline;}
.rest_add{ }
.rest_li{ margin-top:8px; clear:both; width:460px;}
.rest_li ul{ margin:0; padding:0; list-style:none;}
.rest_li ul li{ float:left; margin-right:18px; }

.rest_ty{ margin-top:8px; clear:both; width:460px;  }
.rest_ty ul{ margin:0; padding:0; list-style:none;}
.rest_ty ul li{ float:left; margin-right:18px; }

.ser_box{ padding:8px 12px; background:#FFF; border:1px solid #D7D7D7; margin:12px;}


.pic_bar {
    background: url("http://www.9isp.com/images/pic_bar.gif") no-repeat scroll 0 0 transparent;
    height: 109px;
    padding: 16px 0 0 21px;
    width: 142px;
}

.clear{ display:block; clear:both;}

.search_input{  line-height:160%;  }
.search_input label{ font-size:16px; font-weight:bold; }
.search_input label span{ font-size:11px; font-weight:normal; color:#666666;}
.s_add{ padding:2px; height:22px; line-height:22px; font-size:14px; width:420px; margin:5px 0; color:#666666; }
.s_key{ padding:2px; height:22px; line-height:22px; font-size:14px; width:180px; margin:5px 0; }
.search{ padding:4px 10px; font-weight:bold;}
.search_head{ margin-top:17px;}
#loadsearch{ display:none;}

.text_info{ color:#333333;}
.orderstate{ clear:both; display:inline-block; padding:0 20px;}
.orderstate ul{ margin:0; padding:0; list-style:none;}
.orderstate ul li{ float:left; margin-right:20px; font-weight:bold;}
/*.text_info label{ color:#000;}*/

.rest_city{ margin:28px 0 10px 18px; font-size:20px; }
.p_city{margin:20px 20px 8px 18px; clear:both;}
.p_city h3{ font-size:16px; color:#790000; margin:2px 0;}
.p_city ul{ margin:0px; padding:0px; list-style-type:none; }
.p_city ul li{ float:left; margin:5px 12px 0 0; font-size:14px;}
.states{ clear:both; }
.state_t{ font-size:16px; font-weight:bold; color:#790000; margin:28px 0 0 18px;  }

.left_state{ float:left; width:230px;}
.citybox{margin-left:10px;}
.citybox h3{ margin:8px 0; padding-left:10px; font-size:14px;}
.citybox ul{ text-decoration:none; margin:0; padding:0 0 0 22px;}
.citybox ul li{ margin:5px 0;}
.citybox ul li span{ color:#790000;}
.citybox a{color:#000; text-decoration:none;}
.citybox a:hover{ color:#790000; text-decoration:underline; }

/* cuisine */
.cuisine_t {font-size:14px; font-weight:bold;  margin-top:30px; }
.cuisine_t span{ font-size:12px; color:#790000;}
.rest_cui{ width:280px; height:120px; overflow:hidden; float:left; padding:8px 10px 10px 10px; margin:10px 5px 0 5px; border:1px solid #F5F5F5; border-radius:6px; }
.cui_on{ border:1px solid #790000; background:#FFF;}
.cui_on .cui_img{ border:2px solid #8A8985;}

.rest_cui h3{ font-size:12px; margin:5px 0; }
.rest_cui ul{ float:left; width:160px; margin:3px 0 3px 10px; padding:0px; list-style-type:none;}

.rest_cui .startRate ul{ padding:0; margin:0px; }

.cuisine_box{ display:inline-block; clear:both;}
.cui_img{ width:100px; height:70px; border:2px solid #CFCCC3; padding:1px; border-radius:3px; float:left;}
.more_cui{ text-align:right; font-size:14px; font-weight:bold; padding-right:120px; margin:10px 0;}



#map_canvas{ float:left;height: 350px;  width: 100%;}
#map_info{ float:left; width:320px; margin:10px 0px 0px 12px;  display:none;}
/*display:none;*/
#map_info .s_title{ font-weight:bold; margin-bottom:5px; font-size:13px; padding-bottom:5px; border-bottom:1px solid #CCCCCC;}
#map_info .s_box{ margin:10px 0; padding-bottom:10px; border-bottom:1px solid #CCCCCC; }
#map_info .s_box ul{ margin:0; padding:0; list-style:none;}
#map_info .s_box ul li{ margin:5px 0; padding:3px 0;}
#map_info .s_box ul li p{ padding:0; margin:2px 0 0 0; color:#999999;}
.skey{ width:280px; height:22px; line-height:22px; padding:0px; font-size:14px; float:left;}


#roadInfo{ width:100%; }
#roadInfo td { height:25px;}

#map_main{ min-width:980px; clear:both; display:inline-block;}
.rest_lists{ padding-bottom:10px; border-bottom:1px solid #CCCCCC;  margin-bottom:10px;}
.rest_lists ul { padding:0 0 0 22px;}
.rest_lists ul li{ margin:8px 0;}
.rlink{ color:#D50000;  font-weight:bold;}

.mapb{ background:url(/images/2012/search_button.png); width:32px; height:32px;  overflow:hidden; border:0; padding:0px; font-size:14px; float:left; margin-top:-3px;}