@charset "utf-8";
/* CSS Document */
/********************************controls所有控?**********************************/

.controlsButtom{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	height: 20px;
	width: 50px;
	border: 1px solid #666666;
}

.controlsTextbox{
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}

.controlsDropdownlist{
	border: 1px dashed #666666;
}

.outer{border:1px solid green; position:absolute; overflow:hidden}
.inner{margin:-2}
/********************************Products***********************************/
#controlsproductsZone{
background-color: #FFFFFF;
width: 880px;
height: 370px;
}

.controlsproductsZone{
background-color: #FFFFFF;
width: 880px;
height: 370px;
}

#controlsprdouctsImages{
	width: 140px;
	height: 140px;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 15px;
}

.controlsprdouctsImages{
	width: 170px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 14px;
	height: 177px;
	margin-top: 16px;
}

#controlsprdouctsImages a:link,#controlsprdouctsImages a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	border-width: 0px;
}

#controlsprdouctsImages{
	width: 140px;
	height: 140px;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 15px;
}

#controlsproductsList{
	width: 880px;
	height: 335px;
}

#controlsproductsPage{
	width: 880px;
	margin-top: 10px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#controlsproductsClass{
	width: 880x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 25px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 0px;
}

#controlsproductsPage a:link, #controlsproductsPage a:visited{
	color: #666666;
	text-decoration: none;
}

#controlsproductsPage a:hover, #controlsproductsPage a:active{
	text-decoration: none;
	color: #FF0000;
}




/********************************ProductsInfo***********************************/
#controlsProductsInfoZone{
	width: 880px;
	height: 370px;
	background-color: #FFFFFF;
}
#controlsProductsInfoLeft{
	height: 370px;
	width:515px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

#controlsProductsInfoRight{
	height: 370px;
	float: left;
	width: 240px;
	margin-left: 15px;
}

#controlsProductsInfoPhotoA{
	width: 365px;
	height: 365px;
	margin-left: 10px;
	float: left;
}

#controlsProductsInfoPhotoB{
	width: 365px;
	height: 365px;
	margin-left: 10px;
	visibility: hidden;
	position: absolute;
}

#controlsProductsInfoPhotoC{
	width: 365px;
	height: 365px;
	margin-left: 10px;
	float: left;
	position: absolute;
}

#controlsProductsInfoImaggesA{
	width: 110px;
	height: 110px;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
	position: absolute;
	left: 380px;
	top: 0px;
}

#controlsProductsInfoImaggesB{
	width: 110px;
	height: 110px;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
	position: absolute;
	left: 380px;
	top: 124px;
}

#controlsProductsInfoImaggesC{
	width: 110px;
	height: 110px;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
	position: absolute;
	left: 380px;
	top: 250px;
}
/********************************MessageTable***********************************/
#controlsMessageTable{
	width: 380px;
	height: 310px;
	margin: 0px;
	padding: 0px;
}

#controlsMessageTableAll{
	width: 380px;
	heigth: 25px;
	text-align: right;
	line-height: 25px;
}

#controlsMessageTable ul{
	height: 15px;
	list-style:none;
	padding: 0px;
	margin: 0xp;
	line-height: 15px;
}

#controlsMessageTable ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 15px;	
	line-height: 15px;
	margin-bottom: 10px;	
}


#controlsMessageTable ul li a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	background-image: url(images/services_graytag.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #CCCCCC;
}

#controlsMessageTable ul li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	background-image: url(images/services_graytag.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #CCCCCC;
}

#controlsMessageTable ul li a:active
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	background-image: url(images/services_redtag.jpg);
	background-repeat: no-repeat;
	color: #000000;
	text-decoration: none;
}

#controlsMessageTable ul li a:hover{
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	background-image: url(images/services_redtag.jpg);
	background-repeat: no-repeat;
	color: #000000;
	text-decoration: none;
}	
/********************************Diamond***********************************/
#Diamond{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 880px;
	height: 345px;
}

#Diamond_page{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 20px;
	margin-top: 5px;
	width: 380px;
	float: left;
	margin-left: 10px;
}

#Diamond_class{
	float: left;
	width: 500px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: right;
}

#Pagination{
	line-height: 25px;
	height: 25px;
}