@charset "utf-8";
/*Global*/
body, td, th ,div, ul, li, p{ 
	color : #333; 
	font-size:12px;
	font-family:Arial;
	} 
body { 
	margin-left : 0; 
	margin-top : 0; 
	margin-right : 0; 
	margin-bottom : 0; 
	background:#CCC;
	/*background:#FFF url(../images/bg.jpg) repeat-y center;*/
	} 
ul, li, p, dl, dt, dd, h1,h2,h3,h4,h5,h6, form{ 
	list-style-type : none; 
	padding : 0; 
	margin : 0; 
	} 
img{
	padding : 0; 
	margin : 0; 
	border : 0;
	}
a:link { 
	color : #333; 
	font-size : 12px; 
	font-family : Arial; 
	text-decoration:none;
	} 
a:visited { 
	color : #333; 
	font-size : 12px; 
	font-family : Arial; 
	text-decoration:none;
	} 
a:hover { 
	color : #CC0000; 
	font-size : 12px; 
	text-decoration : underline; 
	font-family : Arial; 
	} 
.Clear{
	clear:both;
	}
.Height10px{
	height:10px;
	clear:both;
	overflow:hidden;
	}
/*Head*/
.Head{
	width:980px;
	height:206px;
	margin:0px auto;
	overflow:hidden;
	clear:both;
	background:#CCC url(../images/head_bg.jpg) no-repeat;
	}
/*Nav*/
.Nav{
	height:33px;
	margin:0px auto;
	overflow:hidden;
	clear:both;
	margin-top:141px;
	}
.NavSub{
	width:992px;
	height:26px;
	margin:0px auto;
	overflow:hidden;
	clear:both;
	line-height:26px;
	color:#CACACA;
	}
/*Body*/
.Body{
	width:980px;
	margin:0px auto;
	clear:both;
	background:#ECECEC url(../images/body_bg.jpg) no-repeat;
	border-top:0;
	border-bottom:0;
	height:100%;
	margin-top:10px;
	}
.SBody{
	width:980px;
	margin:0px auto;
	clear:both;
	background:#ECECEC url(../images/sbody_bg.jpg) no-repeat;
	border-top:0;
	border-bottom:0;
	height:100%;
	margin-top:10px;
	}
/*Left*/
.Body .Left{
	width:267px;
	float:left;
	overflow:hidden;
	height:100%;
	}
/*Right*/
.Body .Right{
	width:676px;
	float:right;
	overflow:hidden;
	height:100%;
	}
/*BodyFoot*/
.Body .BodyFoot{
	clear:both;
	background:url(../images/foot_line.gif);
	height:10px;
	overflow:hidden;
	}
.SBody .BodyFoot{
	clear:both;
	background:url(../images/foot_line.gif);
	height:10px;
	overflow:hidden;
	}
/*Foot*/
.Foot{
	width:980px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
	text-align:center;
	color:#666;
	line-height:22px;
	margin-top:15px;
	}
/*Page*/
.Page{
	border:1px #FFB4B4 solid;
	background:#FFF;
	height:auto;
	}
.BPage{
	border:1px #B9B9B9 solid;
	background:#FFF;
	}
/*MessageBox*/
.error {
	background:#fde8e9 url(../images/icon_error.gif) no-repeat 5px 3px;
	border:1px solid #fac5c8;
	line-height:14px;
	padding:3px 20px 2px 25px;
	font-size:12px;
	font-family:verdana;
	color:#E04023;
	margin-top:2px;
	}
.success {
	background:#eff6e4 url(../images/icon_success.gif) no-repeat 5px 3px;
	border:1px solid #cae2a4;
	line-height:14px;
	padding:3px 20px 2px 25px;
	font-size:12px;
	font-family:verdana;
	}
.alert {
	background:#fffbd1 url(../images/icon_alert.gif) no-repeat 5px 3px;
	border:1px solid #fddc9b;
	line-height:14px;
	padding:3px 20px 2px 25px;
	font-size:12px;
	font-family:verdana;
	}
	
.successA{border:1px solid #CAE2A4;padding:15px 10px 15px 60px;margin:20px 0;background:#F7FAF1 url(../images/successA.gif) 15px 15px no-repeat;font-size:1.8em; }
.errorA{border:1px solid #FAC5C7;padding:15px 10px 15px 60px;margin:20px 0;background:#FEF0F0 url(../images/errorA.gif) 15px 15px no-repeat;}	
.quickMiniImgBox{
	visibility:hidden;
	position:absolute;left:0;
	top:0;
	z-index:301;
	}
.quickMiniImgBox .iconLayer{
	height:100%;
	}
.quickMiniImgBox .iconLayer a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none !important;
	}
.quickMiniImgBox .maskBox{
	float:left;
	width:100px;
	height:100px;
	border:none;
	overflow:hidden;
	background:url(../images/QuickView_Blank.gif) repeat;
	}
.quickMiniImgBox .dartBox{
	float:left;
	width:16px;
	height:100px;
	background:url(../images/QuickView_Dart.gif) no-repeat right center;
	}
.quickInfoBox{
	visibility:hidden;
	position:absolute;
	left:0;
	top:0;
	width:125px;
	height:125px;
	background-color:#d1e3f5;
	padding:8px 8px 4px;
	text-align:center;
	border:1px solid #adcfea;
	z-index:300;
	}
.quickInfoBox .largeImg{
	width:120px;height:120px;
	background-color:#ffffff;
	padding:5px;
	border:1px solid #4e89c4;
	}
.quickInfoBox .largeImg a{
	display:table-cell;
	width:120px;
	height:120px;
	*display:block;
	vertical-align:middle;
	outline:none;
	}
.quickInfoBox .largeImg img{
	vertical-align:middle;
	border:0;
	}
.ScrollPic {
	width:925px;
	padding-bottom: 10px; 
	overflow: hidden;
	padding-top: 15px;
	zoom: 1; 
	position: relative;
	margin:0px auto;
	height:150px;
	}
.ScrollPic .leftbotton {
	background: url(../images/arrow.gif) no-repeat 0px -72px;
	left: 5px;
	float: left;
	width: 30px;
	cursor: pointer;
	position:absolute;
	top:50px;
	height: 38px;
	}
.ScrollPic .leftbotton  {
	background: url(../images/arrow.gif) no-repeat 0px -72px;
	left: 5px;
	float: left;
	width: 30px;
	cursor: pointer;
	position:absolute;
	top:50px;
	height: 38px;
	}
.ScrollPic .rightbotton {
	right: 10px; 
	background: url(../images/arrow.gif) no-repeat 0px 0px;
	float: right; 
	width: 30px; 
	cursor: pointer; 
	position: absolute; 
	top: 50px; 
	height: 38px;
	}
.ScrollPic .cont {
	margin: 0px auto;
	overflow: hidden; 
	width: 845px; 
	padding-top: 5px;
	}
.ScrollPic .Box {
	float: left; 
	width: 140px; 
	height:110px;
	overflow: hidden; 
	text-align: center;
	}
.ScrollPic .Box img {
	border-right: #FFB4B4 1px solid; 
	border-top: #FFB4B4 1px solid; 
	display: block; 
	background: #fff; 
	margin: 0px auto; 
	border-left: #FFB4B4 1px solid; 
	border-bottom: #FFB4B4 1px solid;
	width:125px;
	height:86px;
	}
.ScrollPic .Box a:hover img {
	border-right: #CC0000 1px solid;
	border-top: #CC0000 1px solid;
	border-left: #CC0000 1px solid;
	border-bottom: #CC0000 1px solid;
	}
.ScrollPic .Box p {
	margin: 6px auto 0px;
	width:130px;
	line-height: 20px;
	font-size:12px;
	}