/* /index.php  */
#main { height:auto;}   /* Important */
/*===============================================================*/
#main .content .con_left{ float:left; width:590px;}

#main .content .con_left .top_events {clear:both; border-bottom:2px #ddd9cf dotted; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}
#main .content .con_left .top_events .title {height: 40px;  }
#main .content .con_left .top_events .title .t{ float:left; width:300px;  height: 60px;}
#main .content .con_left .top_events .title .btn{ float:right; margin-top:16px;}
#main .content .con_left .top_events .items {float:left; width:270px; height:52px; }
#main .content .con_left .top_events .items .pic {float:left; width:40px; height:40px; text-align:center; margin-top:0px;margin-bottom:5px;padding:0; border:#ccc 1px solid;}
#main .content .con_left .top_events .items  .t{float:left; height:52px; width:215px; padding-left:10px;}
#main .content .con_left .top_events .title .t h2 {background:url(../images/h2-bg-topevent.png) no-repeat 0 0 ; padding: 10px 0 0 53px;  margin-bottom:0px; height: 45px}

#main .content .con_left .hot_business {clear:both; /*border:1px #BEE3FE solid;*/ float:left; width:580px; position:relative; padding: 5px}
#main .content .con_left .hot_business em { margin-left:20px;}

/*#main .content .con_left .hot_business .c1{ background:url(../images/left-top-corner2.gif) no-repeat; top:-1px; left:-1px;}
#main .content .con_left .hot_business .c2{ background:url(../images/right-top-corner2.gif) no-repeat; top:-1px; right:-1px;}
#main .content .con_left .hot_business .c3{ background:url(../images/left-bot-corner2.gif) no-repeat; bottom:-1px; left:-1px;}
#main .content .con_left .hot_business .c4{ background:url(../images/right-bot-corner2.gif) no-repeat; bottom:-1px; right:-1px;}*/

#main .content .con_left .hot_business .best {float:left; width:360px; min-height:115px; padding: 10px 5px 5px 15px;}
#main .content .con_left .hot_business  h1 { padding:8px 0 10px 13px;
-webkit-border-top-right-radius:6px; 
-webkit-border-top-left-radius:6px;
-moz-border-radius-topright:6px; 
-moz-border-radius-topleft:6px; 
border-top-right-radius:6px;
border-top-left-radius:6px; }
#main .content .con_left .hot_business .more {float:right; width:185px; padding: 10px 5px 5px 0;}
#main .content .con_left .hot_business .more ol{margin:0 0 0 25px; padding:0px;}
#main .content .con_left .hot_business .best .pic {float:left; width:100px; height:100px; text-align:center;padding-left:10px;}
#main .content .con_left .hot_business .best .t {float:left; height:100px;  width:240px; _width:235px; padding-left:10px; padding-top:0px; margin-top: -7px;}

#main .content .con_left .category {clear:both; /*border-bottom:1px #ccc solid;*/ padding: 10px 0 10px 0; height:auto; float:left; width:100%;}
#main .content .con_left .category .items h1 {padding: 10px 0 0 36px;}
#main .content .con_left .category .items { float:left; width:580px; background:#f4f4f4; position:relative; border:1px #ddd9cf solid; padding: 5px}
#main .content .con_left .category .items  .per{ float:left; width:168px; height: 270px; overflow:hidden;  padding-left:25px;}
#main .content .con_left .category .items  .per ol{ margin:0 0 0 25px; padding:0px; clear:both}


a.more{background:url(../images/search.gif) no-repeat;
color:#FFFFFF;
display:block;
float:right;
margin: 0 5px 5px 5px;
padding:4px 0;
text-align:center;
width:50px;}


#main .content .con_left .pop_events {clear:both; border-bottom:2px #ddd9cf dotted; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}
#main .content .con_left .pop_events .title {height: 40px; }
#main .content .con_left .pop_events .title .t{ float:left; width:300px;}
#main .content .con_left .pop_events .title .btn{ float:right;  margin-top:5px;}
#main .content .con_left .pop_events .items {float:left; width:270px; height:52px;}
#main .content .con_left .pop_events .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:0px;padding:0; border:#ccc 1px solid;}
#main .content .con_left .pop_events .items  .t{float:left; height:52px; width:215px ; padding-left:10px;}
#main .content .con_left .pop_events .title .t h2 {background:url(../images/h2-bg-event.png) no-repeat 0 0 ; padding: 10px 0 0 53px;  margin-bottom:0px; height: 45px}

#main .content .con_left .new_reviews {clear:both; padding: 5px 0 10px 0; height:auto; float:left;width:100%;}
#main .content .con_left .new_reviews .title {height: 40px; vertical-align:bottom; }
#main .content .con_left .new_reviews .title .t{ float:left; width:300px;}
#main .content .con_left .new_reviews .title .btn{ float:right;  margin-top:16px;}
#main .content .con_left .new_reviews .items {float:left; width:590px; height:auto; overflow:hidden; border-bottom:2px #d4cfc4 dotted; padding: 5px 0 5px 0; margin-bottom: 5px;}
#main .content .con_left .new_reviews .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:0px;padding:0; border:#ccc 1px solid;}
#main .content .con_left .new_reviews .items .t{float:left; height:auto; width:485px ; padding:0px 10px 0px 10px;}
#main .content .con_left .new_reviews .title .t h2 {background:url(../images/h2-bg-review.png) no-repeat 0 0 ; padding: 10px 0 0 53px;  margin-bottom:0px; height: 45px}

/*===============================================================*/
#main .content .con_right{ float:right; width:300px; padding-left: 10px; overflow:hidden;}

#main .content .con_right .social {padding: 5px 0 10px 0; height:auto; float:left; width:100%; clear:both;}

#main .content .con_right .lists {  float:left; width:297px;  position:relative;  font-size:12px; font-weight:bold;}
#main .content .con_right .lists .list-mid-bg {background:url(../images/cat-h2-mid.jpg) no-repeat bottom left #d5b28c;}
#main .content .con_right .lists-bottom {  float:left; width:297px; height: 37px;  position:relative; /*border:#ccc solid 1px;*/ background:url(../images/cat-h2-bottom.png) no-repeat bottom left; margin: 0px 0 10px 0;}
#main .content .con_right .lists h2{ height: 69px; font-weight:bold; text-shadow: 1px 1px 0 #e9ccad; display:block;  margin: 0px; padding: 13px 0 0 36px; background:url(../images/cat-h2.png) no-repeat 0 0 ; color:#442e15;}
#main .content .con_right .lists ul{margin:0; padding:0px; list-style:none; font-size: 13px; text-shadow: 1px 1px 0 #e4c4a2; }
#main .content .con_right .lists ul li{ /*background:url(../images/line-dotted.gif) repeat-x 0 25px;*/  padding:1px 0 1px 30px; height:28px; vertical-align: 40%;}
#main .content .con_right .lists ul a:link, #main .content .con_right .lists ul a:visited {color:#442e15; vertical-align: 40%; padding-left: 3px;}
#main .content .con_right .lists ul a:hover, #main .content .con_right .lists ul a:active {color:#fff; vertical-align: 40%; padding: 3px 8px 3px 8px; text-shadow: 1px 1px 0 #9b7b5e; background: #b08e6f; -webkit-border-radius:10px; 
-moz-border-radius:10px; 
border-radius:10px;
}

#main .content .con_right .random_rat {clear:both; /*border:1px #cac5b8 solid;*/  height:auto; float:left; width:285px; padding:5px; margin-bottom:10px; position:relative;}
#main .content .con_right .random_rat .title{ float:left; width:200px; }
#main .content .con_right .random_rat h2{font-weight:normal; display:block; padding-bottom:15px;}
#main .content .con_right .random_rat .items .pic {float:left; width:60px; height:60px; text-align:center;margin:0 10px;}
#main .content .con_right .random_rat .items .t {float:left; height:105px; width:190px; }
#main .content .con_right .random_rat .items .t  .info{ height:80px;  padding-left:10px; }
#main .content .con_right .random_rat .items .t  .btn{ padding-left:20px; border-bottom:1px #ccc dotted;}
.random_rat .btn a.Bbtn {background: url(../images/ico-more.gif) no-repeat 0 0; color:#0fc9f8; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 0 13px;}
.random_rat .btn {border-top:1px #ccc dotted; padding-top: 3px; }

#main .content .con_right .reviews {clear:both; /*border:1px #ccc solid;*/ padding: 5px; float:left; width:285px;position:relative; margin-bottom:10px;}
#main .content .con_right .reviews h2{font-weight:normal; display:block; padding-bottom:15px; }
#main .content .con_right .reviews .title .t{ float:left; width:200px;}
#main .content .con_right .reviews .title .btn{ float:right;  margin-top:5px;}
#main .content .con_right .reviews .items .pic {float:left; width:auto; height:130px; text-align:center;margin-top:0; padding-left: 10px;}
#main .content .con_right .reviews .items .t {float:left; height:auto; width:180px; padding-left:10px;}
#main .content .con_right .reviews .exp{ float:left; padding-left: 10px; font-size:11px;}
#main .content .con_right .reviews .btn{ float:right; padding-right: 10px;}


#main .content .con_right .ads {clear:both; border:1px #ccc solid; height:auto; padding:0; float:left;width:295px; position:relative; margin-bottom:10px;}


#main .content .con_right .new_offer {/*border:1px #ccc solid;*/ padding: 5px; height:auto; float:left; width:285px; clear:both; position:relative;margin-bottom:10px; }
#main .content .con_right .new_offer h2{font-weight:normal; display:block; padding-bottom:15px; padding:0 0 10px 10px;}


#main .content .con_right .new_lists {/*border:1px #ccc solid;*/ padding: 5px; height:auto; float:left; width:285px; clear:both; position:relative;margin-bottom:10px; }
#main .content .con_right .new_lists h2{font-weight:normal; display:block; padding-bottom:15px; padding:0 0 10px 10px;}
#main .content .con_right .new_lists .title {width:200px;}
#main .content .con_right .new_lists .items  { margin-top:5px; height:auto; clear:both; padding-left: 10px;}
#main .content .con_right .new_lists .items .pic {float:left; width:40px; height:40px; text-align:center;margin-top:5px;padding:0; border:#ccc 1px solid;}
#main .content .con_right .new_lists .items .t {float:left; height:auto; width:220px; padding: 0 0 15px 8px; word-break : break-all;}

#main .content .con_right .new_chatters {clear:both;  /*border:1px #ccc solid;*/ padding: 5px; height:auto; float:left; width:285px;position:relative; }
#main .content .con_right .new_chatters h2{font-weight:normal; display:block; padding-bottom:15px; padding:0 0 10px 10px;}
#main .content .con_right .new_chatters .title {width:200px;}
#main .content .con_right .new_chatters .items  { padding:5px 0 5px 8px; height:auto; border-bottom:1px #ccc dotted; float:left;}
#main .content .con_right .new_chatters .items .pic {float:left; width:20px; height:20px; text-align:top; padding:0; border:#ccc 1px solid; margin-top:0px;}
#main .content .con_right .new_chatters .items .t {float:left; height:auto; width:220px; padding-left:7px;}
#main .content .con_right .new_chatters .items .info {float:left; height:auto; padding-left:8px;}
#main .content .con_right .new_chatters .btn { width:100%; float:left;clear:both; text-align:center; margin:10px 0 10px 0;}
#main .content { margin-top:10px;}

.special_offer {
float:left;
border-bottom:1px dotted #CCCCCC;
padding:4px 10px 10px 10px;
width:263px;
margin-right:20px;
display:block;
}
.special_offer h3 span{ float:right}
.special_offer em{ text-align:right; display:block;}
.new_offer .btn, .random_rat .btn{ text-align:center; margin:10px 0 10px 0;}


#main .content .con_left .category .items h1, #main .content .con_right .random_rat h2, #main .content .con_right .reviews h2, #main .content .con_right .new_offer h2, #main .content .con_right .new_lists h2, #main .content .con_right .new_chatters h2, #main .content .con_left .hot_business  h1{
	font-size:20px;
	color:#313131;
	/*text-shadow: 1px 1px 0 #cfcfcf;*/
	border-bottom:1px #ccc dotted;
	padding:0 0 10px 55px;
}

#main .content .con_left .hot_business, #main .content .con_left .category .items, #main .content .con_right .random_rat, #main .content .con_right .reviews, #main .content .con_right .ads, #main .content .con_right .new_offer, #main .content .con_right .new_lists, #main .content .con_right .new_chatters {
border:1px #ddd9cf solid;
background: #fff; 
-webkit-border-radius:6px 6px 6px 6px; 
-moz-border-radius:6px 6px 6px 6px; 
border-radius:6px 6px 6px 6px; 
}

#main .content .con_left .hot_business {background:url(../images/h2-bg-hotlist.jpg) no-repeat 8px 0px #fff;}
#main .content .con_left .category .items{background:url(../images/h2-bg-bestof.jpg) no-repeat 8px 0px #fff;}
#main .content .con_right .random_rat {background:url(../images/h2-bg-reviewer.jpg) no-repeat 8px 0px #fff;}
#main .content .con_right .reviews    {background:url(../images/h2-bg-hotbiz.jpg) no-repeat 8px 0px #fff;}
#main .content .con_right .new_offer  {background:url(../images/h2-bg-offer.jpg) no-repeat 8px 0px #fff;}
#main .content .con_right .new_lists  {background:url(../images/h2-bg-list.jpg) no-repeat 8px 0px #fff;}
#main .content .con_right .new_chatters {background:url(../images/h2-bg-chatter.jpg) no-repeat 8px 0px #fff;}

#main .content .con_left .top_events .title .t h2, #main .content .con_left .pop_events .title .t h2, #main .content .con_left .new_reviews .title .t h2{color:#313131}