﻿
.bannerAccordian			   { width:100%; padding:0; margin:0; overflow:hidden;}
.bannerAccordian > li.bannerSec{ float:left; width:19.90%; margin-top:0; height:400px; overflow:hidden; margin-right:1px; background:#CCC url(../images/bannerImg/ajax-loader-small.html) 

no-repeat 50% 50%; position:relative; overflow:hidden;}
.bannerAccordian > li.bannerSec img{ position:absolute; bottom:0; left:-300px;  z-index:1; height:100%;}
.bannerAccordian > li.bannerSec h3{ position:absolute; top:20px; color:#FFF; padding:5px 10px; left:25px; z-index:2; font-weight:400; font-size:14pt; font-weight:bold; line-height:32px; display:none;}
.bannerAccordian > li.bannerSec span{ display:block;  background:url(images/arrow.html) no-repeat 0 0; width:50px; height:24px; text-indent:-9999px; position:absolute; bottom:0; left:0; z-index:1; z-index:2;  

bottom:110px; left:0;}
.bannerAccordian > li.bannerSec div.bannerCont{ position:absolute; bottom:0; left:0; width:100%; height:110px; z-index:2;}


.pharma .bannerCont{/*background:rgba(232, 186, 1, 0.8);*/ background:rgba(31, 31, 31, 0.64)}
.pharma h3{background:rgba(31, 31, 31, 0.64)}

.crop .bannerCont{/*background:rgba(42, 103, 61, 0.8);*/ background:rgba(31, 31, 31, 0.64)}
.crop h3{background:rgba(31, 31, 31, 0.64)}

.chemicals .bannerCont{/*background:rgba(69, 176, 223, 0.8);*/ background:rgba(31, 31, 31, 0.64)}
.chemicals h3{background:rgba(31, 31, 31, 0.64)}

.biocides .bannerCont{/*background:rgba(244, 89, 9, 0.8);*/ background:rgba(31, 31, 31, 0.64)}
.biocides h3{background:rgba(31, 31, 31, 0.64)}

.cosmetics .bannerCont{/*background:rgba(103, 42, 77, 0.8);*/ background:rgba(31, 31, 31, 0.64)}
.cosmetics h3{background:rgba(31, 31, 31, 0.64)}

.bannerAccordian > li.bannerSec div.bannerCont strong.heading1{ 

font-family:'droid_sansregular', sans-serif; font-weight:700; font-size:12pt;  

line-height:20px; color:#FFF; padding:30px 0 0 10px; display:inline-block;}
.bannerAccordian > li.bannerSec div.bannerCont strong.heading2{ font-family: 'Open Sans', sans-serif, Calibri, Arial; font-weight:700; font-size:11pt;
text-transform:capitalize; line-height:20px; color:#FFF; display:block; width:95px; height:35px; position:absolute; bottom:35px; left:-35px; text-align:right; display:none;}

.bannerSec ul.bannermenu{display:none; float:left; width:auto; margin:0px 0px 0px 15px; padding:12px 0px 0px 0px; width:95%; }
.bannerSec ul.bannermenu li{ float:left; width:auto;  height:auto; padding:0 0px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:10.5pt; color:#fff; margin:0px 15px 0px 0px; list-style:none;}
.bannerSec ul.bannermenu li p{margin:0; font-family:'Open Sans', sans-serif, Calibri, Arial; line-height:1.4em; font-size:11pt; color:#fff; display:inline-block; text-shadow:rgba(0,0,0,0.2) 1px 1px 1px;}
.bannerSec ul.bannermenu li a{ font-family:'Open Sans', sans-serif, Calibri, Arial; font-size:10.1pt; color:#fff; font-weight:bold;}
.bannerSec ul.bannermenu2{ padding-top:15px; display:none; width:auto; margin:0px 

0px 0px 15px; padding:60px 0px 0px 0px; width:95%; }
.bannerSec ul.bannermenu2 li{ float:left; width:auto;  height:auto; padding:0 0px 0 

15px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; margin:0px 

15px 0px 0px;}
.bannerSec ul.bannermenu2 li strong{ display:block; padding:0 20px 10px 0; 

color:#FFF; font:bold 11px Tahoma, Geneva, sans-serif; }
.bannerSec ul.bannermenu2 li a{ display:block;  font-family:Arial, Helvetica, 

sans-serif; font-size:15px; color:#fff;}
.bannerSec ul.bannermenu2 li a:hover{text-decoration:underline; color:#FFF;}
.bannerSec ul.bannermenu2 img{ position:static; bottom:0; left:0; z-index:auto;}


.bannerSec ul.bannermenu li.first_option	{ 

background:url(images/banner_small_img1.html) left top no-repeat; padding:5px 0px 

0px 30px;}
.bannerSec ul.bannermenu li.second_option	{ 

background:url(images/banner_small_img2.html) left top no-repeat; padding:5px 0px 

0px 30px;}
.bannerSec ul.bannermenu li.third_option	{ 

background:url(images/banner_small_img3.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerSec ul.bannermenu li.fourth_option	{ 

background:url(images/banner_small_img4.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerSec ul.bannermenu li.fifth_option	{ 

background:url(images/banner_small_img5.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerSec ul.bannermenu2 li.third_option	{ 

background:url(images/banner_small_img3.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerSec ul.bannermenu2 li.fourth_option	{ 

background:url(images/banner_small_img4.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerSec ul.bannermenu2 li.fifth_option	{ 

background:url(images/banner_small_img5.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerAccordian > li.bannerSec span a		{ display:block;}

.bannerSec ul.bannermenu li.whitebox	{ background:url(images/banner_small_img2.html) left top no-repeat; padding:5px 0px 0px 30px;}
.bannerSec ul.bannermenu li.greenbox	{  /* background:url(images/banner_small_img2.jpg) left top no-repeat;  */  background:url(images/lightgreen.html) left top no-repeat;  padding:5px 0px 0px 30px;}
.bannerSec ul.bannermenu li.orangebox	{ background:url(images/banner_small_img3.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerSec ul.bannermenu li.bluebox	{ 

background:url(images/banner_small_img4.html) left top no-repeat; padding:3px 0px 

0px 30px; }
.bannerSec ul.bannermenu li.lightgreenbox	{ 

background:url(images/banner_small_img5.html) left top no-repeat; padding:3px 0px 

0px 30px; }