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

  
@font-face { font-family:"Open Sans"; src:url("fonts/OpenSans-Regular.ttf"); format:('True Type');}
@font-face { font-family:"Britannic Bold"; src:url("fonts/BRITANIC.TTF"); format:('True Type');}
@font-face { font-family:"Arial Rounded MT Bold"; src:url("fonts/ARLRDBD.TTF"); format:('True Type');}
@font-face { font-family:"Elephant"; src:url("fonts/ELEPHNT.TTF"); format:('True Type');}

@font-face { font-family:"vrinda"; src:url("vrinda_1.ttf"); format:('True Type');}


    
    /* For larger displays */
    @media only screen and (min-width: 150px) and (max-width:1005px) {
	}
    

			body{
			   margin:0 ;
               padding:0;
                background-color:#FFFFFF;
                font-family:"Open Sans";
				font-size:13px;
				color: #020202;
				}
        

		.form-chg-cs{
		
				height:35px;
				width:400px;
				background:#eee;
				color:#4f4f4f;
				margin-bottom:20px;
				border:2px solid #70bee4;
		
		}


		.form-chg-cs2{
		
				height:40px;
				width:407px;
				background:#eee;
				color:#4f4f4f;
				margin-bottom:20px;
				border:2px solid #70bee4;
		}		
		
		
			.form-chg-cs-bg{
		
				height:auto;
				width:410px;
				background:#eff8fd;
				color:#4f4f4f;
				padding:20px;
				border-radius:10px;
				border:3px solid #70bee4;
		
		}		
		
		
		.sub-btn-class{
		
				height:30px;
				width:100px;
				background:#1d7aa8;
				float:left;
				border:none;
				border-radius:5px;
				color:#fff;
				font-weight:bold;
				font-size:15px;
		
		}

     #container{
	 			width:1005px;
				overflow:hidden;
				
				margin:0 auto;		
				}

  header{ width:100%;
         overflow:hidden;
		 background-color:#f4f4f4;
		 height:109px;
		 margin:0 auto;}
		 
		 
  #logo{ width:300px;
         height:87px;
		 float:left;
		 background:#;
		 margin-left:320px;
		 }	
		 
  #company_name{width:30%;
                 height:auto;
				 float:left;
				 margin-top:47px;
				 }
				 	
  .company_name{ font-family:"arial";
                font-size:21px;
				 color:#087fc3;
				 font-weight:bold;}

				 
  .company_name span{ font-family:"vrinda";
                font-size:21px;
				 color:#087fc3;}	
				 
  /*Header social-logo css start here*/
		.social {width:13%;
		margin:10px 30px 0 0;
		height:37px;
		float:right;
		}
		
		.social a{ 
	background:url("../img/social-icon.png") no-repeat; 
	display:block; 
	height:37px; 
	text-indent:-9000px; 
	float:left;
	 -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
	 -ms-transition: all 0.5s ease-in-out; 
	 transition: all 0.5s ease-in-out;}

		.fb {width:40px;}
		.twit {width:41px;}
		.gplus {width:41px;}

		.social a.fb:hover {background-position:0px -37px;}
		
		.social a.twit {background-position:-40px 0px;}
		
		.social a.twit:hover {background-position:-40px -37px;}
		
		.social a.gplus {background-position:-80px 0px;}
		
		.social a.gplus:hover {background-position:-80px -37px;} 

/*Header social-logo css end here*/

		#phn{ 
float: right;
height: auto;
margin-top: 58px;
margin-right: -126px;
			  }
			  
		#phn table tr td{
		color: #087FC3;
		 font-size:16px;
		font-family: "arial";
       font-weight: bold;				 
						 }	  
			 
				 
				 			 	 	 
		 
	#menu{  width:100%;
         overflow:hidden;
		 background-color:#f4f4f4;
		 margin:0 auto;}
	
		  
	#nav {
        width:100%;
	      height:35px;
		  overflow:hidden;
		  margin:0 auto !important;
		  border-top-right-radius:4px;
		  border-top-left-radius:4px;
		  border-top:#a7a7a7 groove 3px;
		  
 background-color:#323232;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#323232, endColorstr=#191919);
 background-image:-moz-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-webkit-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-ms-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-o-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#323232), color-stop(100%,#191919));
       
       margin: 0; padding: 0;
       
	   margin-bottom:20px;
	  
       }

		#nav li a, #nav li {
 				float: left;
				
                           }

		#nav li {
              list-style: none;
              position: relative;
			  text-transform: uppercase;
			  border-right:#1a1a1a groove 3px;
			  
                }

        #nav li a {
            
             text-decoration: none;
             color: #FFF;
             font-family:"Arial Rounded MT Bold";
			 font-size:16px;
			 padding:10px 30px 10px 30px;
            
                 }

        #nav li a:hover { color:#25A3EC;           
				       padding:10px 30px 10px 30px;
					   	}
        #nav li .active { color:#25A3EC;           
				       padding:10px 30px 10px 30px;
					   	}


/* Submenu */

/*.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}*/

		#nav li ul {

 			display: none;
 			position: absolute;
 			left: 0;
 			top: 100%;
 			padding: 0; margin: 0;
					}

		#nav li:hover > ul {
 			display: block;
						}

		#nav li ul li, #nav li ul li a {
 				float: none;
					}

		#nav li ul li {
 		_display: inline; /* for IE6 */
						}

		#nav li ul li a {
 				width: 240px;
 				display: block;
						}

		/* SUBSUB Menu */

		#nav li ul li ul {
 				display: none;
						}

		#nav li ul li:hover ul {
 					left: 100%;
 					top: 0;
								}



.welcomecont_id{
 color:#25A3EC;
 
 }
 
 .cont_form_in_css{
 width: 300px;
float: left;
 margin-left: 10px;
 }
 
 
 #cont_img{
     float: right;
width: 400px;
height: 250px;
background-color:#;
margin-right: 30px;

 
 }
 
 

								
/*==============================================================END MENU ==================================*/		
	  
		  
	#banner{width:100%;
	        height:650px;
 background: url("../images/back.jpg");

 }
 
 
 
 .pro-box-1{
 
 height:300px; width:200px; float:left; background:#; border:1px solid #ccc; margin-top:340px; margin-left:160px;
 
 }
 
  .pro-box-2{
 
 height:300px; width:200px; float:left; background:#; border:1px solid #ccc; margin-top:340px; margin-left:50px;
 
 }
 
  .pro-box-3{
 
 height:300px; width:200px; float:left; background:#; margin-top:340px; border:1px solid #ccc; margin-left:50px;
 
 }
		
		#slider1{ background-color:green;
		         width: 947px;
				 
                 height: 309px;
				 margin:0 auto;}	
				 
/*============================================================== BANNER ==================================================*/		
				 
				 
		#content{ width:100%;
		         overflow:hidden;
				 
				 background-color:#FFF;}
				 		 
		#content_wrapper{ width:94.2%;
				 overflow:hidden;
				 margin:0 auto;
				 
				 }	
				 
		#product_list{ width:100%;
		              overflow:hidden;
					  font-family:"Britannic Bold";
					  font-size:18px;
					  color:#2f314c;
					  text-align:center;}		 
		#product_list p{ font-family:"arial";
					  font-size:18px;
					  color:#087fc3;
					  text-align:center;}		 
				 
		#img_1{ width:19.77%;
		       height:190px;
			   border-top:#b2b2b2 solid 1px;
			   border-left:#b2b2b2 solid 1px;
			   border-bottom:#b2b2b2 solid 1px;
			   border-right:#b2b2b2 solid 1px;
			   float:left;
			   margin-top:20px;
			   margin-left:37px;
			   }
			   
		.img{padding:5px;}		   	 
			   	 
		#welcome{ width:100%;
		          height:auto;
				  margin:20px 0 20px 0;}
		.welcome p{ color:#282828;
		           font-family:"Open Sans";
				   font-size:12px;
				   text-align:justify;}
				   
		p.wel{
              margin-bottom: 0px;     		
		      font-family:"Britannic Bold";
		      color:#FFF;
			  font-size:24px;
			  background-color:#087fc3;
			  border-radius:4px;
			  padding-left:15px;}	
			  
		#product_showcase{width:100%;
		                  overflow:hidden;
						  margin:20px 0 20px 0;}
						  
		.product_showcase p{font-family:"Britannic Bold";
		                    font-size:16px;
							color:#2f314c;
							margin:10px 0 10px 0;
							border-top-left-radius:4px;
							border-top-right-radius:4px;
							border:#d0d0d0 solid 2px;
							padding:8px 0 8px 0;}
							
		#bttm{ 
				height:245px;
				width:100%;
				clear:both;
				
				}
				
		#mrq{ 	width:220px;
				 height:216px;			 
				 margin:0 auto;
				 margin-top:15px;
				 background-color:#f8f8f8;
				 float:left;
				 margin-left:20px;}
					 
		span .marq_img{width:196px;
				  height:202px;
				  align:"center";
				  background-color:#f8f8f8;
				  margin-left:20px;
						 }							
				 
														  	  	   		  	 
				 
				 /*============================  FOOTER ==================================================*/	
				 
		#footer{ width:100%;
				overflow:hidden;
				clear:both;
				margin-top:20px;
					background:url("../img/footer_bg.jpg"); 
				}
 }	  
		  	
			#footer_menu{ width:94.2%;
			             height:auto;
						 margin:0 auto;
						 background-color:#f9f9f9;
						 margin-bottom:0px;
						 }
						 
			#footer_menu table tr td{font-family:"Open Sans";
			                         font-size:12px;
									 color:#545454;
									 padding-top:30px;
									 margin-bottom:10px;}			 
			
			#footer_menu table tr td a{font-family:"Open Sans";
			                         font-size:12px;
									 color:#545454;
									 text-decoration:none;
									  }			 						 
			#footer_menu table tr td a:hover{font-family:"Open Sans";
			                         font-size:12px;
									 color:#087fc3;
									 text-decoration:none;
									  }			 						 						  
									  
	 /*============================ END FOOTER ==================================================*/	
												  
												  
	/*============================ PRODUCT PAGE ==================================================*/	
	      
		  #left{ float:left;
						width:300px;
						height:auto;
						margin-top:40px;
						}	

          #left_in1{
							width:300px;
							height:auto;
							background-color:#087fc3;
							border: #2f314c inset 3px;
							border-radius:6px;
							font-family:Arial;
                            font-size:26px;
							color:#fff;
							font-weight:bold;
							text-align: center;
							
							}
			#middle-mid{ width:600px;
						overflow:hidden;
						border:2px solid #087fc3;
						border-radius:10px;
						float:right;
						margin-top:40px;
						margin-right:10px;
							}	
							
			#prd_list_line{ width:600px;
							margin:0 auto;
						    background-color:#FFF;
						    border-radius:4px;
							overflow:hidden;
							clear:both;
							}	
							
			#prd1{ width:120px;
					float:left;
					height:auto;
					margin:10px 12px 12px 15px
					}													
							
							
			.prd_name{  font-family:"Britannic Bold";
						font-size:12px;
						text-align:center;
						font-weight:700px;}	
						
			.prd_img{
					width:100px;
					height:auto;
					border: #084984 Solid 1px;
					border-radius:6px;
					margin-left:10px;}			
			.prd_img_list{ float:left;
					width: 96%;
					height:auto;
					margin:10px 0 10px 10px;
					border:#323232 solid 2px;
					border-radius:6px;
					}
					
			.prd_code{ font-family:"Open Sans";
			 			font-size:12px;
						color:#084984;
						text-align:center;}
									
			.prd_code_list	{font-family:"Open Sans";
			 			font-size:12px;
						color:#084984;
						text-align:left;
						margin:10px 0 10px 10px;
						width:96%;
						float:left;
						line-height:24px;
						}	
			
						
						
			.submit_button1   {color:#FFFFFF;
							 font-family:"Open Sans"
							 display:block; 
							text-decoration:none;  
 							width:100px; height:28px;
 						border-radius:6px;                     
						background-color:#323232;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#323232, endColorstr=#191919);
 background-image:-moz-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-webkit-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-ms-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-o-linear-gradient(top, #323232 0%, #191919 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#323232), color-stop(100%,#191919));
 margin-left:10px;
 }
	
			.submit_button1 a{color:#FFFFFF;
							 font-family:"Open Sans";
							 display:block; 
							text-decoration:none;  }	
							
			#left_in11{
							width:100%;
							height:auto;
							background-color:#69bf30;
							border: #2f314c inset 3px;
							border-radius:6px;
							font-family:"Open Sans";
                            font-size:26px;
							color:#2f314c;
							font-weight:bold;
							text-align: center;
							
							}							
			
			       
                    #inq {
                    float: right;
                    margin-right: 10px;
                    margin-bottom: 10px;
                    clear: both;
                    cursor: pointer !important;
					text-decoration:none;
                        } 

                    #inq a {
                    color: #FFF;
                    font-family:"Open Sans";
                    font-weight: bold;
                    list-style: none outside none;
                    cursor: pointer !important;
					text-decoration:none;
					}
				    #snd_qry{margin:0 auto;
					cursor: pointer;} 
				 
				    #snd_qry a{
				 			text-decoration:none;
							cursor: pointer;} 
				 
				 
				 /*=========================== CONTACT PAGE ==================================================*/	
				 
				 
				#content-wrapper_con{ 
                width:900px; 
                overflow:hidden; 
                margin-top:20px;
                margin:0 auto; 
                clear:both;
				border-radius:8px 8px;
					-moz-box-shadow: 1px 8px 8px #cacaca;
                    -webkit-box-shadow: 1px 8px 8px #cacaca;
                    box-shadow: 1px 8px 8px #cacaca;
					border-top:#999999 solid 2px;
					border-bottom:#999999 solid 4px;}
			#cont {background-color:#FFF;
				  width:900px;
				  overflow:hidden;
				  margin:0 auto;
				  margin-top:20px;
                  clear:both;
				border-radius:8px 8px;
					-moz-box-shadow: 1px 8px 8px #cacaca;
                    -webkit-box-shadow: 1px 8px 8px #cacaca;
                    box-shadow: 1px 8px 8px #cacaca;
					border-top:#999999 solid 2px;
					border-bottom:#999999 solid 4px;
				  }		
 
        .cmp {color:#FFF;
			 font-size:30px;
		     width:auto;
			 height:auto;
			 border-radius:4px;
			 background-color:#087fc3;
			 border-radius:4px; 	
             }

	
 .form{ border-radius:4px;
 		border:#c9c9c9 solid 1px;
 background-color:#ffffff;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f1f1f1);
 background-image:-moz-linear-gradient(top, #ffffff 1%, #f1f1f1 25%,#fefefe 100%);
background-image:linear-gradient(top, #ffffff 1%, #f1f1f1 25%,#fefefe 100%);
background-image:-webkit-linear-gradient(top, #ffffff 1%, #f1f1f1 25%,#fefefe 100%);
background-image:-o-linear-gradient(top, #ffffff 1%, #f1f1f1 25%,#fefefe 100%);
background-image:-ms-linear-gradient(top, #ffffff 1%, #f1f1f1 25%,#fefefe 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(1%,#ffffff), color-stop(25%,#f1f1f1),color-stop(100%,#fefefe));}
 
      .text{ color:#8a8a8a;
    font-family:"Arial Rounded MT Bold";
	font-size:24px;}
	.text1{ color:#504D4D;
    font-family:"Open Sans";
	font-size:20px;
	font-weight:bold;}
		 
         #left-cont{ width:400px;
			 height:auto;  
			 float:left;
			 margin:20px 0 20px 30px; 
			 background-color:#FFF;}
			 
		#right-cont-cont{ float:right;
						width: 495px;
						overflow:hidden;
						margin-top:14px;
						}					
			
		#right-cont{ width:320px;
			 height:auto;  
			 float:right;
			 margin:20px 20px 20px 0px; 
			 background-color:#FFF;}	 
			 
		
 
         .submit_button1 {color:#FFFFFF;cursor:pointer;
							  font-family:"Open Sans";
							 display:block; 
 							text-decoration:none;  
  							width:100px; height:28px;
 							 border-radius:6px;
 							
							 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#317fe6, endColorstr=#003986);
 background-image:-moz-linear-gradient(top, #317fe6 0%, #003986 40%,#1b65c8 95%,#6c9ee0 100%);
 background-image:linear-gradient(top, #317fe6 0%, #003986 40%,#1b65c8 95%,#6c9ee0 100%);
 background-image:-webkit-linear-gradient(top, #317fe6 0%, #003986 40%,#1b65c8 95%,#6c9ee0 100%);
 background-image:-o-linear-gradient(top, #317fe6 0%, #003986 40%,#1b65c8 95%,#6c9ee0 100%);
 background-image:-ms-linear-gradient(top, #317fe6 0%, #003986 40%,#1b65c8 95%,#6c9ee0 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#317fe6),       color-stop(40%,#003986),color-stop(95%,#1b65c8),color-stop(100%,#6c9ee0));
 							}	
					
			.submit_button1:hover{color:#ffffff;cursor:pointer;
							  font-family:"Open Sans";
							 display:block; 
 							text-decoration:none;  
  							width:100px; height:28px;
 							border-radius:6px;
 							
							 background:#323232;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* banner */



.div1, .div2 {width:947px;margin:0 auto;}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C; }
.div1 a {margin:0 8px;}
.div1 a.current {color:black; text-decoration:none;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}

.code
{
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
    font-size:12px; margin:6px 0;overflow:auto; 
}

 /* banner */