@charset "UTF-8";
/* CSS Document */

*		{ margin:0px; padding:0px; outline:none;}
body	{ margin:0px; padding:0px; background-image:url(../images/bg.jpg); background-repeat:repeat-x;}


/* POP UP*/
body.pop_up	{ margin:0px; padding:0px; width:292px; height:301px; background:url(../images/popup.jpg) no-repeat;}
	body.pop_up form	{ padding:151px 0 0 27px;}
		body.pop_up form span	{ display:block; padding:0 0 2px 0; font-family:Calibri, "Trebuchet MS", Arial, sans-serif; color:#fff; font-size:18px;}
		body.pop_up input	{ padding:3px 3px 0 3px; width:236px; height:29px; font-family:Calibri, "Trebuchet MS", Arial, sans-serif; color:#666; font-size:18px; border:0px;}
		body.pop_up input.connect	{ display:block; cursor:pointer; margin:2px 0 0 0; padding:1px 0 2px 0; width:137px; height:27px; background:#56790d; font-family:Calibri, "Trebuchet MS", Arial, sans-serif; color:#fff; font-size:14px; text-align:center;}
		body.pop_up input.connect:hover	{ background:#35490a;}
/*END POP UP*/



a, img	{ border:0px;}
li		{ list-style:none;}

h1, h2, h3, h4, p, span, a, li, input, textarea	{ font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; text-decoration:none; font-weight:normal;}
h2	{ font-size:18px; color:#227ca2; letter-spacing:-1px;}		
h3	{ font-size:16px; color:#808710; letter-spacing:-1px;}		
h4	{ font-size:14px; color:#227ca2; letter-spacing:-1px;}		
p	{ font-size:12px; color:#646858;}

.wrapper	{ width:100%;}
	
	.inner	{ position:relative; margin:0 auto; width:988px; background-image:url(../images/bg2.jpg); background-repeat:no-repeat;}
	
		.top	{ position:relative; width:988px; height:124px;}
			.top h1		{ position:absolute; top:26px; left:30px;}
			.top h1 a	{ display:block; width:250px; height:74px; background-image:url(../images/syntech.jpg); text-indent:-9999px;}
			.top ul	{ position:absolute; top:50px; right:5px; float:left;}
				.top ul li	{ float:left; padding:0 19px 0 0;}
					.top ul li a	{ float:left; font-size:15px; color:#50514e;}
					.top ul li a:hover	{ color:#6487ad;}
					.top ul li a.selected	{ color:#6487ad;}
					
		.header	{ padding:0 0 0 20px; width:968px; height:262px;}
			
			.header	div.products	{ float:left; width:728px; height:262px; background-color:#f5f9ed;}
			.header div.image		{ float:left; margin:0 0 0 20px; width:728px; height:262px; background-color:#f5f9ed;}
			
			.header div.login		{ float:left; padding:0 0 0 15px; width:205px; height:262px; background-image:url(../images/login.jpg);}
				.header div.login h2	{ display:block; height:155px; text-indent:-9999px;}
				.header div.login span	{ float:left; display:block; padding:10px 0 2px 2px; width:200px; font-size:12px; color:#fff;}
				.header div.login a		{ font-size:12px; color:#f4f4bf;}
				.header div.login a:hover	{ color:#FC0;}
				.header div.login div.bt	{ padding:14px 0 0 0;}
				.header div.login a.bt_login	{ display:block; width:53px; height:28px; background-image:url(../images/bt_login.jpg); border:0px; cursor:pointer; text-indent:-9999px;}
		
				.header_title	{ position:absolute; top:139px; left:52px;}
		
		.main	{ float:left; width:988px; background-image:url(../images/main.jpg);}
			.main2	{ float:left; padding:0 0 0 21px; width:967px; background-image:url(../images/main2.jpg); background-repeat:no-repeat;}
			
			.column1	{ float:left; padding:0 0 0 10px; width:186px;}
				.ad		{ float:left; padding:10px 0 0 0;}
					.ad a	{ font-size:12px; color:#06C;}
					
			.column2	{ float:left; width:531px;}
				.text	{ padding:10px 0 20px 0; width:515px;}
					.text h2	{ padding:5px 0 0 0;}
					.text h3	{ padding:8px 0 0 0;}
					.text p		{ padding:2px 0 5px 0; line-height:18px; text-align:justify;}
					.text p strong	{ color:#000;}
					.text a		{ color:#06C;}
					.text a:hover	{ color:#039;}
					.text ul	{ padding:5px 0 5px 20px;}
						.text ul li	{ list-style-image:url(../images/bullet.jpg); font-size:12px; color:#646858; line-height:20px;}
						.text2	{ width:290px;}
						.video	{ width:211px;}
						.left	{ float:left;}
						.right	{ float:right;}
						.fix	{ clear:both;}
						
				.featured_products	{ padding:12px 10px 0 0; width:505px; height:40px; background-image:url(../images/featured_products.jpg); background-repeat:no-repeat;}
					.featured_products h2	{ float:left; text-indent:-9999px;}
					.featured_products a	{ float:right; font-size:12px; color:#FFF;}
					.featured_products a:hover	{ color:#FFC;}
					.featured_products_background	{ float:left; width:515px; background-image:url(../images/fpb.jpg);}
						.featured_products_background span	{ display:block; padding:5px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#774e30;}
						.featured_products_background a.get_more_info	{ float:left; padding:6px; background-color:#5e6c40; font-size:12px; color:#FFF;}
						.featured_products_background a.get_more_info:hover	{ background-color:#a7c36c;}
						.product_left	{ float:left; width:170px;}
						.product_middle	{ float:left; padding:0 0 0 14px; width:162px;}
						.product_right	{ float:left; padding:0 0 0 14px; width:155px;}
							.fpd	{ height:55px;}
						
			.column3	{ float:left; width:219px;}
				.best_seller_title	{ width:219px; height:51px; background-image:url(../images/best_sellers.jpg);}
					.best_seller_title h2	{ float:left; text-indent:-9999px;}
					.best_seller_title a	{ float:right; padding:17px 10px 0 0; font-size:12px; color:#9f7038;}
					.best_seller_title a:hover	{ color:#930;}
				.best_seller_item	{ float:left; padding:10px 0 10px 0; width:210px; background-image:url(../images/dotted.jpg); background-position:bottom; background-repeat:repeat-x;}
					.best_seller_item div.brand_logo	{ float:left; width:87px;}	
					.best_seller_item div.brand_name	{ float:left; padding:6px 0 0 0;}	
						.best_seller_item div.brand_name span	{ font-size:12px; color:#555450;}
					.thumbnail	{ clear:left; float:left;}
					.product_text	{ float:left; padding:10px 0 0 8px;}
						.product_text a	{ float:left; font-size:12px;}
						.product_text a:hover	{ color:#333;}
						a.desc	{ color:#378fb5;}
						a.price	{ padding:2px 0 0 0; color:#8a9f5e;}
						
		.footer	{ clear:both; padding:30px 30px 0 24px; width:934px; height:71px; background-image:url(../images/footer.jpg);}
			.footer ul	{ float:left;}
				.footer ul li	{ float:left; padding:0 6px 0 6px; background-image:url(../images/divider.jpg); background-repeat:no-repeat; background-position:right;}
				.footer ul li.lastli	{ background-image:none;}
					.footer ul li a	{ float:left; font-size:12px; color:#6d6e6f;}
			.footer p		{ float:left; font-size:12px; color:#6d6e6f;}		
			.footer span	{ float:right; font-size:12px; color:#6d6e6f;}
			.footer a		{ color:#1aa2f4;}
			.footer a:hover	{ color:#039;}
			
			
			
			
			
/* tabs */

#tabs h3	{ font-size:18px; color:#69604c;}
#tabs p		{ width:330px;}
#tabs ul { float:left; width:728px; background-image:url(../images/tabs.jpg);}
	
* html #tabs li {
	display: inline; /* ie6 double float margin bug */
	}
		
#tabs li, #tabs li a { float: left;}
#tabs ul li	{ margin:0 1px 0 0; height:54px;}	
	
#tabs ul li a { display:block; height:54px; font-size:12px; color:#646858;}
#tabs ul li a:hover	{ background-color:#fbfdf6;}
	#tabs ul li a img	{ float:left; padding:0 0 0 10px;}
	#tabs ul li a span	{ float:left; padding:12px 7px 0 7px;}
	
#tabs ul li.active	{ background:#fefefd;}
		
#tabs div { background: #f6f9ef; background-image:url(../assets/banner1.jpg); clear: both; padding:20px 0 0 40px; width:688px; height:188px;}
#tabs div p	{ padding:7px 0 10px 0;}
#tabs div a	{ display:block; width:76px; height:28px; text-indent:-9999px; background-image:url(../images/more.jpg); background-position:top;}
#tabs div a:hover	{ background-position:bottom;}

img.sl6000	{ position:absolute; top:240px; left:145px;}
img.c3000	{ position:absolute; top:209px; left:195px;}
img.ps4000	{ position:absolute; top:209px; left:195px;}
			
/* ABOUT US*/			
	
	/*document library*/
	.documents	{ float:left; margin:10px 0 0 0; padding:10px 0 10px 0; width:167px; background-color:#dce5ec;}
		.documents h3	{ padding:0 0 15px 20px; font-size:16px; color:#34332d;}
			.documents h3 span	{ color:#7a5531;}
		.documents a	{ font-size:12px; color:#646858; text-decoration:none;}
		.documents a:hover	{ color:#333;}
		
		.doc	{ float:left; padding:0 0 10px 0; width:167px;}
			.doc_thumb		{ float:left; width:46px;}
			.doc_text	{ float:left; padding:10px 0 0 0; width:121px;}
			
			
	
	/*form*/
	.contacto_formulario	{ float:left; padding:15px 0 0 15px; width:237px; height:252px;}
		.contacto_formulario span		{ float:left; width:64px;
										  font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; color:#233538; 
										  font-weight:normal; font-style:italic;}
		.contacto_formulario p			{ padding:0 0 10px 0;
										  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#323f3f;}
		.contacto_formulario input		{ float:left; margin:0 0 1px 0; padding:4px 4px 0 4px; width:137px; height:20px; border:solid 1px #ebeaea;
										  font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; color:#233538; font-weight:normal; 
										  font-style:italic;}
		.contacto_formulario textarea	{ padding:4px 4px 0 4px; width:137px; height:86px; border:solid 1px #ebeaea;
										  font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; color:#233538; font-weight:normal; 
										  font-style:italic;}
		.contacto_formulario input.enviar	{ margin:4px 0 0 64px; padding:1px 0 5px 0; width:69px; height:24px; cursor:pointer; background-color:#9eb865; border:0px; color:#FFF;}
		.contacto_formulario input.enviar:hover	{ background-color:#d2e1b0; color:#063;}
		
			
	
	.contact_info	{ float:left; padding:20px 0 0 0;}