@charset "utf-8";

.MainContainer {
	margin: 0 auto;
	width: 900px;
	}
#left{
	width: 227px;
	float: left;
	background-color:#F3F5F4;
}
#right{
	width: 670px;
	float: left;
	overflow: hidden;
}
.MainLeft {
	width: 227px;
	float: left;
	margin-top:10px;
	background-color:#F3F5F4;
	}
.MainCenter {
	margin: 0px;
	width: 670px;
	float: left;
}
	/*Catagories*/
	.Catagories {
		background-color:#f2f2f2;
	}
	.CatagoriesTitle {
		width: 180px;
		height: 34px;
		font-size: 16px;
		font-weight: 500;
		line-height: 34px;
		color: #333333;
		}

	.CatagoriesLinks a {
		padding: 0 0 0 30px;
		background: url(../images/left_bg.jpg) no-repeat left center;
		font-size: 12px;
		line-height: 33px;
		text-decoration: none;
		color: #333333;
		display: block;
		}
	.CatagoriesLinks a:hover {
		background: #295CCD url(../images/dot_5.gif) no-repeat left center;
		color: #FFFFFF;
		}
	/*NewsBox*/	
	.DefaultBox {}
	.DefaultBoxTitle {
		padding: 0 10px;
		background: url(../images/boxheading_2.jpg) no-repeat 0 0;
		width: 160px;
		height: 43px;
		font-size: 16px;
		font-weight: 500;
		line-height: 37px;
		color: #333333;
		}
	.DefaultBoxList {
		background: #FFFFFF;
		}
	.DefaultBoxBottom {
		background: url(../images/boxbottom_2.jpg) no-repeat 0 0;
		height: 13px;
		font-size: 1px;
		}
	.DefaultBoxList li {
		padding: 2px 8px;
		list-style: none;
		}
	.NewsData {
		margin: 3px 5px;
		padding: 3px 12px;
		background: url(../images/data_background.gif) no-repeat center center;
		font-size: 11px;
		color: #666666;
		display: block;
		float: right;
		}
	a.NewsTitle {
		color: #FF6600;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #EFEFEF;
		position: relative;
		}
	a.NewsContent {
		color: #333333;
		font-size: 12px;
		line-height: 1.5em;
		text-decoration: none;
		position: relative;
		}
	a.NewsContent:hover {
		color: #0033CC;
		}
	/*MainCenter*/
	.MainCenterTitle {
	background: url(../images/news_tit.jpg) no-repeat 0 0;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
	margin-top:18px;
	font-size: 13px;
	color: #333333;
	text-indent:43px;
	text-decoration: none;
		}
		.MainCenterTitle p {
			padding: 0 10px;
			border-bottom: 1px solid #999999;
			display: block;
			}
	.MainCenterContent {
		padding-left:25px;
		background: #FFFFFF;
		/*evezone add 2011-11-08*/
		width: 100%; overflow: hidden;
		}
	.MainCenterContent p {
		font-size: 12px;
		line-height: 1.5em;
		text-indent: 2em;
		color: #333333;
		}
	.MainCenterContent img {
		margin: 0 10px 10px 0;
		padding: 4px;
		border: 1px solid #cccccc;
		}
	.MainCenterBottom {
		background: url(../images/boxbottom_3.jpg) no-repeat left bottom;
		height: 20px;
		font-size: 1px;
		}
		
		/*News*/
		.NewsList {}
		.NewsList a {
			padding: 0 0 0 20px;
			background: url(../images/dot_0.gif) no-repeat 0 0;
			text-decoration: none;
			font-size: 12px;
			line-height: 2.2em;
			color: #0033CC;
			position: relative;
			border-bottom: 1px dotted #efefef;
			display: block;
			}
		.NewsList a:hover {
			color: #CC0000;
			}
		.NewsList a span {
			padding: 0 0 0 10px;
			color: #999999;
			float: right;
			}
		
		/*Pages*/
		.PageSort {
			padding: 10px;
			text-align: center;
			}
		.PageSort a {
			margin: 1px;
			display: block;
			width: 18px;
			height: 18px;
			text-decoration: none;
			text-align: center;
			line-height: 16px;
			float: left;
			}
		.PageSort span {
			margin: 1px;
			display: block;
			width: 18px;
			height: 18px;
			color: #999999;
			float: left;
			}
		a.PageFirst {
			background: url(../images/sort_arrow.gif) no-repeat -0 -20px;
			border: 1px solid #E4E4E4;
			}
		a.PagePrev {
			background: url(../images/sort_arrow.gif) no-repeat -20px -20px;
			border: 1px solid #E4E4E4;
			}
		a.PageNext {
			background: url(../images/sort_arrow.gif) no-repeat -40px -20px;
			border: 1px solid #E4E4E4;
			}
		a.PageEnd {
			background: url(../images/sort_arrow.gif) no-repeat -60px -20px;
			border: 1px solid #E4E4E4;
			}
		a.PageFirst:hover {
			background: url(../images/sort_arrow.gif) no-repeat -0 -40px;
			border: 1px solid #003366;
			}
		a.PagePrev:hover {
			background: url(../images/sort_arrow.gif) no-repeat -20px -40px;
			border: 1px solid #003366;
			}
		a.PageNext:hover {
			background: url(../images/sort_arrow.gif) no-repeat -40px -40px;
			border: 1px solid #003366;
			}
		a.PageEnd:hover {
			background: url(../images/sort_arrow.gif) no-repeat -60px -40px;
			border: 1px solid #003366;
			}
		.PageFirstEnable {
			background: url(../images/sort_arrow.gif) no-repeat -0 0;
			border: 1px solid #F5F5F5;
			}
		.PagePrevEnable {
			background: url(../images/sort_arrow.gif) no-repeat -20px 0;
			border: 1px solid #F5F5F5;
			}
		.PageNextEnable {
			background: url(../images/sort_arrow.gif) no-repeat -40px 0;
			border: 1px solid #F5F5F5;
			}
		.PageEndEnable {
			background: url(../images/sort_arrow.gif) no-repeat -60px 0;
			border: 1px solid #F5F5F5;
			}
		a.PageNum {
			background: url(../images/sort_1.gif) center center;
			font-size: 10px;
			color: #0033CC;
			border: 1px solid #E4E4E4;
			}
		a.PageNum:hover,
		a.PageNumSelect {
			background: url(../images/sort_2.gif) center center;
			font-size: 10px;
			font-weight: bold;
			color: #FFFFFF;
			border: 1px solid #003366;
			}
.font {
	font-size: 12px;
	line-height: 25px;
	color: #666666;
	text-decoration: none;
}
/*Product List*/
		.ConDetailTitle{
			font-size: 14px;
			font-weight: 500;
			color: #333333;
			line-height: 2em;
			}
		.ConDetailTitle span {
			font-family: Tahoma;
			font-size: 10px;
			color: #999999;
			float: center;
			}
		.ProductContent {
			margin: 10px 5px;
			padding: 5px;
			background: #F6F6F6;
			font-size: 12px;
			font-weight: normal;
			line-height: 2em;
			color: #333333;
			/*height: 200px;
			overflow: auto;*/
			}
		a.SiteLink {
			margin: 0;
			padding: 5px 2px 5px 20px;
			background:#FFFFFF url(../images/icon_sitelink.gif) no-repeat left center;
			font-size: 10px;
			text-decoration: underline;
			color: #0099FF;
			display: block;
			}
		a.SiteLink:hover {
			background: #FFFFFF url(../images/icon_sitelink.gif) no-repeat left center;
			color: #CC0000;
			}
		 /*Image show*/
		#gallery {
			position:relative;
			width:490px;
			margin:0 4px;
			background: #FFFFFF;
			}
		#images {
			border:1px solid #CCCCCC;
			background:#FFFFFF;
			margin-bottom:20px;
			}
		#image {
			position:relative;
			padding: 5px;
			width:480px;
			height: 360px;
			border:1px solid #CCCCCC;
			background:#FFFFFF url(../images/loading.gif) center center no-repeat;
			overflow: hidden;
			}
		#image img {
			position:absolute;
			top:5px;
			left:5px;
			width: 480px;
			}
		#thumbwrapper {
			margin-top: 5px;
			padding:5px;
			width:480px;
			height:90px;
			border:1px solid #C8C7C6;
			background:#FFFFFF;
			}
		#thumbarea {
			position:relative;
			overflow:hidden;
			height:90px;
			width:480px;
			}
		#thumbs {
			position:absolute;
			list-style:none;
			height:90px;
			width:10000px;
			}
		#thumbs li {
			float:left;
			cursor:pointer;
			}
		#thumbs li img {
			margin: 0 2px;
			padding: 4px; 
			border: 1px solid #EBEBEB;
			}
		.imgnav {
			position:absolute;
			height:430px;
			width:20%;
			z-index:100;
			width:20%;
			outline:none;
			cursor:pointer;
			}
		#previmg {
			left:0;
			background: url(../images/left.gif) left center no-repeat;
			border-left:5px solid #FFFFFF;
			}
		#previmg:hover {
			opacity:1;
			filter:alpha(opacity=100);
			}
		#nextimg {
			right:0;
			background:url(../images/right.gif) right center no-repeat;
			border-right:5px solid #FFFFFF;
			}
		#nextimg:hover {
			opacity:1;
			filter:alpha(opacity=100);
			}

		
		/*Contact*/
		.ConDetail ul,
		.ConDetail ul li {
			margin: 0;
			padding: 0;
			list-style: none;
			}
		.ConDetail ul li {
			padding: 3px 0;
			text-align: left;
			margin: 0;
			}
		.ConDetail h4 {
			margin: 0;
			padding: 0;
			font-weight: 500;
			font-size: 12px;
			line-height: 28px;
			}
		.FormInput {
			padding: 5px;
			background: url(../images/form_input.gif) no-repeat;
			width: 490px;
			height: 22px;
			}
		.FormInputOver {
			padding: 5px;
			background: url(../images/form_input_over.gif) no-repeat;
			width: 490px;
			height: 22px;
			text-align: left;
			}
		.FormInput input {
			margin: 0;
			padding: 0;
			width: 100%;
			border: 0;
			color: #333333;
			font-family: Tahoma;
			background: transparent;
			font-size: 13px;
			}
		.FormInputOver input {
			margin: 0;
			padding: 0;
			width: 100%;
			border: 0;
			color: #FF6600;
			font-family: Tahoma;
			font-weight: 500;
			background: transparent;
			font-size: 13px;
			}
		.FormInput1 {
			padding: 5px;
			background: url(../images/form_input_1.gif) no-repeat;
			width: 250px;
			height: 22px;
			}
		.FormInput1Over {
			padding: 5px;
			background: url(../images/form_input_over_1.gif) no-repeat;
			width: 250px;
			height: 22px;
			text-align: left;
			}
		.FormInput1 input {
			margin: 0;
			padding: 0;
			width: 240px;
			border: 0;
			color: #333333;
			font-family: Tahoma;
			background: transparent;
			font-size: 13px;
			}
		.FormInput1Over input {
			margin: 0;
			padding: 0;
			width: 240px;
			border: 0;
			color: #FF6600;
			font-family: Tahoma;
			font-weight: 500;
			background: transparent;
			font-size: 13px;
			}
		.FormTextarea {
			padding: 5px;
			background: url(../images/form_textarea.gif) no-repeat;
			width: 490px;
			font-family: Tahoma;
			height: 122px;
			}
		.FormTextareaOver {
			padding: 5px;
			background: url(../images/form_textarea_over.gif) no-repeat;
			width: 490px;
			height: 122px;
			font-family: Tahoma;
			text-align: left;
			}
		.FormTextarea textarea {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 122px;
			border: 0;
			color: #333333;
			font-family: Tahoma;
			background: transparent;
			font-size: 13px;
			}
		.FormTextareaOver textarea {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 122px;
			border: 0;
			color: #FF6600;
			font-weight: 500;
			font-family: Tahoma;
			background: transparent;
			font-size: 13px;
			}
		.Privacy {
			font-size: 10px;
			}
		.BtnSend {
			background: url(../images/btn_send.gif) no-repeat;
			width: 62px;
			height: 20px;
			color: #FFFFFF;
			font-size: 13px;
			font-weight: bold;
			cursor: pointer;
			border: 0;
			}
		.BtnSendOver {
			background: url(../images/btn_send.gif) no-repeat -62px 0;
			width: 62px;
			height: 20px;
			color: #FFFFFF;
			font-size: 13px;
			font-weight: bold;
			cursor: pointer;
			border: 0;
			}
		.Alert {
			background: url(../images/dot_alert.gif) no-repeat right center;
			padding: 0 20px;
			color: #FF0000;
			font-size: 11px;
			font-weight: normal;
			font-style:italic;
			}
.content{
	width:640px;
	margin-top:10px;
	background: url(../images/contact_bg.jpg) no-repeat top center;
}