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

*
{padding:0;
margin:0;}
.clear
{clear:both;}
.wrapper
{
width:100%;
}
.grid960
{
width:960px;
margin:0 auto;
position: relative;
}
.grid960 h1
{
font-family: 'Titillium Web', sans-serif;
font-size:25px;
font-weight:400;
color:#015e01;
margin:35px 0 0 0;
}
.grid960 p
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #333333;
line-height:22px;
margin:5px 0 0 0;
font-weight:normal;
}
.sub_heading1
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
color:#018301;
}
.logo
{
width:166px;
height:166px;
margin:10px 0 0 0;
}

.logo-nav
{
position:absolute;
top:0;
left:0;
width:100%;
z-index:5;}
.menu_corner
{width:120px;
height:65px;
position:absolute;
top:50px;
left:117px;
}
.menu_corner_left
{width:30px;
height:65px;
position:absolute;
top:50px;
right:0px;
}
/****** navigation ******/
.container {
max-width: 700px;
margin:0px auto;
position:absolute;
top:50px;
left:237px;
}
.nav {
list-style: none;
background:url(../images/menu_bg.png) repeat-x;
font-family: 'Titillium Web', sans-serif;
font-size:15px;
}
.nav:before,
.nav:after {
content: " "; 
display: table; 
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
}
.nav a {
padding: 21px 10.9px;
color:#fff;
text-decoration:none;
}
.nav a:hover {
background:url(../images/menu_active_img.png) repeat-x;
color:#fff;
text-decoration:none;
}
.active
{background:url(../images/menu_active_img.png) repeat-x;}
.nav li {
position: relative;
}
.nav > li {
float: left;
/*border-top: 1px solid #104336;*/
}
.nav > li > .parent {
background-image: url("images/downArrow.png");
background-repeat: no-repeat;
background-position: right;
}
.nav > li > a {
display: block;
}
.nav li  ul {
position: absolute;
left: -9999px;
}
.nav > li.hover > ul {
left: 0;
}
.nav li li.hover ul {
left: 100%;
top: 0;
}
.nav li li a {
display: block;
background: #019001;
position: relative;
z-index:100;
border-top: 1px solid #007700;
width:180px;
padding:10px;
color:#afe5a7
}
.nav li li a:hover {
background: #019001;
color:#fff;}

/**** slider *****/

.slider
{
width:100%;
height:520px;
margin: 0 auto;
position:absolute;
top:80px;
z-index: -1;
}
.slider1-head
{
padding: 20px 30px;
background:url(../images/slider_text_bg.png);
position:absolute;
top:280px;
left:0px;
width:490px;
}
.slider1-head h1
{
font-family: 'Titillium Web', sans-serif;
font-size:29px;
color: #001d00;
font-weight:600;
}
.slider1-head h2
{
font-family: 'Titillium Web', sans-serif;
font-size:15px;
color: #FFF;
font-weight:400;
padding:15px 0 0 0;
line-height:25px;
}
.slidebox
{
height:560px;
width:100%;
position:relative;
}
.slidebox img
{
width:100%;
height:560px;
}
.header_con
{
height:560px;
width:100%;
}
.header_con_1
{
width:100%;
position:relative;
top:0;
}
.prv
{
background: url("../images/slider_arrow.png") no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
left: 70px;
position: absolute;
top:320px;
width: 60px;
z-index:5;
}
.prv:hover
{
background: url("../images/slider_arrow_hover.png") no-repeat scroll 0 0 transparent;
}
.next
{
background: url("../images/slider_arrow.png") no-repeat scroll right  0 transparent;
display: block;
height: 60px;
right:70px;
position: absolute;
top:320px;
width: 60px;
z-index:5;
}
.next:hover
{
background: url("../images/slider_arrow_hover.png") no-repeat scroll right  0 transparent;
}
.index_header
{
height:560px;
width:100%;
margin:0 auto;
position:absolute;
}
#nav_menu{ 
height: 22px;
margin: 0 auto ;
text-align: center;
width: 70px;
position:relative;
top:-17px;
}
#nav_menu li {
float: left;
list-style: none outside none;
margin: 3px;
}
#nav_menu a 
{
background: url("../images/slider_num.png") no-repeat scroll 0 0 transparent;
display: block;
height: 22px;
text-indent: -20000px;
width: 22px;
}
#nav_menu li.activeSlide a
{
background: url("../images/slider_num.png") no-repeat scroll right 0 transparent;
}

/********/

.grid460
{width:460px;
margin:0px auto;
float:left;
}
.grid460 h1
{font-family: 'Titillium Web', sans-serif;
font-size:24px;
color: #015e01;
font-weight:400;
}
.grid460 p
{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #333333;
font-weight:400;
text-align:justify;
line-height:22px;
}
.grid400
{width:400px;
margin:0px 0 0 90px;
float:left;
position:relative;
}
.grid400 h1
{font-family: 'Titillium Web', sans-serif;
font-size:24px;
color: #015e01;
font-weight:400;
}
.grid400 p
{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #333333;
line-height:22px;
text-align:justify;
}
.home_read_more
{font-family: 'Titillium Web', sans-serif;
font-size:16px;
color: #565756;
font-weight:400;
background:url(../images/read_more_img.png);
text-decoration:none;
text-align:center;
width:131px;
height:30px;
float:left;
padding:5px 0 0 0;
margin:20px 0 0 0;
}
.home_read_more:hover
{color: #333;}
.product_slider
{
width:100%;
padding:15px 0;
background:url(../images/product_slider_bg.png);
margin:50px 0 0 0;
}
.product_slider h2
{font-family: 'Titillium Web', sans-serif;
font-size:24px;
color: #009700;
font-weight:400;
padding-left: 48px;
}

/******* product slider **********/
.amazon_scroller
{
padding: 0px;
margin: 0px;
width:800px;
}
.amazon_scroller .amazon_scroller_nav
{
position: absolute;
}
.amazon_scroller .amazon_scroller_nav li
{
cursor: pointer;
position: absolute;
}
.amazon_scroller .amazon_scroller_mask
{
position: absolute;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
}
.amazon_scroller ul
{
padding: 0px;
margin: 0px;
float: left;
}
.amazon_scroller ul li
{
padding: 0px;
margin: 0px;
margin: 0 6px 0 6px ;
margin-right: 5px;
list-style: none;
float: left;
text-align: center;
display:inline;
}
.amazon_scroller ul li a
{
text-decoration: none;
}
.amazon_scroller ul li a amazon_scroller_title
{
overflow:hidden;
}
.amazon_scroller ul li a:hover
{
text-decoration: underline;
}
.amazon_scroller ul li a img
{
border: none;
}
/*************/
.footer
{width:100%;
padding:30px 0;
background:#4a4949;
float:left;}
.footer_sitemap
{ 
width:250px;
float:left;
margin:0 auto;
}
.main-link
{width:115px;
margin:0 auto;
float:left;
}
.addres
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #01cb01;
font-weight:400;
line-height:20px;
}
.addres span
{
color: #dfdfdf;
}
.footer_sitemap h1
{font-family: 'Titillium Web', sans-serif;
font-size:20px;
color: #fff;
font-weight:400;
margin:0;
}
.footer_sitemap p
{font-family: 'Titillium Web', sans-serif;
font-size:12px;
color: #fff;
font-weight:400;
line-height:22px;
}
.bottom_link
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #dfdfdf;
font-weight:400;
text-decoration:none;
background:url(../images/bottom_link_bt.png) no-repeat scroll  0 7px;
padding: 0 0 0 12px;
float:left;
margin-bottom:13px;
width:65px;}
.bottom_link:hover
{
color: #01cb01;
}
.bottom_logo
{width:130px;
float:right;}

.bottom_icon
{width:100px;
margin:20px; 0 0 0;
}
.f_icon
{background:url(../images/f_icon.png) no-repeat;
width:33px;
height:33px;
float:left;
margin:3px}
.f_icon:hover
{background:url(../images/f_icon_hover.png) no-repeat;
width:33px;
height:33px;
float:left;
}
.t_icon
{background:url(../images/t_icon.png) no-repeat;
width:33px;
height:33px;
float:left;
margin:3px;}
.t_icon:hover
{background:url(../images/t_icon_hover.png) no-repeat;
width:33px;
height:33px;
float:left;
}
.copyright
{width:100%;
padding:20px 0;
float:left;
background:#323232;}
.copy_rights
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #979797;
font-weight:400;
float:left;
width:400px;
}
.copy_rights span
{
color: #01b501;
}
.design-by
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #979797;
font-weight:400;
float:right;
width:300px;
text-align:right;
}
.design-by a
{color: #01b501;
text-decoration:none;
}
.design-by a:hover
{color: #01b501;
text-decoration:underline;
}

/****** about us page******/

.heading1
{
position:absolute;
top:-130px;
left:0;
width:490px; 
text-shadow:1px 2px 2px #077023;
}
.heading1 h1
{
font-family: 'Titillium Web', sans-serif;
font-size:30px;
color: #fff;
font-weight:600;
}
.about_logos
{
width:100%;
padding:15px 0 25px 0;
background:url(../images/product_slider_bg.png);
margin:50px 0 0 0;
float:left;
}
.about_logos h2
{
font-family: 'Titillium Web', sans-serif;
font-size:24px;
color: #009700;
font-weight:400;
}
.about_logo1
{
width:110px;
height:107px;
float:left;
margin:15px 0 0 0;
}
.about_logo2
{
width:110px;
height:107px;
float:left;
margin:15px 0 0 11px;
}
/******* our product ******/
.sub_heading2
{
font-family: 'Titillium Web', sans-serif;
font-size:16px;
font-weight:600;
color:#2d2e2d;
margin-top:25px;
}
.grid320
{width:320px;
margin:0 auto;
float:left}
.grid320 h2
{font-family: 'Titillium Web', sans-serif;
font-size:24px;
color:#015e01;
font-weight:400;
margin-top:10px;}
.grid290
{width:250px;
padding:20px;
background:#d9ffd9;
border:1px solid #a4f4a4;
margin-top:10px;
height:100px;}
.grid290 p
{font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#4c4d4c;
font-weight:400;
text-align:justify;
}
.grid430
{width:430px;
float:left;}

.grid430 h1
{font-family: 'Titillium Web', sans-serif;
font-size:24px;
color:#015e01;
font-weight:400;}
.grid430 h2
{font-family: 'Titillium Web', sans-serif;
font-size:18px;
color:#232323;
font-weight:400;}
.grid430 p
{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:400;
text-align:justify;}
.grid490
{width:490px;
float:left;
margin-left:40px;}
.grid490 h1
{font-family: 'Titillium Web', sans-serif;
font-size:24px;
color:#015e01;
font-weight:400;}
.grid490 h2
{font-family: 'Titillium Web', sans-serif;
font-size:18px;
color:#232323;
font-weight:400;}
.grid490 p
{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:400;
text-align:justify;}
.view_pdf
{width:65px;
height:42px;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#1fa71f;
font-weight:400;
background:url(../images/product_pdf_img.png) no-repeat;
margin:10px 0 0 0;
float:left;
padding:7px 0px 0 50px;
text-decoration:none;
}


.view_catalogue
{width:65px;
height:42px;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#1fa71f;
font-weight:400;
background:url(../images/catalogue_pdf_img.png) no-repeat;
margin:10px 0 0 0;
float:left;
padding:7px 0px 0 50px;
text-decoration:none;
}


.product_img01
{width:300px;
height:200px;
float:left;
margin:20px 0;
}
.product_img02
{width:300px;
height:200px;
float:left;
margin:20px 30px;
}

/***** certificate page *******/

#gallery ul { list-style: none; }
#gallery ul li 
{ 
display: inline;
border:1px solid #5ed785;
float:left;
margin:20px; }
#gallery ul li:hover
{ 
border:1px solid #009700;
}
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
height:100%;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}
#lightbox-nav-btnNext { 
right: 0; 
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px; 
color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
width: 70%; 
float: left; 
text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
width: 66px; 
float: right;
padding-bottom: 0.7em;	
}

/********* contac us *********/
.grid292
{width:292px;
float:left;
margin:40px 0 20px 0;
}
.grid370
{width:400px;
float:left;
margin:40px 90px;
}
.add-1
{width:100px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #666;
line-height:22px;
font-weight:400;
}
.add-2
{width:300px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #333333;
line-height:22px;
font-weight:400;
margin-bottom:15px;
}
.text_fild_1
{
width:280px;
padding:7px;
float:left;	
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#c6c6c6;
font-weight:400;
outline:none;
border:1px solid #c6c6c6;
margin:0px 0px 20px 0px;
}
.text_fild_1:focus
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
font-weight:400;
}
.text_fild_3
{
width:280px;
height:60px;
padding:7px;
float:left;	
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#c6c6c6;
font-weight:400;
outline:none;
border:1px solid #c6c6c6;
}
.text_fild_3:focus
{
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#999;
font-weight:400;
}
.send
{
padding:7px 15px;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#fff;
font-weight:400;
background:#009700;
margin:20px 0;
text-decoration:none;
border:none;
cursor:pointer;	
}
.send:hover
{
color:#009700;
background:#fff;
border:2px solid #009700;
text-decoration:none;
padding:5px 13px;	
}
.contact_map
{
width:960px;
height:350px;
border:1px solid #c6c6c6;
margin:0 0 25px 0;
}
.active_botton
{ color:#01cb01;}
.popop_product1
{width:131px;
height:131px;
float:left;
margin:40px 29px 0 0;
}
.popop_product2
{width:131px;
height:131px;
float:left;
margin:40px 29px 0 0px;
}

/***** quotation_form *****/
.main_form
{width:auto;
height:auto;
float:left;
margin:3px;
}
.grid500
{
width:450px;
margin:1px 0;
float:left;}
.quotation_form
{
width:450px;
margin:20px 10px 0 0;
border:#CCC 1px solid;
padding:5px;
float:left;
}
.quotation_name
{
width:160px;
padding:7px;
background:#ecebeb;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
float:left;
}
.quotation_name span
{
color:#F00;
}
.requirements
{
width:435px;
padding:7px;
background:#ecebeb;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
float:left;
margin:0 0 3px 0;
}
.requirements span
{
color:#F00;
}
.quotation_field
{
width:255px;
padding:6px 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
border:#ecebeb 1px solid;
float:left;
}
.quotation_field1
{
width:271px;
padding:6px 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
border:#ecebeb 1px solid;
float:left;
}
.quotation_field2
{
width:432px;
padding:6px 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
border:#ecebeb 1px solid;
float:left;
height:88px;
}
.quotation_send
{
padding:7px 15px;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#fff;
font-weight:400;
background:#009700;
margin:20px 0 0 5px;
text-decoration:none;
border:none;
cursor:pointer;	
}
.quotation_send:hover
{
color:#009700;
background:#fff;
border:2px solid #009700;
text-decoration:none;
padding:5px 13px;	
}
.quotation_inducat
{width:250px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
margin:25px 0 0 0;
}
.quotation_inducat span
{color:#F00;}

/***** career *****/

.career_link
{
text-decoration:none;
color:#000;
}
.career_link:hover
{
text-decoration:underline;
color:#000;
}