body
{
margin: 0px;
font-family: 'Open Sans',sans-serif;
font-size:14px;

}

.clear
{
	clear: both;
}
.header
{

height: 250px;
position: relative;
z-index: 10000;
position:absolute;
top:0px;
width:100%;
}

h1
{
	font-family: 'Droid Serif';
}
h1.prod-head
{
margin: 35px 0 0 0;
}

h2.products
{
font-family: 'Droid Serif';
font-size: 28px;
}
h2.products:before
{
background: #DADADA;
width: 400px;
height: 2px;
content: "";
float: left;
position: relative;
margin: 11px 62px 0 51px;
top: 20px;
}

h3
{
margin: 0;
padding-bottom: 5px;
font-size: 32px;
padding-top: 25px;

}

p
{
font-size: 14px;
color: #333;
line-height: 25px;
text-align: justify;
}

.container
{
	width: 100%;
	margin: 0 auto;
	
}
.page-top
{
	margin-top: 200px;
}

.logo
{
	float: left;
}
.logo img {
    width: 119px;
}

.menu
{
float: right;
margin-top: 51px;
}
.header-brand
{
	margin-top:10px;
	font:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; 
	font-size:10px; 
	margin-left:15%; 
	position:absolute; 
	color:#FF0004;
	font-style:italic;
	font-weight:600;
}
.menu li 
{
    margin:0px;
    list-style:none;
    font-family:'Ek Mukta';
}
 
.menu a {
    transition:all linear 0.15s;
    color:#919191;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#000000;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:12px;
}
 
.menu > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0);
}

.active
{
background:#101374;
color:#FFFFFF;
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#101374;
	color:#FFFFFF;
}

/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0);
    background:#ffffff;
}
 
.sub-menu li {
    display:block;
    font-size:12px;
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#1F1E76;
}

.drop_menu {
	list-style: none;
	padding: 0;
	margin: 0;
	}
.drop_menu li { float:left;display:inline-block; }
.drop_menu li a {
  display: block;
  color: #000;
  text-decoration: none;
  font-family: 'Droid Serif', serif;
font-size: 14px;

}
/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	width:200px;
}
.drop_menu ul li
{
	text-align: left;
width: 100%;
padding: 3px 0;
}
.drop_menu li:hover { position:relative;  }
.drop_menu li:hover ul {
	left: 50px;
top: 24px;
background: #000000;
padding-top: 5px;
 font-size: 12px;
 padding: 0;
}
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
}
 
.sub-menu li {
    display:block;
    font-size:14px;
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
}
.drop_menu li:hover ul li a {
display: block;
color: #fff;
text-decoration: none;
font-family: 'Droid Serif', serif;
font-size: 14px;
margin: 0 10px;
}
.drop_menu li:hover ul li a:hover {   }




/*
.menu
{
float: right;
margin-top: 51px;
}
.menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu ul li
{
	display:inline-block;
}
.menu ul li a
{
display: block;
color: #fff;
text-decoration: none;
font-family: 'Droid Serif', serif;
font-size: 20px;
margin: 0 10px;
}
.sub-menu 
{
	display:none;
}
.menu li a:hover > .sub-menu 
{
	display:block;
}
*/



.slider
{
	width: 100%;
	height: 400px;
	  background: #FFFFFF;
	margin-top: 100px;
	position:relative;
	-moz-margin-top:-150px;
	
}
.body-intro
{
	position:relative;
	margin-top: 20px;
	margin-bottom:50PX;
	margin-left:10%;
float: left;
width:80%;


}
#slideshow img
{
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

.body-intro p
{
  color: #202020;
  line-height: 26px;
  /* text-align: center !important; */
  font-size: 15px;
  text-align: justify;

}
.body-intro span
{
	font-weight: bold;
	color: #226d11;
}

.home-h2
{
font-size: 32px;
text-transform: uppercase;
font-weight: 100;
color: #333;
}
.home-h2 span
{
font-size: 32px;
text-transform: uppercase;
font-weight: 600;
color: #226d11;
}


.floral
{
display: block;
margin: 0 auto;
width: 50px;
}

.floral:after {
background: #DADADA;
width: 400px;
height: 2px;
content: "";
float: right;
position: relative;
margin: -10px 70px 0 59px;
}
.floral:before {
background: #DADADA;
width: 400px;
height: 2px;
content: "";
float: left;
position: relative;
margin: 11px 62px 0 51px;
top: 20px;
}


.abt-left
{
	float:left;
}
.abt-right
{
	float:right;
}
.mor-left
{
	text-align:justify; 
	float:left; 
	margin-top:15px;
}
.moringa-div
{
	width:1007px;
}
.moringa-div1
{
	width:500px; float:left;
}
.moringa-div-img
{
	width:500px; float:right;
}
.product-details
{
	font-size: 32px; 
	font-weight: 800; 
	margin: 50px 0 0 0; 
	text-align: center; 
	line-height: 40px; 
	font-family: 'Droid Serif';
}
.leaf
{
	width:250px;  
	float: right;
}


.home-slider figcaption p 
{
/*	display: table-cell;
	font-size: 1.5em;
	position: relative;
	top: -40px;
	width: 100%;
	vertical-align: middle;*/
}
.home-slider li:hover figcaption{
	opacity: 1;
}
.home-slider img {
	display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	min-width: 100%;
}
.home-slider li:hover img {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
	opacity:1;
	
}
.home-slider figcaption p {
	display: table-cell;
	font-size: 20px;
	position: relative;
	/*top: -40px;*/
	width: 100%;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	vertical-align: middle;
	font-weight: 700;
	color: #fff;
	text-align: center;
	font-size:12px;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
.home-slider li:hover figcaption p {
	/*-moz-transform: translateY(40px);
	-o-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	transform: translateY(40px);*/
	font-family: 'Droid Serif';
	filter: progid:DXImageTransform.Microsoft.gradient
(gradientype=0,startColorstr='#000000', endColorstr='#000000');
	font-weight: 700;
	color: #fff;
	text-align: center;
	font-size:23px;

}
.home-slider figcaption {
	background: rgba(0,0,0,1);
	width:100%;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
	
}
.start
{
	text-align: justify;
height: 235px;
width: 362px;
float: left;
}
.start1
{
	float: left;
width: 340px;
color: #333;
font-size: 13px;
line-height: 20px;
}
.swish-text
{
	font-size: 24px;
	text-transform: uppercase;
}
.export-text
{
	font-size: 24px;  
	text-transform: uppercase;
}
.side-img
{
	float:right; 
	width:200px;
	visibility: collapse;
}
.side-image
{
	 width: 180px;
    height: 219px;
    margin: 5px 0 0 9px;
    display: -webkit-box;
}
.side-para
{
	width: 644px;
float: left;
color: #333;
font-size: 13px;
line-height: 20px;
}
.side-para-inline
{
	float: right;
width: 644px;
text-align: justify;
}
.side-image2
{
	float:left; 
	width: 328px;
}
.side-img2
{
	float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: 200px;
}
.slide-img3
{ float: left; 
 margin-right: 10px;  
 margin-top: 10px;
    width: 105px;
    height: 133px;
}
.organic
{
	float: right;
color: #208918;
font-size: 30px;
text-transform: uppercase;
font-size: 22px;
width: 250px;
line-height: 40px;
text-align: right;
margin-top: 20px;
}
.nature
{
	float: right;
    display: block;
    font-size: 53px;
    color: #29BA0A;
}
.have-a
{
	font-size: 32px; 
	font-weight: 800; 
	margin: 50px 0 0 0; 
	text-align: center; 
	line-height: 40px; 
	font-family: 'Droid Serif';
}
.checkout
{
	color: #FFB800 !important; 
	text-decoration:none;
}
.address1
{
	width:600px; 
	float:left;
}
.forms
{
	width:504px;
	height:300px; 
	float:left; 
	margin-top:10px;
}
.query
{
	width:400px;
	float:right;
}
.list-box
{
	width:300px; 
	margin:5px; 
	border:1px solid #808080; 
	height:30px; 
	margin-bottom:15px;
}
.text-area
{
	outline:none; 
	border:none;
}

.home-slider
{
	margin: 0 auto;
	text-align:center;
	padding: 0;
}

.home-slider li
{
display: inline-block;
margin: 32px 20px;
width: 253px;
text-align:center;

}
.home-slider img
{
	display: block;
	height: auto;
	width: 193px;
	text-align:center;
	margin:0 auto;
	/*opacity:0.5;*/
}
.home-slider figure {
	
	/*overflow: hidden;*/
	position: relative;
	
	margin:0 auto;
	
}
.home-slider a
{
text-decoration: none;
}
.photo-grid figcaption {
	background: rgba(0,0,0,0.8);
	
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	font-size:12px;
	font-weight: 700;
color: #fff;
text-align: center;
font-size:12px;
	
}
.home-slider span
{
	
font-family: 'Droid Serif';
font-weight: 700;
color: #145C15;
text-align: center;
text-decoration: none;
width: 200px;
margin: 0px auto;
display: block;
margin-bottom:5px;
margin-top:5px;
}
/*.home-slider li:hover span
{

display:none;

}
.home-slider li:hover
{

border:0px;

}
*/


/*********** About us *************/

.about-box
{
	width: 500px;
	float: left;
}


/************** Product detail page *************/
.product-detail
{
width: 708px;
float: left;
}


/********** Contact page *************/
.error
{
	border:2px solid red;
}
.correct
{
	
	border:2px solid #8ec73e;
}
.line
{
	margin: 13px 0;
}
.text
{
	float:left;
	width: 300px;
}
.enq-form
{
float: right;
background: #fff;
color: #333;
padding: 30px 30px;
width: 368px;
}
input[type=text], select
{
border: 1px solid #ccc;
height: 28px;
width: 300px;
font-size: 16px;
}
input[type=text], select:focus
{
	outline:none;
}
select
{
height: 39px;
width: 300px;
}


.contact-right
{
float: left;
margin-left: 30px;
width:250px;  
margin-top:0px;
margin-bottom: 5px;

}
.contact-address
{
	font-size:16px;
	font-weight:200;
	line-height:20px;
	width: 270px;
	
}
.add-content
{
	width:500px; 
	float:left; 
	margin-top:0px;
	border:2px solid #90C83D;
	padding: 30px 0px;

}
.address
{
	width:504px; 
	text-align:center; 
	height:30px; 
	background-color:#90C83D; 
	float:left; 
	margin-top:40px; 
	padding-top:5px; 
	font-size:16px; 
	font-weight:bolder;

}
.through
{
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	margin-bottom:5px;
	margin-top:5px;
	
}
.phone
{
	font-size:16px;
	font-weight:200;
	line-height:20px;
	float:right;
	margin-right: 30px;
}
.para
{
	text-align:center;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}

/********** footer ***********/

.footer
{
margin-top: 0px;
background-image:url(../images/footer-bg2.png);
height: 200px;
padding: 0px;
}

.footer ul
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.footer ul li
{
	display: block;
}
.footer ul li a
{
text-decoration: none;
color: #818181;
font-size: 14px;
display: block;
margin: 10px 6px;
}


.footer-enq
{
float: right;
width: 260px;
font-family: 'Droid Serif';
font-weight: 700;
font-size: 21px;
margin-top:130px;
}
.footer-enq span
{
font-family: 'Open Sans',sans-serif;
font-weight: 100;
font-size: 14px;
}
.image
{
	float: right;
margin-top: 50px;
}
.share
{
	text-align:center;
	padding:0px;
	list-style: none;
	width: 110px;
	height: 50px;
	margin:0 auto;
}
.share-list
{
	float:left;
	font-size:16px;
}
.share-div
{
	width:1007px;
	height:50px;
	margin:0 auto;
	text-align:center;
}
.footer-items
{
	color:#000;
	line-height: 20px;
}
.items
{
	color:#000;
	border:1px solid #000;
	padding: 1px 2px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.copyright
{
	width:300px; height:25px; float:left; font-size:12px; margin-left:50px; margin-top:50px;
}
.items-div
{
	width: 100%;
	height:100px;
	float:left;
	margin-top:50px;
	color:#FFFFFF;
}
input:-moz-witdth { 
	width:300px;
	height:100px;
	float:left;
	margin-top:70px;

}

.foot-contact
{
	position:relative;
	float:right;
	width:0px;
	margin-top:40px;
	margin-right:0px;

}
.foot-address
{
	width:200px;
	height:83px;
		font-size:12px;
}
.foot-para
{
	font-weight:500;
	margin:0 auto;
	font-size: 12px;
	line-height:21px;
}
.foot-phone
{
	float:left;
	width:137px;
	font-weight:bold;
	margin:0 auto;
	font-size:12px;
	margin-top:50px;
}
.foot-logo
{
	width:50px;
	height:0px;
	float:left;
}
.add-logo
{
	width:50px;
	height:98px;
	margin-top: 6px;
}
.ph-logo
{
	width:15px;
	height:13px;
	float:left;
	margin-top:5px;
}
.addr
{
	float:right; 
	margin-right:0px;
	margin-top: 0px;
}
#items-menu
{
	color:#000; 
	font-weight:500;
	font-size:12px;
	margin:0 auto;
	
}
h4
{
	margin-top:5px;
	margin-bottom:5px;
	/*margin-left:10px;*/
}

#foot-menu
{
	margin:0 auto; 
	margin-left:10px;
	color:#ffffff;
	 font-size:12px;
}
.more
{
	color:#000;
	text-decoration:none;
	float:right;
	margin-right:50px;
	font-size:16px;
	font-weight:bold;
}
.more:hover{
	color:#4f9836;
}
.home
{
	color:#000;
	text-decoration:none;
	float:left;
	margin-right:50px;
	font-size:16px;
	font-weight:bold;
}
.home:hover{
	color:#4f9836;
}
.mori-text
{
	width:400px;
	float:left;
	height:500px;
}
#p
{
	font-size: 14px;
color: #333;
line-height: 25px;
text-align: justify;
font-family: 'Open Sans',sans-serif;
}

.mor-list
{
	color: #333;
line-height: 25px;
	list-style-type:none;
	list-style-image:url(../images/leaf1.jpg);
	vertical-align: top;

font-family: 'Open Sans',sans-serif;
font-size: 14px;

}
input[type=text], select
{
	width:260px;
	height:25px;
	float:left;
	border:0px;
	margin-left:10px;
}
input[type=text]:focus, select
{
	border:0px;	
}
.text
{
	border:1px solid #808080;
	margin:5px;
	margin-bottom:15px;
}
.icon
{
	float:right;
	width:20px;
	margin-top: 5px;

}
.line1
{
	border:1px solid #808080;
	margin:5px;
	width: 300px;
}
input[type=submit] {
  border: 1px solid #012E6F;
  background: #00B6DC;
  padding: 10px 31px;
  width: 135px;
  font-family: 'Droid Serif';
  font-size: 22px;
  outline: 0;
  margin-left: 6px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  color: #000;
  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
th,
td {
  padding: 10px 15px;
  vertical-align: middle;
}
thead {
  background: #395870;
  background: linear-gradient(#49708f, #293f50);
  color: #fff !important;
  font-size: 11px;
  text-transform: uppercase;
}
th:first-child {
  border-top-left-radius: 5px;
  text-align: left;
}
th:last-child {
  border-top-right-radius: 5px;
}



.book-title {
  color: #395870;
  display: block;
}
.text-offset {
  color: #7c7c80;
  font-size: 12px;
}
.item-stock,
.item-qty {
  text-align: center;
}
.item-price {
  text-align: right;
}
.item-multiple {
  display: block;
}
tfoot {
  text-align: right;
}
tfoot tr:last-child {
  background: #f0f0f2;
  color: #395870;
  font-weight: bold;
}
tfoot tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.proheading {
  font-weight: bold;
  color: #fff;
  font-family: arial, sans-serif;
}
.aside {
  float: left;
  margin-left: 20px;
  width: 250px;
  height: 222px;
  margin-top: 10px;
}
.side-right {
  float: left;
  margin-left: 15px;
  width: 650px;

  background-color: #fff;
}
.side-right h3 {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  
}
.para1 {
  text-align: justify;
  font-size: 13px;
  line-height: 24px;
 
  color: #5A5A5A;
  float: left;
  /* width: 373px; */
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;
  -o-transition: border linear .2s,box-shadow linear .2s;
  transition: border linear .2s,box-shadow linear .2s;
}
select {
    width: 263px;
  background-color: #fff;
  border: 1px solid #ccc;
}
select, input[type="file"] {
  height: 30px;
  line-height: 30px;
}
textarea
{
margin-left:8px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: rgba(82,168,236,0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}



