a:link {
color: #336600;; text-decoration:none;
}
a:visited {
color: #336600; text-decoration:none;
}
a:hover{
color: #336600;
}
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #f2f8ea;
 background-image: url(images/bg.jpg);
 background-position: top; 
 background-repeat: repeat-x;
 }
 
 .hacked{
 padding-top:7px
 }
 
 #pagewidth{
	width:895px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
} 
 /*#pagewidth2{
	width:905px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #49a301;
	z-index: 10
}*/
#header{
 position:relative; 
 height:155px; 
 width:100%;
}

#logo{
float: left;
 position:relative;
 top: 40px;
 left: 35px;
 height:97px;
 width: 214px; 
 background-image: url(images/logo.jpg);
}

#vine2{
background-image:url(images/gras.png);
height:80px;
left:535px;
position:absolute;
top:29px;
width:105px;
z-index:2;
}

#top{
	position: relative;
	float: right;
	right: 35px;
	top: 35px;
	width: 224px;
	font-size: 20px;
}

#top h1{
	font-family: Arial;
	padding: 0px;

	margin: 0px;

	font-size: 19px;

} 


#navigation{
color:#336600;
float:right;
height:22px;
position:absolute;
right:32px;
top:108px;
width:635px;
 }

#navigation a						{ text-decoration: none; font-size: 12px }
#navigation ul						{ list-style: none; }
#navigation p                        {}

/* 
	LEVEL ONE
*/
#navigation ul.dropdown                         { position: relative; }
#navigation ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
#navigation ul.dropdown a:hover		            { }
#navigation ul.dropdown a:active                { }
#navigation ul.dropdown li a                    { border-right:1px solid #336600; display:block;padding:1px 8px;}
#navigation ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#navigation ul.dropdown li.hover,
#navigation ul.dropdown li:hover                {color: black; position: relative; }
#navigation ul.dropdown li.hover a              { color: black; }

.sub_menu{padding:0; margin:0
border-right: 0px;}
.sub_menu li a, .sub_menu li 
{
	border-right:0px solid #336600; display:block;padding: 0px 8px;
	font-weight: bold; float: left; zoom: 1; 
	background-color: #a7d06a;
}
.sub_menu li 
{
	margin-left:-8px;
	

}



/* 
	LEVEL TWO
*/
#navigation ul.dropdown ul 						{ width: 100px; visibility: hidden; position: absolute; top: 100%; left: -10; }
#navigation ul.dropdown ul li 					{ font-weight: normal;float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
#navigationul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
#navigation ul.dropdown ul ul 					{ left: 100%; top: 0; }
#navigation ul.dropdown li:hover > ul 			{ visibility: visible; } 
 
 
 
 
 
 
 
#maincol{
background-color: #f2f8e9;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }
 
#footer{
 height:155px; 
 width:895px; 
 clear:both;
 background-image: url(images/footerimg.png);
 } 
 
 #flash{
	height: 232px;
	width: 825px;
	position: relative;
	top:0px;
	left: 35px;
	margin-top: 0px;
 }
  #banner{
	height: 116px;
	width: 825px;
	position: relative;
	top:0px;
	left: 35px;
	margin-top: 0px;
	background-repeat:no-repeat;
 }
 
 #banner h1{
 position:absolute; z-index: -1;
 }
 
 #differencebox{
 position: relative;
 height: 236px;
 width: 441px;
 background-image:url(images/differencebox.jpg);
 background-repeat:no-repeat;
 right: 35px;
 float:right;
 top:-35px;
 padding-top: 20px;
  }
  
  #list{
  clear:both;
float:left;
left:35px;
position:relative;
top:18px;
width:365px;
 }
 
   #list2{
clear:both;
float:left;
left:12px;
position:relative;
top:3px;
width:225px;
z-index:1;
 }
   #orderhome{
	position: absolute;
	width: 197px;
	height: 174px;
	float: left;
	left: 8px;
	top: 32px;
 }
 
    #orderhometitle{
	float:right;
height:119px;
line-height:15px;
position:absolute;
right:38px;
top:23px;
width:179px;
 }
 
 #orderhometitle h2{
 font-size: 13px;
 font-weight: bold;
 }
 
 
     #orderhometext{
	float:right;
height:119px;
line-height:15px;
position:absolute;
right:12px;
top:55px;
width:205px;
 }
 
 #ourstory{
 width:552px;
 height:470px;
 position: relative;
 float: left;
 left:35px;
 top: 15px;
 }
 
 
  #privatelabel{
 width:552px;
 min-height:725px;
 position: relative;
 float: left;
 left:35px;
 top: 15px;
 }
 
   #industrial{
    width:552px;
    padding-bottom:50px;
 position: relative;
 left:35px;
 top: 15px;
 }
 
 
  #ourstory h1{
 padding:0; 
 margin:0;
 font-size: 13px;
 }
 
 
  #learn{
 width:552px;
 position: relative;
 float: left;
 left:35px;
 top: 15px;
 }
 
 #learn h1{
 padding:0; 
 margin:0;
 font-size: 13px;
 }
 
 
  #aboutstevia{
  height:700px;
  width: 543px;
 position: relative;
 border-width: 10px;
 top: 10px;
 border-color:#336600;
 padding-bottom:45px;
 }
 
   #tabs{
   top:00px;
   left: 3px;
  background-repeat:no-repeat;
  width: 543px;
 position: relative;
 border-width: 10px;
 border-color:#336600;
 }
 
  #diduknow{
 background-image: url(images/diduknow.jpg);
 width:245px;
 height:388px;
 position: relative;
 clear:both;
 float: right;
 right:35px;
 top: 15px;
 }
 
   #diduknow2{
 background-image: url(images/abt.jpg);
 width:245px;
 height:447px;
 position: relative;
 clear:both;
 float: right;
 right:35px;
 top: 15px;
 }
   #diduknowcontent{
	width:186px;
	height:145px;
	position: relative;
	top: 42px;
	left: 35px;
 }
 
    #diduknowcontent2{
	width:190px;
	position: relative;
	top: 40px;
	left: 35px;
	font-size: 11px;
	line-height:13px;
 }
 
     #diduknowcontent3{
     line-height:13px;
	width:190px;
	position: relative;
	top: 50px;
	left: 35px;
	font-size: 11px;
 }
 
 #contact{
	clear:both;
	width:500px;
	position: absolute;
	top: 265px;
	left: 25px;
	font-size: 11px;
 }
 
 #contactinfo{
   clear:both;
font-size:11px;
left:25px;
position:relative;
top:5px;
width:200px;
 }
 
  #consumer{
font-size:11px;
left:5px;
position:relative;
top:0px;
width:500px;
height:183px;
margin-left: 35px;
 }
 
 #line{ 
 position:absolute;
 left: 40px;
border-left-width: 0px; 
border-bottom-width: 0px; 
border-right-width: 0px; 
border-top-width: 1px; 
border-left-style: none; 
border-bottom-style: none; 
border-right-style: none; 
border-top-style: solid; 
border-color:#5C8727; 
width:400px;
 }
 
 #pledge{
 background-image: url(images/pledge.jpg);
 width:262px;
 height:325px;
 position:relative;
 top: 50px;
 right:50px;
 float: right;
 clear: both;
 }
 
 #recycle{
 position:absolute;
 background-repeat: no-repeat;
 float: right;
 right:0px;
 }
 
 
 /* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana;
color:green;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 0px solid #336600;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#tabshadow{
position:absolute; 
top:40px; 
z-index:1;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
 
 #country1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
}
#country2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
} 
#country3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
} 
#country4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
}  


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

div.in_wrapper
{
	margin-bottom: 40px;

}
div.in_wrapper img
{
	float: left;
	margin-right: 69px;
	width: 125px

	
}

div.in_wrapper ul
{
	border-left:1px solid #336600;
	margin-left: 155px;
	
}

#ourTab li
{
	list-style-type: none;
	float:left;
}

#ourTab
{
	clear: both;
	padding: 0;
}