﻿/* project: best food in china
   design: Swordfish (www.iswordfish.cn) */
* { margin:0; padding:0;}
body { padding:0px 0 0 0; background:#fff; text-align:center;
  font: 12px/170% Verdana;
  color: #444;
}

textarea, input, select{
    background: #fff;
    border: 1px solid #CCCCCC;
    color:#494949;	
    margin:1px 0 2px 0px;
    padding-top:1px;
    }
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

h1 a {
    height: 100%;
    color:#fff!important;
}
h1 a:hover{
	color:#fff8ce !important;
 text-decoration:none;
}

h2 {
  font-size: 150%;
  line-height: 130%;
}

h3 {
  font-size: 140%;
 
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 110%;
  font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
  letter-spacing:110%;
  color:#fff;
 padding-top:3px;
}
h5.darkness{
	color:#4a4a4a;
}

h6 {
  font-size: 90%;

}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
  color:#444;
  line-height:1.7em;
  font-size:13px;
}

a:link, a:visited {
  color: #ec3c00;
  text-decoration: none;
}

a:hover {
  color: #ec3c00;
  text-decoration: underline;
}

a:active, a.active {
  color: #ec3c00;
}


#wrapper{
background-color:#fff8ce;
width:auto; 
border:1px solid #fff9df; 
min-width:770px; max-width:1024px; 
text-align:left; 
margin-left:auto; margin-right:auto; 
position:relative;
width:1001px;}

#outer{ 
margin-left:230px; 
margin-right:230px; 
background:#fff;
 border-left:1px solid #fffcef; 
 border-right:1px solid #fffcef;
  color: #000;
}
#header{ 
position:absolute;
 top:0; left:0; width:100%; 
 height:auto;
 overflow:hidden;
 background:#fff url('header_bg.jpg') repeat-x scroll left top;
}
#left {
position:relative;/*ie needs this to show float */
width:230px;float:left;left:-1px;
margin-left:-229px;/*must be 1px less than width otherwise won't push footer down */
 background: url('sidebar_bg.jpg') repeat-x fixed left top;
 margin-top:0px;/*content_top_bg.jpg的高度*/
}
#left_content{
 margin:1em 1em;
}
* html #left { margin-right:-3px;}/* 3px jog*/
* html #outer{/* 3px jog*/
margin-left:227px; margin-right:227px;}
p { margin-bottom:1em; padding:0 5px}

#right {
position:relative;/*ie needs this to show float */
width:230px; float:right; left:3px;
margin-right:-229px;/*must be 1px less than width otherwise won't push footer down */
 background: url('sidebar_bg.jpg') repeat-x fixed right top;
}
#right_content{
width:207px;
margin-left:10px;
}

* html #right { margin-right:-230px; margin-left:-3px}/* stop float drop in ie + 3px jog */

#footer { width:100%; clear:both; line-height:50px; border-top:1px solid #fffcef; background:#fff; color:#000; text-align:center; position:relative;}
#clearheader{ height:115px;}/*needed to make room for header*/
#centrecontent { float:right; width:100%; position:relative;
background: url('content_topbg.jpg') no-repeat scroll left top;
 padding-left:3px;
 }
#content{
	 margin:11px 0.7em 10px 0.7em;
	 border:1px #f1dfc7 solid;
	  
}
#content_topic{
	 margin:10px 0.7em 5px 0.7em;
	 border:1px #fff solid;	
}


html>body #centrecontent { margin:0 -0.5%}/*moz needs this*/
.outerwrap { float:left; width:99%;}
.clearer{ height:1px; overflow:hidden; margin-top:-1px; clear:both;}

/* mac hide\*/
* html #outer, * html #wrapper,* html #centrecontent { height:1%}
/* end hide */

/* header */
.header_top{
	height:  auto;
	width:100%;
} 
.header_logo{
	 float:left;
}
.header_citylist{
	float:right;
	margin-top:35px;
	margin-right:10px;
	}
/*- Menu Tabs 1--------------------------- */ 
    #tabs1 {
      float:left;
      width:100%;
	  background:#fff8cd;
      font-size:100%;
      line-height:normal;
	  border-bottom:1px solid #fec844;
	  font-weight:bold;
      }
    #tabs1 ul {
	  margin: auto 0px;
	  padding:2px 0px 0px 12px;
	  list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs1 a:hover span {
      color:#333;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }
	
	
/* left side*/
.sidebar_left{
 margin-top:10px;
}
.sidebar_left_title{
	 background:#fffceb url('sidebar_titlebg1.gif') no-repeat scroll left  top ;
	 height:25px;
	  padding:0px 0px 0px 20px;
}
.sidebar_right_title{
	 background:url('sidebar_titlebg2.gif') no-repeat scroll left  top ;
	 height:28px;
	  padding:0px 0px 0px 22px;
	   color:#4a4a4a;
}

.sidebar_content{
padding:3px 6px 3px 7px;
 background-color:#fffceb;
 	font-weight:normal;
 color:#444;
  font-size:12px;
}
.sidebar_content_login{
padding:3px 6px 10px 7px;
}

.sidebar_pic{
 float:left;
   margin:3px 5px 0px 3px;
}
.ad{
	text-align:center;
}


.sidebar_bottom{
	 background: url('sidebar_bottom_white.gif') no-repeat scroll left bottom ;
	 height:10px;
	  margin-top:-4px;
}
.sidebar_bg_orange{
 background: url('sidebar_orange_bg.gif') no-repeat scroll left top;
 height:180px;
}

.sidebar_bgbottom_orange{
	 background: url('sidebar_bottom_orange.gif') no-repeat scroll left bottom ;
	 height:10px;
	  margin-top:-4px;
}
.username{
    background-image:url(username.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;
	margin-left:10px;
	margin-top:35px;
	margin-bottom:5px;
	}
.password{
    background-image:url(password.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;
		margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.whitetext{
	color:#fff !important;
}


/* central */
.content_title{
color:#fff;
	 width:100%;
	   font-size:15px;
	   font-weight:bold;
 padding-left:3px;
  background:#f98a17;
}
.content_time{
 background:#fffceb url('content_bottom.jpg') repeat-x scroll center  bottom;
	color:#444;
	margin-left:5px;
}
.content_infor{
	background-color:#fffceb;
	color:#333;
 font-family:"Times New Roman", Times, serif;
 margin-left:3px;
  padding-left:10px;
  min-height:80px;
}
.substance{
	 color:#ec3c00;
	 font-weight: normal;
}
.map_thumbnail{
float:right;
  width:130px;
  height:75px;
  margin-right:3px;
  border:2px #fff solid;
}
.content_bottom{
 background:#fff url('content_bottom.jpg') repeat-x scroll center  bottom;
 	padding:0px 5px 8px 5px;
}
.content_bottom_pic{
 margin-bottom:-5px;
 margin-top:5px;}

.content_tag{
 padding:0px 15px 0 8px;  
  background: url('dot_tag.gif') no-repeat scroll left center ;
}
.price{
	float:right;
	margin-top:-190px;
	width:196px;
  background: url('price_bg.jpg') no-repeat scroll center top;
	}
.price_text a{
	  margin-left:4px;
	 padding-left:10px;
	   background: url('price_icon.gif') no-repeat scroll left center ;
	   color:#333 !important;
}
.price_text a:hover{
	background-color:#f0f0f0;
		    color:#ec3d00 !important;
		      text-decoration: none;
}
.tb_tr{
 border:1px #eee2c9 solid;
  text-align:center;
  	margin-left:5px;
}
.td_dark{
 background-color:#fedd82;
 margin:0px;
 border-bottom:1px #eee2c9 solid;
 color:#ec3d00;
}
.td_light{
	color:#333;
	 border-bottom:1px #eee2c9 solid;
	 background-color:#fffceb;
	  padding-left:1em;
}
.td_dark_bg{
 border-bottom:1px #eee2c9 solid;
 color:#ec3d00;
padding-left:1.5em;
background: #fedd82 url('user_white.jpg') no-repeat scroll left center;
font-weight:bold;
 margin-right:-1px;
}
/* scroll photos */
#tbody {width:99%;margin:0px 0px;}
#mainbody {width:auto;
margin-left:5px; margin-right:5px;
margin-top:0px;
border:2px solid #f7f7f7;padding:1px}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;margin:2px 5px 0 3px;}
#goright {float:right;clear:right;margin:2px 0px 0 2px;}
#photos{width:93%;height:54px;line-height:54px;border:1px solid #f7f7f7;
text-align:center;
margin:0px 2px 10px 2px;
overflow:hidden;}
#showArea img {
display:block;
float:left;
margin:1px 0;
cursor:pointer;
border:2px solid #f7f7f7;

}	

/* pagination*/
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 14px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #f1dfc7 ;
text-decoration: none; 
color: #ec3d00;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #fff8cd;
color: #333;
background-color: #fec845;
}

.pagination a.currentpage{
background-color: #f88a17;
color: #FFF !important;
border-color: #fec845;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
/* order*/
.order{
padding:1em 0 0 1.5em;
 margin-right:5px;
 margin-left:5px;
	border-bottom:1px #ffdd82 dotted;
	background:#fff url('article.gif') no-repeat scroll left 1em;
}	

/* footer */
.partners{
 background:#fff url('partners.gif') no-repeat scroll left top;
 padding:5px auto;
  border-top:1px #fff8ce solid;
 border-bottom:1px #fff8ce solid;
}
