/**
 * 页面主题样式表.
 * 这个样式表主要用于定义颜色和背景图片等相关的样式.
 */

body { background-color: #e9f4e6; }

#page { background-color: #ffffff; }
#header { background: transparent url("../images/banner.jpg") no-repeat right top; border-bottom: 2px solid #FF9900; }
#header div { float: left; }
#header #navi { float: right; margin-top: 25px; }
#header #navi #city { float: left; text-align: right; padding: 9px 0px 3px; font-size: 13px; font-weight: bold; color: #FF9900; }
#header #navi #navi_bar { float: right; }
#header ul { padding: 0px; margin: 0px 1px 0px 0px; list-style-type: none; }
#header li { float: right; width: 70px; height: 28px; margin-right: 1px; text-align: center; }
#header li { background: #ffffff url("../images/fg.jpg") repeat-x left top; border: 1px solid #ACD98C; border-bottom: none; }
#header li a { padding: 8px 5px 7px; display: block; font-weight: bold; }
#header li a:hover { color: #ffffff; background-color: #FF9900; text-decoration: none; }
#footer { background: #ffffff url("../images/fg.jpg") repeat-x left top; }

#footer, .block, .title { background: #ffffff url("../images/fg.jpg") repeat-x left top; }
.block { border: 1px solid #acd98c; border-top: none; margin-bottom: 5px; }
.block_title { height: 24px; line-height: 22px; text-align: left; color: #009966; padding-left: 8px; }

.panel { border: 1px solid #d9d9d9; }
.panel th { background: #ffffff url("../images/fg.jpg") repeat-x left top; }
.panel th { padding: 3px 5px; text-align:left; border: 1px solid #d9d9d9; border-top: none; border-left: none; }


 /***************************************city********************************************/
#userInfo .title { padding: 4px 8px 3px; height: 25px; border-top: 1px solid #d9d9d9; }
#userInfo .title form { padding: 0px; margin: 0px; }
#userInfo .title ul { padding: 0px; margin: 0px; }
#userInfo .title li { font-weight: normal; margin: 0px; }
#userInfo .title li a { margin-right: 5px; }
#userInfo .title li span { margin-right: 5px; }
#userInfo .title li .button { width: auto; height: 22px; padding-top:0px; padding-bottom:0px; font-size: 12px; }

#topic { margin-bottom: 10px; font-weight: bold; font-size: 15px; padding: 7px 8px; border: 1px solid #acd98c;
	background: #ffffff url("../images/topicBG.jpg") repeat-x left top; margin-bottom: 8px; text-align: center; }
		
.block #area { background: #ffffff url("../images/top-bar-bg.png") repeat-x left top; height: 20px; padding: 5px; margin-bottom: 10px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.block #area ul { padding: 0px; margin: 0px; list-style-type: none; }
.block #area li { float: left; padding: 3px; }
.block #area li a { color: #2754BB; }
.block #area li a:hover { color: #FF9900; }

.category .title { height: 30px; padding: 5px 0px 0px; margin: 0px; border: none; background: none; }
.category .title ul {  }
.category .title li { padding: 0px; margin: 0px; text-align: center; }
.category .title li a { padding: 8px 0px 0px; width: 80px; height: 21px; display: block; border-bottom: 1px solid #d9d9d9; }
.category .title li a:hover { text-decoration: none; background-color: #F8F8F8; width: 78px; padding: 4px 0px 4px; border: 1px solid #d9d9d9; border-bottom: none; color: #555; }
.category .title li a.selected { background-color: #F8F8F8; padding: 4px 0px 4px; width: 78px; border: 1px solid #d9d9d9; border-bottom: none; color: #555; }
.category .title li.f_right { text-align: right; border-bottom: 1px solid #d9d9d9; }
.category .title li.f_right a { font-weight: normal; color: #2754BB; float: right; width: auto; padding: 8px 5px 0px; border: none; }
.category .title li.f_right a:hover { text-decoration: none; color: #FF9900; width: auto; padding: 8px 5px 0px; background-color: transparent; border: none; }

.category .type { background: #F8F8F8 url("../images/top-bar-bg.png") repeat-x left -1px; height: 29px; margin-bottom: 10px; }
.category .type ul { padding: 0px; margin: 0px; list-style-type: none; }
.category .type li { float: left; }
.category .type li a { display: block; margin: 8px 0px 0px; padding: 0px 10px; border-right: 1px solid #ccc; }
.category .type li a:hover { color: #FF9900; }
.category .type li.type_left  { width: 5px; height: 30px; background: url("../images/top-bar-left.png")  no-repeat scroll left -1px; }
.category .type li.type_right { width: 5px; height: 30px; background: url("../images/top-bar-right.png") no-repeat scroll left -1px; float: right; }

.bus_title { padding: 2px 0px; }
.bus_list { margin: 5px 10px; }

.shelves { width: 690px; padding-bottom: 5px; }
.shelves ul { padding: 0px; margin: 0px; list-style-type: none; width: 100%; }
.shelves li { float: left; margin: 0px 0px 5px 15px; }
.shelves li .productPic { margin-bottom: 2px; width: 109px; height: 82px; padding: 2px; border: 1px solid #ccc; }
.shelves li .productPic img { width: 109px; height: 82px; }
.shelves li .productPrice { padding: 1px; margin-bottom: 0px; width: 112px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shelves li .productPrice a { color: #2754BB; }
.shelves li .productPrice a:hover { color: #FF9900; }
.shelves li .floatTag { position: absolute; padding-left: 92px; padding-top: 66px; }

#list { float: left; width: 695px; overflow: hidden; margin-right: 5px; border: none; }

.firm { float: left; margin-right: 10px; margin-bottom: 5px; padding-bottom: 5px; width: 337px; border-bottom: 1px dotted #ccc; }	
.firm .firmLeft { float: left; width: 95px; margin-right:8px; }
.firm .firmLeft .picPanel { width: 89px; height: 67px; padding: 2px; border: 1px solid #ccc; }
.firm .firmLeft .picPanel img { width: 89px; height: 67px; }
.firm .firmLeft .messager { margin-top: 5px; text-align: center; height: 16px; }	
.firm .firmRight { float: left; width: 234px; }
.firm .firmRight ul { padding: 0px; margin: 0px; list-style-type: none; }
.firm .firmRight .firmContact { float: left; width: 174px; }
.firm .firmRight .firmContact li { padding: 0px; margin: 0px 0px 3px; width: 173px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.firm .firmRight .firmLevMsg { float: left; width: 57px; }
.firm .firmRight .firmLevMsg li { margin-bottom: 2px; }
.firm .firmRight .firmDesc { height: 16px; margin-top:2px; }

#right_list { width: 240px; overflow: hidden; float:right; }
#right_list .title {padding-left:5px;padding-right:5px;}
#right_list .title li {padding:0px;margin:0px;}
#right_list .title li a { font-weight: normal; color: #2754BB; }
#right_list .title li a:hover { color: #FF9900; text-decoration: none; }
#right_list #smap span, #right_list #smap a { display: none; }

#topicTitle { height: 450px; }
#topicTitle .title { text-indent: 25px; font-weight: normal; padding: 8px 190px; height: 50px; line-height: 25px; }
#topicTitle form { margin-left: 150px; }
#topicTitle ul { list-style-type: none; }
#topicTitle li { margin: 8px; }
#topicTitle li div { margin-right: 8px; }
#topicTitle li input { width: 300px; }
#topicTitle li textarea { width: 550px; height: 200px; }
#topicTitle li .button { width: auto; }
 /***************************************city********************************************/