/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#666; outline:none;}
body			{font-size:0.625em; background:#fff}
a				{color:#42c2c3; text-decoration:none}
a:hover			{text-decoration:underline; color:#42c2c3}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#666; border:#d1d1cf solid 1px; font-size:1em; border-left:#434343 solid 1px; border-top:# solid 1px; border-bottom:#d1d1cf solid 1px; border-right:#d1d1cf solid 1px;}
input {padding:1px 0 2px 3px; color:#333;}
h1{}
h2, h3,h4{font-size:1.2em; color:#42c2c3;}
img, fieldset{border:0}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#container{margin:0 auto; font-size:12px; width:946px; background:url(../images/bgd_body.gif) 100% 0 no-repeat;}
#container1{margin:0 auto; font-size:12px; width:946px;}

	/************header*************/
	#header{width:946px; overflow:hidden; padding:10px 0 0 0; margin:0 0 20px 0}
		#header h1{text-align:center}
		#header  ul{width:721px; display:block; overflow:hidden; background:url(../images/bgd_nav.gif) 0 0 no-repeat; height:31px; padding:11px 0 0 225px; text-align:center}
		#header  li{display:block; float:left; background: url(../images/bgd_line.gif) 100% 0 no-repeat; padding: 0 20px;}
		#header .last{background:none}
	
	/************main*************/
	#main{width:946px; padding:0; margin:0 0 20px 0; overflow:hidden}
		.highlight{width:946px; padding:40px 0; overflow:hidden}
		.highlight .last{margin:0}
		.blockType{width:221px; float:left; background:url(../images/bgd_bottomInfo.gif) 0 100% no-repeat; padding:0 0 14px 0; margin:0 20px 0 0}
			.blockType div{width:195px; background:url(../images/bgd_topInfo.gif) 0 0 no-repeat; padding:14px 13px 0 13px;}
			.blockType h2{font-size:12px; text-transform:uppercase; color:#42c2c3; margin:0 0 10px 0}
			.blockType img{display:block; border:#504e4f solid 1px;  margin:0 0 10px 0}
		
		.blockType2{width:221px; float:left; background:url(../images/bgd_bottomInfo_02.gif) 0 100% no-repeat; padding:0 0 14px 0; margin:0 20px 0 0}
			.blockType2 div{width:195px; background:url(../images/bgd_topInfo_02.gif) 0 0 no-repeat; padding:14px 13px 0 13px;}
			.blockType2 h2{font-size:12px; text-transform:uppercase; color:#42c2c3; margin:0 0 10px 0}
			.blockType2 img{display:block; border:#504e4f solid 1px;  margin:0 0 10px 0}
			
			.blockType2 .more a{background:url(../images/ico_arrow_02.gif) 100% 0 no-repeat;}
			
			.more{text-align:right;}
				.more a{background:url(../images/ico_arrow_01.gif) 100% 0 no-repeat; text-transform:uppercase; color:#666; padding:0 20px 2px 0; font-size:11px; font-weight:bold}
				.more a:hover{text-decoration:none; color:#42c2c3}
		
	/***********products*************/
	.contPtoducts{width:100%; overflow:hidden}
		.listProducts{width:100%; overflow:hidden; margin:0 0 20px 0}
		.listProducts div{width:195px; float:left; border:#ccc solid 1px; padding: 10px 12px; margin:0 20px 0 0}
		.listProducts div img{display:block; border:#504e4f solid 1px;  margin:0 0 10px 0}
		.listProducts h3{font-size:12px; text-transform:none; color:#666; margin:0 0 5px 0}
		.listProducts p{font-size:11px;}
		.listProducts a{color:#666;}
		.listProducts a:hover{text-decoration:none; color:#42c2c3}
		.listProducts .last{margin:0;}
		.listProducts .more{text-align:right; float:right}
	
	.productDetail{width:100%; overflow:hidden; min-height:200px; height:auto}
		*html .productDetail{height:200px;}
		.productDetail img{display:block; float:left; margin:0 20px 0 0; border:#504e4f solid 1px;}
		.productDetail h3{font-size:12px; text-transform:none; color:#666; margin:0 0 10px 0}
		.productDetail  p{padding:0 0 10px 0}
	
	.breadcrumb{width:100%; overflow:hidden; margin:0 0 20px 0}
		.breadcrumb li{display:inline; margin:0 5px 0 0}
	
	.listProducts2{width:410px; float:left; border:#ccc solid 1px; padding: 10px 0 0 10px; margin:0 20px 0 0}
		 .listProducts2 img{displaylock; border:#504e4f solid 1px; margin:0 10px 10px 0; float:left}
		  .viewImg{width:433px; float:right; border:#ccc solid 1px; padding:1px;}
		  .viewImg .preview {position:relative; height:324px; overflow:hidden}
		.viewImg .preview img {position:absolute; top:0px;left:0px;}
		.viewImg .loading {display:none;}
		.viewImg .loading img{top:180px; border:none;left:300px; position:absolute;}
		.viewImg p{text-align:center}
		.viewImg .view{padding:5px 0}
	
	/************Footer*************/
	#footer{width:946px; background:url(../images/bgd_lineFooter.gif) 0 0 repeat-x; padding:15px 0 20px 0}
		#footer ul{float:right;}
		#footer li{display:inline; background:url(../images/bgd_line_02.gif) 100% 50% no-repeat; padding:0 10px;}
		#footer .last{background:none; padding-right:0}
		#footer li a{color:#666;}
		#footer li a:hover{color:#42c2c3; text-decoration:none}
		#footer p a{color:#666;}
		#footer p a:hover{color:#42c2c3; text-decoration:none}
		
	/***************Form****************/
.formType{padding:0 30px;}
	.formType p{width:100%; overflow:hidden; display:block; margin:0 0 10px 0}
	.formType label{width:120px; display:block; float:left; margin:0 10px 0 0;}
	.formType input{float:left; width:250px;}
	.formType .file{float:left; width:255px;}
	.formType textarea{width:247px; height:100px; padding:2px 1px 1px 2px;}
	.formType .checkType{padding:0 0 0 0px; width:75%;}
	.formType .checkType label{width:auto; margin:0 10px 0 0}
	.formType .checkType input{width:13px; height:13px; border:none; padding:0; margin:0 5px 0 0;}
	.formType .btn{padding:0 0 0 130px; width:75%;}
	.formType .btn input{width:78px; margin:0 10px 0 0; height:30px; border:none; background:url(../images/bgd_btn_02.gif) 0 0 no-repeat; color:#fff; font-weight:bold; cursor:pointer}

.error { color: red;}