@import url(http://fonts.googleapis.com/css?family=Lato);
*{margin:0px; padding:0px;}
a{text-decoration:none;  font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
ul{list-style:none;}
p, body, marquee{
	 font-size:10pt; font-family:Arial, Helvetica, sans-serif;
}
img{border:0px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr-ml-15{margin-right:15px;}
h2{margin:16px 0 8px 0; color:#0684f5; font-family:Arial, Helvetica, sans-serif; padding:0 10px;}
h3{color:#4396e0; font-family:Arial, Helvetica, sans-serif; padding:0 10px; font-size: 18px;}
h4{color:#4396e0; margin:5px 0; font-family:Arial, Helvetica, sans-serif; padding:0 10px;}

	/**************************HADER*************************/
header{background:url(../images/back.jpg) repeat-x #FFF; width:100%;}
.hader{width:1000px; margin:0 auto;}
.mini-strip{width:1000px; float:left; height:10px; background:#2484ff; position:relative;}
.card{width:60px; height:50px; background:#2484ff; color:#FFF; text-align:center; padding:5px 10px ; position:absolute; top:10px; left:880px; border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; box-shadow:0px 4px 8px #666;}
.socal-media-icon{width:960px; float:left; padding:8px 20px; background:#6a6868; color:#FFF; font-size:16px;}
.login{color:#FFF; float:right; margin-right:119px;}
.login a{color:#FFF; text-decoration:none;}
.menu{width:1000px; float:left; background:#FFF;}
.nev{width:auto; float:right;  margin-top:83px;}
.nev li{float:left; list-style:none;}
.nev li a{color:#666; padding:0px 25px; font-size:15px; border-bottom:3px solid #FFF; border-top:3px solid #FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:40px; text-decoration:none; display:block; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s;}
.nev li a:hover{border-bottom:3px solid #2484ff; border-top:3px solid #2484ff ;}
.active-menu{border-bottom:3px solid #2484ff !important; border-top:3px solid #2484ff !important;}

/*drop*/
.nev li:hover  a{border-bottom:3px solid #2484ff; border-top:3px solid #2484ff ;}
.drop-down{ display:none;  position:absolute; background:#FFFFFF; z-index:2;}
.nev li:hover .drop-down{display:block;}
.drop-down li a{width:60px; }
/*drop*/

	/**************************HADER*************************/


body{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; color:#333333;
background: #3fb4f9; /* Old browsers */
}
#container{width:999px; margin:5px auto;  height:auto; background:#FFF; padding:10px; position:relative;}
.top_menu{height:30px; border-bottom:1px dashed #666; background:rgba(204,204,204,1); padding:0 3px;}
.customer{font-size:13px; color:#000; line-height:30px; }
ul.top_naviga{}
ul.top_naviga li{float:left; }
ul.top_naviga li a{font-size:13px;  color:#000; padding:0 10px; border-right:1px solid #666; line-height:30px;}
ul.top_naviga li a:hover{text-decoration:underline;}
ul.top_naviga li a.top_last{border:0; padding-right:0;}

.logo{margin:10px 0; }
.search{margin:10px 0 0 155px; width:364px;}
.sea{width:250px; height:27px; line-height:30px; padding:0 5px; background:#FFFFFF;  color:#FFF; font-size:14px; font-weight:bold; letter-spacing:1px;}
.but_sear{width:100px; height:30px; background:#2484ff url(../image/search.png) no-repeat; padding-left:15px; color:#FFF; font-size:14px; font-weight:bold; letter-spacing:1px; border:0;}
.add{margin:35px 25px 0 0;}

/*.menu{height:35px; background:#333333;}*/
ul.navigation{width:750px;}
ul.navigation li{float:left; border-right:1px solid #CCC;}
ul.navigation li a{ display:block; line-height:33px; font-size:16px; letter-spacing:1px; color:#FFFFFF; padding:0 25px;}
ul.navigation li a.active{background:#CCC; border-top:2px solid #2484ff; color:#333333;}
ul.navigation li a:hover{background:#FFF; border-top:2px solid #2484ff; color:#333333;}
ul.navigation li.last{border:0;}

#solid , #dworld {display:none;}

.spea{background:#2484ff; line-height:35px; text-align:center; color:#FFFFFF;  width:70px;}

.mid{margin:10px 0 0 0;}

.mid_left{width:250px; overflow:hidden;}

.categri{background:url(../images/cate.png) no-repeat; width:250px; height:45px;}

.cate_over{ width:247px; border:1px solid #1871e3;}

.cate_head{ background: url(../images/arro.png) right center no-repeat #2484ff;}

.cate_head div a{ display:block; line-height:15px;cursor:pointer;  font-size:11pt; padding:10px; color:#FFF;  font-family:Arial, Helvetica, sans-serif;}

.cate_head div.active{background:url(../images/arro-act.png) right center no-repeat;}

ul.ctae_list{ width:100%;  overflow:auto;height:130px;}
ul.ctae_list li{ 
background: #4798ff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

}
ul.ctae_list li a{display:block; line-height:25px; font-size:10pt; color:#FFF; padding:0 10px; font-family:Arial, Helvetica, sans-serif;}
ul.ctae_list li a:hover{ background-color:#58a1ff;}
ul.ctae_list li.last_cate{border:0;}


.mid_right{ width:700px; padding:0px 0; }
ul.side_indi{ line-height:20px ; height:20px; margin-bottom:10px;}
ul.side_indi li{float:left; line-height:20px; padding:0 10px; color:#4396e0; }
ul.side_indi li a{color:#0684f5 ;  margin-right:10px;}
ul.side_indi li a:act{font-size:14px;}
ul.side_indi li.first{padding-left:0;}

.banner{ padding:2px;}
.bor{height:2px; width:100%; margin-top:10px;}

ul.pro{ margin:10px 0;}
ul.pro li{width:200px; float:left; padding:10px; margin:0 18px; background:#FFFFFF; border:1px solid #999;}
ul.pro li.first_pro{margin-left:0;}
ul.pro li.last_pro{margin-right:0;}

ul.pro li p{width:100%; margin:10px 0; font-size:14px; font-weight:bold;}




/*********************** FUTTER ******************************/
.futter{text-align:left; list-style:none;}
.futter li{list-style:none;  border-bottom:1px dotted #FFF;}
.futter li a{text-align:left; text-decoration:none; color:#FFF; line-height:30px; font-size:14px; }
.futter li a:hover{	 color:rgba(200,200,200,0.9); }
h6{font-size:15px; color:#FFF; line-height:40px; border-bottom:1px solid rgba(200,200,200,0.9);  font-weight:normal;}

.futter-2{text-align:left; list-style:none; margin-top:10px;}
.futter-2 li{list-style:none; text-align:left; text-decoration:none; color:#FFF; line-height:18px; margin-bottom:6px; font-size:10pt;}
form[name=search] input[type=submit]

{
 margin-left:-10px;	
}

/**Slider**/
.list_carousel {
				
				margin:0;
				width: 100%;
			}
			.list_carousel ul {
				list-style: none;
				}
			.list_carousel li {
				
				
				
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			ul.pro{left:0; padding:0; margin:10px 0; width:100%; font-size:14px; float:left; color:#333333; }
ul.pro li{width:200px; float:left; padding:10px; margin:0 8px; background:#FFFFFF; border:1px solid #999;}
ul.pro li p{width:100%; margin:10px 0; font-size:14px; font-weight:bold;}

/*Product*/

.mid_right_product{ width:740px; padding:0px 0; }
.mid_right_product p{margin:10px 0; text-align:justify;}
.mid_right_product p a{margin:0 10px;}
.mid_right_product p a img{border:2px solid #CCC;}
p.highlight{background:#CCCCCC; width:98.5%; padding:2px 5px; line-height:25px; font-size:14px; color:#333;} 

 span.cart > a{ display:block;background:#2484ff; line-height:35px; text-align:center; color:#FFFFFF;  width:100px;}

.zoom-small-image {
	border:4px solid #CCC;
	float:left;
	margin-bottom:20px;
}
/*Product*/

/*About Us*/
p{width:98%; text-align:justify; margin:2px 0 10px 0; padding:0 10px;}	
/*About Us*/

/*contact us*/
.contact_left{width:225px;}
.contact_right{width:725px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; }

p.con a{color:#333333; }
p.con a:hover{ text-decoration:underline;}
.fild{
width: 90% !important;
border-color:#CCCCCC;

padding:5px;
border:1px rgba(190,190,190,0.9) solid;
box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset;  margin-bottom:5px;
color:rgba(50,50,50,0.9);
 border-left:2px #2484ff solid;
}


.fild2{
	margin:5px 0;
	position: relative;
width: 350px;
max-width:350px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 130px;}

.fild3{
	margin:5px 0;
	position: relative;
width: 90%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 34px;
border-color:#CCCCCC; margin-left:5px; padding:0 2px;}

.contact{margin:0 5px;}

.button{background:#2484ff; color:#FFFFFF; border:0px; padding:6px 10px;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; cursor:pointer;}
.button:hover{background:#CCCCCC; color:#333;}
/*contact us*/

#overlay{display:none;}


/*navi-menu*/

#navi-menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	
	font-size:16px;
	color:8e8e8e;
	}
#navi-menu ul{
	background:url(../images/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#navi-menu li{
		float:left;
		padding:0px 8px 0px 8px;
		}
	#navi-menu li a{
		color:#333333;
		display:block;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		#navi-menu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	#navi-menu li ul{
		background:#e0e0e0;
		border-left:2px solid #000;
		border-right:2px solid #000;
		border-bottom:2px solid #000;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#navi-menu li:hover ul{
		display:block;
		}
	#navi-menu li li {
		display:block;
		float:none;
		padding:0px;
		width:225px;
		}
	#navi-menu li ul a{
		display:block;
		font-size:14px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#navi-menu li ul a:hover{
			background:#949494;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	
	#navi-menu .active > a{
		background:url(../images/current-bg.gif) top left repeat-x;
		color:#ffffff;
		}
	#navi-menu .active > a:hover {
		color:#ffffff;
		}
		
/*navi-menu*/


.product{text-align:left; color:#666666; background:#CCCCCC; padding:10px;}
.product-border{border:1px solid #CCC;}
.padding-table{padding:5px 6px;}

.readmore{float:right; background:#2484ff; line-height:30px; padding:0px 15px; color:#FFF; border-radius:5px;}
.readmore a{color:#FFF; text-decoration:none;}
.readmore:hover{background:#d33431;}
.readmore2{background:#2484ff; padding:5px 10px; color:#FFF; border-radius:5px; border:0px; }

.readmore2 a{color:#FFF; text-decoration:none;}
.readmore2:hover{background:#d33431;}


span.prod > a{ display:block;background:#333333; margin:0 10px 15px 0; line-height:35px; text-align:center; color:#FFFFFF; padding:0 20px;  }

span.prod > a.act{ display:block;background:#2484ff; line-height:35px; text-align:center; color:#FFFFFF;  }

span.log-i > a{ display:block;background:#333333; margin:0 10px 15px 0; line-height:25px; text-align:center; color:#FFFFFF; padding:0 20px;  }

span.log-i > a.ct{ display:block;background:#2484ff; line-height:25px; text-align:center; color:#FFFFFF;  }

/*form*/
.inpu-ser{padding: 4px 0; margin-bottom: 4px;}

.cart{color: #FFF; position: absolute; top: -3px; right: 27px; width:22px; font-size: 12px;}


.vid-eo{overflow:hidden; position:fixed; height:100%; right:0; min-height:0%; width:0%; background:rgba(0,0,0,0.9); z-index:1000; transition:all ease-in-out 0.25s; -o-transition:all ease-in-out 0.25s; -moz-transition:all ease-in-out 0.25s; -webkit-transition:all ease-in-out 0.25s;}
.vid-eo-container{position:absolute; top:50%; left:50%; height:83px !important; width:780px; margin:-46px 0 0 -390px; background:#999999; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:5px solid #FFF; background:#FFF; z-index:9999;}

.vid-eo-container p{background: #f8f8f8; padding: 5px; width: 733px; margin: 5px auto;  color:#ff0a0a;}

.player{cursor:pointer;}

.close{  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  margin-top:25px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


.tex-align-cen{text-align:center;}

.bank-detail{padding:15px; background:#f8f8f8; text-align:center; line-height:19px; height:223px; width:25%; margin:25px; transition:all ease-in-out 0.25s; -o-transition:all ease-in-out 0.25s; -moz-transition:all ease-in-out 0.25s; -webkit-transition:all ease-in-out 0.25s; box-shadow:0 0 1px #333;}
.bank-detail:hover{ box-shadow:0 0 8px #333; -o-box-shadow:0 0 8px #333; -webkit-box-shadow:0 0 8px #333; -moz-box-shadow:0 0 8px #333; cursor:all-scroll; transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -ms-transform:scale(1.5,1.5);}

.btn {
	 padding:6px 15px; border:0px; background-color:#2484ff ; color:white; cursor:pointer; margin-top:-5px;
}
.btn input[type=file]{
	position:absolute; width:60px; height:50px; margin-left:-30px; margin-top:-50px; opacity:0; z-index:100; cursor:pointer;  moz-opacity:0; -ms-opacity:0;  -o-opacity:0;  -webkit-opacity:0;}
.goog-logo-link {display:none !important;}
.goog-te-combo {
	 padding:3px !important;; border:1px rgba(200,200,200,0.9) solid !important;; border-radius:3px !important; margin-top:-2px !important; color:rgba(50,50,50,0.8) !important;
	 box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset;
}

.contact_form {
	 border:1px rgba(200,200,200,0.8) solid; padding:10px; border-radius:5px;
}
#environmental {
	 font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}

.goog-logo-link {
	 display:none !important;
}
#errorbox {
font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding:10px 10px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
 display:none;
}
#errorbox img { margin-right:5px;
	 float:left;
}
.login {
	 font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}
input[type=number], select{

	  border:1px rgba(200,200,200,0.9) solid;
	 padding:5px 3px;  font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	 box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset; outline:0px;
	
}
#qty { width:35px;  display:inline-block;
	  border:1px rgba(200,200,200,0.9) solid;
	 padding:5px 3px;  font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	 box-shadow:0px 0px 5px rgba(200,200,200,0.9) inset; outline:0px;
}