body{ margin:0px; padding:0px; font:14px arial; color:#333333; background:url(../images/body_top_bg.jpg) repeat-x top center;}
*{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}

img{ display:block; border:none;}
a{ text-decoration:none; outline:none;}


/* comman style */

.fLoatl{ float:left;}
.floatR{ float:right;}
.clear{ clear:both; height:0px; font-size:0px;}
.bold{ font-weight:bold;}

h2{ font:20px arial; color:#BED066; }
.bluecolor{ color:#6C9FD2;}
h4{ font:14px arial; color:#4C5454; font-weight:bold; }

.skybcolor{ color:#4C5454;}

/* main wrapper style sheet start form here */
#mainOuterWrapper{ width:100%;}
#MainWrapper{ width:1001px; margin:0 auto;}


/* headerWrapper css start here */
#headerWrappermain{ width:100%; background:url(../images/headerBg.jpg) repeat-x top center;}
#headerWrapper{ height:106px; width:1001px; margin:0px auto;}

#logoMContener{ float:left; margin:15px 0px 0px 77px;}

#logoMContener span{ display:none;}


#topNavigation{ float:right; width:705px; margin-top:20px;}

#topNavigation ul{ list-style:none; font:bold 17px arial; color:#fff; background:url(../images/middleNtop.png); width:653px; height:55px;}

#topNavigation ul li{ float:left;}

#topNavigation ul li a{  font:bold 17px arial; color:#fff; display:block; float:left; line-height:55px; padding:0px 15px; margin-right:14px;}

#topNavigation ul li a:hover{font:bold 17px arial; color:#fff; display:block; float:left; line-height:55px; padding:0px 15px; margin-right:14px; background:url(../images/hoverbg.png) top repeat-x;}

.forActive{background:url(../images/hoverbg.png) top repeat-x;}


.topNleftcorn{ background:url(../images/leftNtopcorn.png) no-repeat left; height:55px; width:26px; float:left; }
.topNmiddle{ background:url(../images/bottomtranferent.png) bottom center; height:61px;  float:left; width:653px; }
.topNrightcorn{ background:url(../images/rightNtopcorn.png) no-repeat left; height:55px; width:26px; float:right; }

/* headerWrapper css end here */

#maidjsWrappermain{ width:100%; height:275px; background:url(../images/jsback.jpg) repeat-x top center; padding-top:10px; }

/* middle wrapper start form here */
#middleWrapper{ padding-top:15px;}

#middleWrapper p{ line-height:19px; padding:0px 10px 10px 0px; text-align:justify;}

.midjscontener{ padding:15px 0px; }

/* mid text contener start from here */
#midTextContener{}

.midTextContenerL{ width:644px; float:left; margin-left:21px;}


.welcometext{ margin-left:12px;}
.forBorderMain{ background:url(../images/bordervertical.jpg) repeat-y right; }
.textContent{ margin-left:12px; margin-right:20px;}
.martop{ margin-top:15px;}
.readmorMain{ padding:15px 0px;}
.readmor{ font-family:arial; font-size:15px; font-weight:bold; color:#B4C657;}

.readmor:hover{ font-family:arial; font-size:15px; font-weight:bold; color:#6C9FD2;}

.clientAproductContener{ background: url(../images/horizantaldropbg.jpg) top right no-repeat;}

.productAproductContener{background:url(../images/prosmallhr.jpg) repeat-x; padding:10px 0px;}

.clientterminal{ width:290px; float:left;}
.clientterminaltxt{ margin-left:12px; padding:30px 0px 26px 0px;}
/*.cttopcorn{ background:url(../images/ctTopcorn.jpg); height:16px;}
.ctmiddle{ background:url(../images/ctmiddlebg.jpg); height:100px;}
.ctbottomcorn{ background:url(../images/ctbottombg.jpg); height:34px;}
*/
.ctmainBox{ height:172px; background:url(../images/ctmainbox.jpg);}

.comma{ float:left; width:50px;}
.commartxt{ float:left; width:159px;}
.jdnktxt{ font:13px arial; font-style:italic; color:#8C8C8C; margin:5px 0px 0px 15px;}
.black{ color:#000000;}
.pdnametext{ padding:10px 0px;}

.addressfield{ line-height:20px;}



.newproduct{ width:301px; float:left; margin-left:27px; }
.newproducttxt{ padding:30px 0px 26px 0px;}

.newproductContener{ border:1px solid #D4D4D4; padding:15px;}


.midTextContenerR{ width:311px; float:left; margin-left:5px; padding-bottom:20px;}
.productConterner{}

.productConterner ul{ list-style:none; margin-left:22px;}

.productConterner ul li{ list-style:none; background:url(../images/prosmallhr.jpg) bottom center no-repeat; padding:10px 0px;}


.productConterner ul li a{ font:14px arial; color:#000; background:url(../images/whitebutton.jpg) left center no-repeat; padding-left:30px;}

.iso{ margin-top:37px;}

.isotext{font:13px arial; color:#000; padding:0px; margin:0px;}


/* our product main div start from here */

.ourProContener{ background:url(../images/hrbig.png) center top no-repeat;}
.ourproductimg{ margin-left:53px; padding:20px 0px 0px 0px;}
.bottomSlider{ margin-left:30px;}



/* our product main div end  here */


/* footer Wrapper css start from here */
#footerWrapper{ width:100%; height:43px; background:url(../images/footerbg.jpg) repeat-x; padding-top:25px;}
.footerinner{ width:1001px; margin:0px auto; font:13px arial; color:#6C9FD2;}
.footerNav{ float:left;}

.footerNav ul{ list-style:none;}
.footerNav ul li{ float:left;}
.footerNav ul li a{font:13px arial; color:#6C9FD2;}
.footerNav ul li a:hover{font:13px arial; color:#fff;}



.copywritetxt{ float:right;}


.marrlfive{ margin:0px 5px;}
/* footer Wrapper css end here */



/* main wrapper style sheet end here */

/*
.carousel-component {
	padding:8px; width:500px;
	float:right; height:150px;
}
.carousel-component .carousel-list li { 
	margin:4px;
	width:150px; float:left; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
/*}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;
	outline:none;
	-moz-outline:none; 
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #87bf4e; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block;
	width:150px; 
	
}

.carousel-component .carousel-list li strong { 
	display:block; 
}
									

#prev-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

#next-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}
*/


#container {
	
	
	margin:0 auto;
	position:relative;
	z-index:0;

}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}


/*
	Slideshow style
*/

#slides {
	position:absolute;
	top:0px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:936px;
	height:250px;
	overflow:hidden;
	position:relative;
	display:none;
	margin:12px 0px 0px 8px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:0px 0px 0px 0px;
	width:960px;
	height:273px;
	display:block;
	
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:120px;
	left:-25px;
	display:block;
	z-index:101;
	
}

#slides .next {
	left:945px;
	top:120px;	
	
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px; display:none;
}



a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	
}

.copywritetxt a{color:#6C9FD2; font:13px arial;}


.copywritetxt a:hover{color:#fff; text-decoration:underline; font:13px arial;}


#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}


.padfitLTB{ padding:15px 15px 15px 0px;}
.padfitLTB p{ margin:0px; padding:0px 0 10px; text-align:justify; }

/*========================== 04/08/2011/ ==========================*/
.productI{
	width:644px; margin:0px; padding:0px;
	}

.product3{
	width:180px; margin:0px 10px 20px 0; height:362px; padding:0px; float:left;
	}
	
.product4{
	width:444px; margin:0px; padding:0px; height:362px; border:1px solid #ccc; float:left;
	}

.ProUl{
	 margin:0px 0 15px; padding:0px;
	 }

.ProUl li{ margin:0px 0 0px 25px; padding:0px; line-height:20px; }

.Image-13{float:left; width:190px; border:1px solid #ccc; padding:2px; margin:0 5px 0 0;}

.Image-14{float:left; border:1px solid #ccc; padding:2px; margin:0 5px 0 0;}

.Whirlpool{ border:1px solid #ccc; padding:0px 30px; margin:0px; width:563px;}

.labels{ border:1px solid #ccc; padding:0px; margin:0px; float:left; margin:0px;}



                 /*==================Get stainless steel effect on membrane keyboards, keypads & fascia panel==================*/
				 
.product-17{text-align:center; width:639px; margin:0 auto; border: 1px solid #ccc; padding:0px;}

.product-17-image{margin:0px auto; padding:0px; text-align:center; width:267px;}

.BoldP{ font-weight:bold; margin:15px 0 0 0; font-size:12px; padding:0px;}


                          /*===========================MEMBRANE KEY BOARDS===========================*/

.MEMBRANE-Image{ width:642px; float:left;}

.MEMBRANE-1-image{ float:left; width:311px; margin:0px 5px 10px; padding:0px;}
.MEMBRANE-1-par{ float:left; width:311px; margin:0px 5px 10px; padding:0px;}

.Meb_TH{background:#333; color:#FFFF00; height:30px;}

.Meb_T{background:#FFFFCB; color:#000; text-align:left; padding: 0 0 0 20px; line-height:30px; height:30px;}

                        /*===========================Contact us form===========================*/

.main_box{ background:#FFF; border:1px solid #ccc; margin:20px 0 20px; width:600px; padding:10px; float:left;}

.main_box h2{background:#D4D4D4; color:#000;  font-size:14px;  font-weight:bold; margin: -10px -10px 0; padding: 6px 12px; text-transform: uppercase;}

form{ margin:10px 0 0 0; padding:0px;}

 p{ margin:0px 0 10px 0; padding:0px;}
 
 p label{ margin-right:10px; padding:0px; line-height:20px; font-family:Arial, Helvetica, sans-serif; text-align:right; float:left; width:200px;}
 
 p input{ margin:0px; padding:0px; height:20px; width:300px;}
 
.btn{ margin:0px; text-align:center; padding:0px;}

.submit_size{ margin:0px; padding:0px; width:70px; height:30px;}

.textarea{ margin:0px; padding:0px; width:300px; height:100px;}

                        /*===========================Gallery table===========================*/

.gallery_td_img{ text-align:center; margin:0px auto; padding:0px 0 0 25px;}

.img_B{ border:1px solid #2D2A2A; margin:10px 0 10px; padding:0px; text-align:center;}

.gallery_td_text{ text-align:center; margin:0px; padding:0px;}

                        /*===========================product coman ===========================*/
.comL{ margin:15px 0 0 0; padding:0px; float:left; width:240px;}

.ProR{ float: left; margin:0px; padding:10px 0 0 0; width:388px;}

.domread{ margin:0px 10px 10px 0; padding:0px; float:right; text-align:right;}

.GraphicLTB{ padding:15px 15px 0px 0; margin:0px; width:644px;}
.automative_img { float: left;
    padding: 10px 5px;
    text-align: center;}
	

.addressfield {
	float:left;
    margin: 0;
	width:300px;
}
.productConterner.bro {
	margin:10px 0 0 0
}
 .card{ float:left; min-height:121px;}