/**
 * 美容店视图
 * 美容师分类页页面
 * 
 * @author 孟继来
 * @copyright 2012 唯美购
 */


/* 导入框架样式脚本 */
@import url("/Css/Home/Lib/web_frame.css");


/* 请按照所给示例的参数的顺序和格式定义样式 */
/*
#example
{
	display:block;
	border:solid 1px red;
	position:relative;
	width:100px;
	height:100px;
	line-height:30px;
	left:0px;
	top:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	z-index:100;
	text-align:left;
	vertical-align:middle;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:red;
	background-color:white;
	background:url() left top no-repeat;
}
*/


#web_content
{
	/*	border:solid 1px blue;
	position:relative;
	width:1200px;
	left:50%;
	top:0px;
	margin:0px 0px 0px -600px;
	padding:0px;
	float:left;*/
width: 1200px; margin: 0px auto;
}


/* 所有样式脚本放置于“to do”标签之间，并注意保持缩进 */
/* //to do */

/*This is top big image*/
.beauticianBox{width:1200px; margin:0px auto; padding-top:10px;}

.searchTerm{ padding-left:30px}
input.searText{ width:440px; height:28px; line-height:28px; padding-left:5px; padding-right:5px; color:#777777; border:1px solid #cec8d1}
.checkboxs{ display:block; margin-top:8px;_margin-top:5px}
.chdiv{ padding-left:30px; padding-right:5px}
.subSearch{ display:block; width:78px; height:27px; background:url(/Image/Home/ShopStaff/search_bgs.gif) no-repeat top; border:none; margin-left:30px}
/*This is beaution Content*/
.beautionContent{ font-size:12px; color:#666666;font-family:'宋体',Arial, Helvetica, sans-serif; margin-bottom:10px}
.beautionContent a{ color:#666666}
.beautionContent a:hover{ color:#7b4990}
.beautionLelt,.beautionCenter{ float:left;}
.beautionLelt{ margin-right:10px}
.beautionLelt{width:190px}
.beautionCenter{width:1000px; margin-right:0px}
.inBeautionCenter{ width:1000px; overflow:hidden;}
.inBeautionCenterHid{ width:800px; overflow:hidden}
.inBeautionCenterHid ul li{ display:block; float:left; text-align:center; width:176px; margin-right:19px}
.inBeautionCenterHid ul li img{display:block; overflow:hidden; background:#FFFFFF; border:1px solid #e3e2e2; padding:4px; margin:0px auto}
	
/*This is beautionLelt and beautionRight public style*/
.inBeaution{ margin-bottom:10px;}
.inBeautionTitle{ height:40px; line-height:40px; font-weight:bold; color:#FFFFFF; font-size:15px; background:#7b4990; overflow:hidden; text-align:left;}
.inBeautionTitle span{ padding-left:20px; text-align:left; display:block; font-family: "微软雅黑","YaHei","黑体",Tahoma,Helvetica,arial,sans-serif; font-weight: bold}
.jieguo2013 span{ font-size: 12px; font-weight: 100; font-family: '宋体'}
.inBeautionContent{ overflow:hidden; display:block; background:#f4f4f4; border:1px solid #ebeaea; border-top:none}
.sidelast{ margin-bottom:0px}
.inBeautionContentPice{ padding-top:7px; padding-bottom:4px; border-top:1px solid #ebeaea}
.inBeautionContentPice img{ display:block; overflow:hidden; background:#FFFFFF; border:1px solid #e3e2e2; padding:4px; margin:0px auto}
.discribe{ padding-left:10px; padding-right:10px; line-height:22px; padding-top:8px}
.discribe p{ display: block; width: 134px; overflow: hidden;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
/*This is bottom minu*/
.beautionButtom{ height:85px; line-height:85px; font-size:22px; font-family:'宋体',Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; background:#5c2b71; width:1200px; margin:0px auto}
.beautionButtom a{ display:block; width:299px; border-right:1px solid #8f8f8f; float:left; color:#FFFFFF; text-align:center}
.beautionButtom a:hover{ background:#3e0f49}
a.last{ border-right:none;}

/*美容师分类页面*/
.search_list_box{overflow:hidden; display:block; background:#f4f4f4; border-bottom:3px solid #7b4990}
.padding_box{ padding-left:20px; padding-right:20px}
.beautionCenter .search_box{ height:41px; line-height:41px; overflow:hidden; background:url(/Image/Home/ShopStaff/list_bgc.gif) repeat-x bottom; font-size:12px; color:#333; margin-top:0px}
.beautionCenter .search_box span{ font-weight:bold; float:left; padding-left:30px; padding-right:10px;; display:inline-block; color:#333}
.beautionCenter .search_box a{margin-left:5px;display:inline; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; color:#333}
.beautionCenter .search_box a:hover{ color:#FF0000}
.beautionCenter .search_box a.select{ background:#666666; color:#FFFFFF}
.beautionCenter .search_box a.select:hover{ color:#fff}
/*导航排序*/
.pu_contant{ padding-top:0px}
.sort_bar_left a.sort_select{ background:#7b4990; border:1px solid #7b4990; color:#FFFFFF; font-weight:bold}
.sort_bar{ height:28px; line-height:26px; font-size:12px; color:#333; padding-top:3px; padding-bottom:3px; background:#7b4990; border-bottom:3px solid #7b4990}
.sort_bar_left{ float:left;}
.sort_bar .sort_bar_left span{ font-weight:bold; display:block; float:left; padding-left:38px; margin-right:10px; color:#FFFFFF; font-size:14px}


.sort_bar .sort_bar_left a{ display:block; padding-left:10px; padding-right:10px; float:left; letter-spacing:1px; background:#fafafa; border:1px solid #cecbce; color:#666666; margin-right:20px;}

.sort_bar .sort_bar_right a{  padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px;   letter-spacing:1px; background:#fafafa; border:1px solid #cecbce; color:#666666; line-height: 25px; }
.sort_bar_right a{letter-spacing:1px; background:#fafafa; border:1px solid #cecbce; color:#666666; }
.sort_bar .sort_bar_right a{font-weight: bold}
.sort_bar .sort_bar_left a:hover{ color:#000000}
.sort_bar .sort_bar_right a:hover{ color:#8050ad; font-weight: bold}
.sort_bar_right{color: #ffffff; float: right; width: auto; padding-right: 10px; padding-top: 3px}

.sort_bar span.current{font-weight: bold; color: #ffffff; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px;   border:1px solid #ffffff; line-height: 25px; }
.pu_list{ width:960px; overflow:hidden; clear:both; padding-top:28px;}
/*城市BOX*/
.city_box{ width:300px; position:absolute; background:#FFFFFF; border:1px solid #cecbce; top:30px; left:213px;  display:none}
.city_in{ padding:10px}
.city_in p{ line-height:25px; color:#666666}
.city_in p a{ color:#7b4990; padding-left:10px; padding-right:10px}
.city_in p a:hover{ color:#FF0000}
/*表格样式*/
.order_table_a{font-size:12px; color:#666666; border-collapse:collapse; margin-top:0px}
.order_table_a tr{ border-collapse:collapse; background:#fff; text-align:center}
.order_table_a td{ border-collapse:collapse; border:1px solid #e3e2e2; line-height:30px}
.order_table_a td span{ padding-left:6px; padding-right:3px}
.table_header td{ background:#f5f5f5;}
.shangpin{margin:0px auto; overflow:hidden; padding:10px}
.shangpin img{ float:left; margin-right:10px}
.shangpin p{ line-height:26px}
.shangpin p a{ color:#7b4990; text-decoration:underline;}
.shangpin p b{font-weight:bold}
.shangpin p a:hover{ color:#FF0000}
.put_name{ margin-bottom:12px}
.adds{ color:#7b4990; text-decoration:underline}
.adds:hover{ color:#ff0000}
.gouwubtn{ color:#FFFFFF; background:#7b4990;  padding:3px; border:1px solid #603871}
.checking span{ display:block; padding-top:10px; padding-bottom:10px}
.checking span img{ background:#ffffff; display:block; overflow:hidden; margin:0px auto; border:1px #solid f5f5f5; padding:4px}
.last_ordr span{ padding:10px; display:block; }
.last_ordr a{ color:#7b4990; text-decoration:underline}
.tableTitlename{ background:#f5f5f5; padding-left:5px; padding-right:5px; margin-top:4px}
.tableTitlename span{ float:left; display:block; padding:0px; margin:0px}
.tableTitlename span b a{ color:#7b4990; padding-right:20px}
span.yuyue{ float:right; padding-right:6px; padding-top:5px}
span.yuyue input{ width:80px}
.thisJob{ padding-left:5px; padding-right:5px; height:auto!important;min-height:116px;height:116px; clear:both; border:1px solid #f5f5f5; vertical-align:middle}
.thisJob span{ display: block; float: left; display: block; padding-left: 10px; padding-right: 10px; background: #f1f1f1; border: 1px #dddddd solid}
/*滑动菜单*/
.tab_hid{ margin-bottom:10px;border:1px solid #f4f4f4; border-top:none}
.tab_hid .left_box{ border:none;}
.tab_hid .left_title .fgf{ cursor: pointer}
.left_box{ margin-top:2px}
.left_title span.fgf{width:14px; display:block; background:url(/Image/Home/ShopStaff/fu_bg.gif) no-repeat 0px -50px; cursor: pointer}
.left_title span.fgf_select{width:14px; display:block;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.left_box{ border:1px solid #f4f4f4; margin-bottom:0px}
.left_title{ height:46px; background:#f4f4f4; line-height:46px; font-size:15px; color:#544f4b; font-family: "微软雅黑","YaHei","黑体",Tahoma,Helvetica,arial,sans-serif}

.left_title b{ padding-left:18px; float:left; display:block}
.left_title span a{font-size:12px; color:#7b4990; display:block}
.left_title span a:hover{ color:#7b4990!important}
.left_title span{ float:right; padding-right:18px; float:right}
.new_list{width:196px; font-size:12px; float:none; overflow:hidden; display:none; clear:both}
.new_list ul{margin:0px; padding:10px; list-style-type:none; list-style:none; width:205px}
.new_list li{list-style:none; line-height:22px; height:22px;font-family:"宋体"; padding-right:10px; margin-bottom:10px}
.new_list li a{ color:#666660;}
.new_list li a:hover{ color:#7b4990} 
a.vo_spans{ display: block;float: left; padding-left: 15px; padding-right: 15px; line-height: 28px; height: 28px; margin-left: 10px; margin-bottom: 10px; background: #eeeeee; text-align: center; color: #7b4990; white-space: nowrap}


/* //to do */