/* Hider - Strawberry CSS */

body {
font-family:Arial, 'Liberation Sans', FreeSans, sans-serif;
background:#fff;
}

.clsClear {
clear:both;
}

.clsClearLeft {
clear:left;
}

.clsHide {
left:-5000px;
position:absolute;
}

#divHomePageImage {
background: #fff url(../uploads/template/homepage-image.jpg) no-repeat 50% 0;
}

#divGenericPageImage {
background: #fff url(../images/page-BGimage-2.jpg) no-repeat 50% 0;
}

#divProductPageImage {
background: #fff url(../images/page-BGimage-2.jpg) no-repeat 50% 0;
}

.clsLogo {
float:left;
width:228px;
height:92px;
background:#fff no-repeat;
display:block;
margin:30px 0 26px;
}

#divHeader h1 {
position:absolute;
text-indent:-9999px;
}

#divHeader h2 {
position:absolute;
right:0;
bottom:0;
float:right;
width:370px;
color:#8cc63f;
font-size:17pt;
font-weight:400;
text-align:right;
margin:0 0 20px;
letter-spacing:-0.015em;
}

#divMenu {
float:left;
display:block;
margin:0 0 30px;
}

#divMenu ul li {
float:left;
display:block;
margin:0 6px 10px 0;
}

#divMenu ul li a {
float:left;
display:block;
color:#555;
text-decoration:none;
font-size:12pt;
margin:0;
padding:5px 5px 3px;
}

#divMenu ul li.clsHomePage a {
float:left;
display:block;
color:#888;
text-decoration:none;
font-size:12pt;
margin:0;
padding:5px;
}

#divMenu ul li.clsHomePage a:hover {
float:left;
display:block;
color:#fff;
text-decoration:none;
font-size:12pt;
margin:0;
padding:5px;
background:#8cc63f;
}

#divMenu ul li a.clsActive:hover {
float:left;
display:block;
color:#fff;
text-decoration:none;
background:#9bde41;
font-size:12pt;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:0;
padding:5px;
}

#divMenu ul li.clsHomePage {
float:right;
display:block;
margin:0;
}


#divMenuProducts {
float:left;
display:block;
margin:0 0 0px;
}

#divMenuProducts ul li {
float:left;
display:block;
margin:0 6px 10px 0;
}

#divMenuProducts ul li a {
float:left;
display:block;
color:#555;
text-decoration:none;
font-size:12pt;
margin:0;
padding:5px 5px 3px;
}

#divMenuProducts ul li.clsHomePage a {
float:left;
display:block;
color:#ccc;
text-decoration:none;
font-size:12pt;
margin:0;
padding:5px;
}

#divMenuProducts ul li.clsHomePage a:hover {
float:left;
display:block;
color:#fff;
text-decoration:none;
font-size:12pt;
margin:0;
padding:5px;
background:#8cc63f;
}

#divMenuProducts ul li a.clsActive:hover {
float:left;
display:block;
color:#fff;
text-decoration:none;
background:#9bde41;
font-size:12pt;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:0;
padding:5px;
}

#divMenuProducts ul li.clsHomePage {
float:right;
display:block;
margin:0;
}


#divFooterWrap {
background:#84b456 url(../images/footer-background.png) repeat;
z-index:5;
}

#divFooterWrap2 {
background:url(../images/footer-biogback.jpg) no-repeat 50% 0;
margin-left:auto;
margin-right:auto;
padding-top:70px;
padding-bottom:50px;
}

.clsFooterHeader {
display:block;
width:220px;
float:left;
margin-left:0px;
margin-right:10px;
position:relative;
}

#divContactAddress {
color:#fff;
font-size:10pt;
line-height:14pt;
font-family:arial;
}

#divContactAddress a {
color:#fff;
text-decoration:none;
border-bottom:0px solid #fff;
}

#divContactAddress a:hover {
color:#333;
border-bottom:0px solid #333;
}

#divFooterLinks ul li {
float:left;
display:block;
}

#divFooterLinks ul li a {
float:left;
display:block;
color:#fff;
font-size:10pt;
padding-right:10px;
text-decoration:none;
}

#divFooterLinks ul li a:hover {

color:#333;
}

#divFooterLinks a.clsStrawberry {
display:block;
float:left;
color:#fff;
font-size:10pt;
text-decoration:none;
padding:10px 0 0;
}

#divFooterLinks a:hover.clsStrawberry {

color:#333;
}
#divProductLinks {
color:#333;
margin-bottom:30px;
margin-top:30px;
font-size:16pt;
letter-spacing:-0.042em;
}

#divProductLinks a {
color:#333;
font-weight:700;
text-decoration: none;
border-bottom: 0px solid #333;
}

#divProductLinks a:hover {
color:#005923;
text-decoration: none;
border-bottom: 0px solid #005923;
}

#divHomeMainContent h3 {
font-size:32pt;
line-height:40pt;
color:#8cc63f;
width:400px;
font-weight: normal;
font-family: arial;
}

#divHomeMainContent {

margin: 0 0 20px 0;
height:400px;
}

#divHomeMainContent p a {
color:#666;
text-decoration:none;
border-bottom: 1px solid #666;
}

#divHomeMainContent p a:hover {
color:#111;
text-decoration:none;
border-bottom: 1px solid #111;
}

#divHomeMainContent span {
color:#666;
font-size:12pt;
line-height:15pt;
display:block;
margin:15px 0 10px;
}

#divHomeMainContent ul {
width:400px;
display:block;
float:left;
margin:10px 0 10px 0;
}

#divHomeMainContent ul li {
color:#666;
width:115px;
float:left;
background:url(../images/bullet-tick.png) no-repeat;
padding-left:25px;
margin-bottom:5px;
}

.clsHomeProduct {
background:url(../images/homepage-products.png);
width:406px;
height:425px;
position:absolute;
top:90px;
right:160px;
z-index:9999;
}

.clsStory {
width:216px;
display:block;
float:left;
margin-left:10px;
margin-right:10px;
position:relative;
}

.clsMainImage {
width:570px;
height:402px;
display:block;
clear:both;
background:url(../images/background-image.png);
float:right;
text-align:center;
padding:13px 0 0;
margin: 0 0 0 40px;
}

.clsSubImage {
width:481px;
height:333px;
display:block;
clear:both;
background:url(../images/background-image-sub.png);
float:right;
text-align:center;
padding:13px 0 0;
margin: 0 0 0 40px;
}

.clsSmallImage {
width:441px;
height:290px;
display:block;
clear:both;
background:url(../images/background-image-small.png) no-repeat 100% 50%;
float:right;
text-align:right;
padding:21px 21px 0 0;
margin: 0 0 0 30px;

}

#divMainContent p a {
color:#ec008c;
text-decoration: none;
border-bottom: 1px solid #ec008c;

}

#divMainContent p a:hover {
color:#fa62bc;
text-decoration: none;
border-bottom: 1px solid #fa62bc;
}
#divMainContent ul {
display:block;
margin:10px 0 25px 0;
}

#divMainContent ul li {
color:#666;
background:url(../images/bullet-tick.png) no-repeat;
padding-left:25px;
margin-bottom:5px;
}


#divProductContent p a {
color:#666;
text-decoration: none;
border-bottom: 1px solid #666;
}

#divProductContent p a:hover {
color:#000;
text-decoration: none;
border-bottom: 1px solid #000;
}

#divProductContent p span {
font-size:14pt;
line-height:17pt;
letter-spacing:-0.015em;
color:#666;
}

#divProductContent ul.clsTickList {
margin:10px 0 0;
}

.clsProductListImage {
float:right;
margin:20px 20px 0 0;
}

#divProductContent ul.clsTickList li {
background:url("../images/bullet-tick.png") no-repeat scroll 0 0 transparent;
color:#666;
margin-bottom:5px;
padding-left:25px;

}



#divProductListing ul {
width:520px;
float:left;
}

#divProductListing ul li {
float:left;
width:170px;
display:block;
margin:0 0 10px;
}

.clsProductImageHolder {
height:410px;
position:relative;
}

.clsProductImage {
bottom:0;
left:0;
position:absolute;
}

#divProductListing ul li p {
font-size:11pt;
color:#333;
padding:0;
}

#divProductListing ul li span {
font-size:14pt;
color:#ec008c;
display:block;
padding:0 0 5px;
}

#divProductListing p {
color:#666;
font-size:11pt;
line-height:15pt;
letter-spacing:-0.001em;
}

#divProductListing p span {
color:#666;
font-size:14pt;
line-height:17pt;
letter-spacing:-0.011em;
display:block;
padding:0 0 8px;
}

#divProductListing p span span {
color:#ec008c;
display:inline;
}

#product-arrow {

width:128px;
display:none;
height:89px;
float:left;
position:absolute;
top:450px;
right:200px;
margin:3px;
zoom: 100%;
}

#product-arrow-inner {
width:128px;
height:89px;
background: url(../images/product-arrow.png) no-repeat;
}

#divWrapper {
position:relative;
display:block;
z-index: 9999;
}

#divHeader {
position:relative;
display:block;
float:left;
margin: 0;
}

#divMenu ul li a.clsActive,#divMenu ul li a:hover {
float:left;
display:block;
color:#fff;
text-decoration:none;
background:#8cc63f;
font-size:12pt;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:0;
padding:5px 5px 3px;
}

#divFooterHeader h4,.clsFooterHeader h4 {
color:#fff;
font-size:35pt;
font-weight: normal;
font-family: arial;
}

#divFooterHeader a,.clsFooterHeader p a {
color:#fff;
font-size:13pt;
line-height:16pt;
margin-top:15px;
display:block;
float:left;
font-weight:400;
font-family:tahoma;
text-decoration:none;
border-bottom: 0px solid #fff; /*border-bottom: 1px solid #fff;*/
float:left;
letter-spacing:-0.015em;
}

.clsFooterHeader p a:hover {
color:#333;
text-decoration:none;
border-bottom: 0px solid #333;
display:block;
float:left;
}

#divMainContent h3 {
font-size:32pt;
line-height:40pt;
color:#8cc63f;
display: inline;
letter-spacing:-0.005em;
}

#divProductContent h3 {
font-size:32pt;
line-height:40pt;
color:#8cc63f;
width:400px;
}

#divMainContent {
position:relative;
min-height:420px;
margin:0 0 30px;
}

#divProductContent {
position:relative;
min-height:420px;
margin:0px 0 30px 0;
}

#divHomeMainContent p {
font-size:11pt;
line-height:15pt;
letter-spacing:-0.001em;
color:#666;
width:400px;
margin:10px 0 0;
clear: both;
display:block;
}

#divProductContent p {
font-size:11pt;
line-height:15pt;
letter-spacing:-0.001em;
color:#666;
margin:10px 0 0;
}

#divMainContent p {
font-size:11pt;
line-height:17pt;
color:#666;
margin:0;
letter-spacing: -0.001em;
}

#divStory a.clsStoryHeader,.clsStory a.clsStoryHeader {
color:#fff;
font-size:15pt;
line-height:18pt;
letter-spacing:0;
display:block;
font-weight:400;
margin:10px 0;
padding:0;
letter-spacing:-0.015em;
text-decoration: none;
}

#divStory a.clsStoryLinks,.clsStory a.clsStoryLinks {
color:#333;
font-weight:700;
display:block;
font-size:10pt;
line-height:14pt;
margin:0 0 0px;
letter-spacing:-0.015em;
text-decoration: none;
border-bottom: 0px solid #fff;
}

.clsStory a:hover.clsStoryLinks {
color:#000;
text-decoration: none;
border-bottom: 0px solid #333;
}


.clsStory a.clsStoryLinks2 {
color:#fff;
font-weight:700;
display:block;
font-size:13pt;
line-height:12pt;
margin:20px 0 8px 0;
float:left;
font-weight: normal;

text-decoration: none;
border-bottom: 0px solid #fff;
}

.clsStory a:hover.clsStoryLinks2 {
color:#333;
text-decoration: none;
border-bottom: 0px solid #333;
}

#divStory p,.clsStory p {
color:#fff;
font-size:11pt;
line-height:15pt;
letter-spacing:0;
display:block;
padding:0 0 10px;
letter-spacing:-0.001em;
}

#divProductContent h4 {
font-size:14pt;
line-height:15pt;
font-weight:400;
color:#666;

margin:20px 0 0;
}

#divMainContent h4 {
font-size:14pt;
line-height:18pt;
font-weight:400;
color:#666;
margin:20px 0 5px 0;
letter-spacing:-0.005em;
}

#divMainContent h4 img{

background: none;
padding: 30 0 0 0;
}

#divTestimonialContent p {
font-size:11pt;
line-height:15pt;
color:#FA62BC;
margin:5px 0 0;
letter-spacing:-0.001em;
}

#divTestimonialContent p a {
color:#ec008c;
}

#divTestimonialContent ul {
width:400px;
display:block;
margin:10px 0 5px 0;
}

#divTestimonialContent ul li {
color:#666;
background:url(../images/bullet-tick.png) no-repeat;
padding-left:25px;
margin-bottom:5px;
}

#divTestimonialContent h3 {
font-size:32pt;
line-height:40pt;
color:#8cc63f;

}

#divTestimonialContent {
position:relative;
min-height:420px;
margin:0 0 30px;
}

#divTestimonialContent h4 {
font-size:22pt;
line-height:27pt;
letter-spacing:-0.061em;
font-weight:400;
color:#555;
margin:20px 0 0;

}

#divTestimonialContent h4 span.clsLeft {
width:22px;
height:18px;
background: url(../images/quote-sprite.png) no-repeat;
text-indent:-9999px;
}

#divTestimonialContent h4 span.clsRight {
width:22px;
height:18px;
background: url(../images/quote-sprite.png) no-repeat;
text-indent:-9999px;
}

#divTestimonialContent h5 {
font-size:13.5pt;
line-height:20pt;
letter-spacing:-0.051em;
font-weight:400;
color: #777;
margin:20px 0 0;

}

#divTestimonialContent h5 img.clsLeft {

padding: 5px 0 0 0;

float: left;
}

#divTestimonialContent h5 img.clsRight {

background: url(../images/right-quote-sml.png) no-repeat;

display: inline;
}

.clsTestimonialBox {
float:left;
display:block;
width:430px;color:#666;
margin: 0 30px 0 0px;

}

.clsTestimonialBoxAlt {
float:left;
display:block;
width:430px;color:#666;
margin: 0 30px 0 0px;

}
/* Step Carousel */

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.stepcarousel{
position: relative;
border: 0px solid black;
overflow: hidden;
width: 960px;
height: 360px;

}

.stepcarousel .belt {
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 0px;
width: 960px;
}


/* Reset CSS */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
line-height:1;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

:focus {
outline:0;
}



/* 960 Grid CSS */


.container_16 {
margin-left:auto;
margin-right:auto;
width:960px;
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
display:inline;
float:left;
position:relative;
margin-left:10px;
margin-right:10px;
}

.container_16 .grid_4 {
width:220px;
}

.container_16 .grid_8 {
width:460px;
}

.container_16 .grid_12 {
width:700px;
}

.container_16 .grid_16 {
width:940px;
}

.alpha {
margin-left:0;
}

.omega {
margin-right:0;
}

.container_16 .grid_1 {
width:40px;
}

.container_16 .grid_2 {
width:100px;
}

.container_16 .grid_3 {
width:160px;
}

.container_16 .grid_5 {
width:280px;
}

.container_16 .grid_6 {
width:340px;
}

.container_16 .grid_7 {
width:400px;
}

.container_16 .grid_9 {
width:520px;
}

.container_16 .grid_10 {
width:580px;
}

.container_16 .grid_11 {
width:640px;
}

.container_16 .grid_13 {
width:760px;
}

.container_16 .grid_14 {
width:820px;
}

.container_16 .grid_15 {
width:880px;
}



/* Shop Finder */

ul#nav_categories {
	border-right: 0px solid #ccc;
	margin-right:20px;
	width: 250px;
	float: left;
	background: url(../images/shadow.png) 100% 0% no-repeat;
	min-height:400px;
}

ul#nav_categories li{
	
	background: none;
	margin: 0;
	padding: 5px 0 5px 0;
	cursor: pointer;
}

ul#nav_categories li a {
	
	color:#666666;
	text-decoration:none;
}

ul#nav_categories li a:hover {
	
	color:#222;
	text-decoration:none;
}

#nav_categories ul {
	width: 300px;
	background: none;
	margin: 0;
	padding:0;

}

#nav_categories ul li {
	margin: 0;
	padding:0;
}

#nav_categories ul li a {
	margin: 0;
	padding:10px 0px 0px 26px;
	text-decoration: none;
	background: url(../images/sub-arrow.png) no-repeat 10px 10px;
	display: block;
	color:#EC008C;
}

#nav_categories ul li ul li{
	margin: 0 0 0 10px;
	padding:0;
}

#nav_categories ul li ul li a {
	margin: 0;
	padding:10px 0px 0px 26px;
	text-decoration: none;
	background: url(../images/sub-arrow.png) no-repeat 10px 10px;
	display: block;
	color:#222;
}

ul#divShopList {

	float:left;
	width:620px;
}

ul#divShopList li {

	float:left;
	background: none;
	width:300px;
	display:block;
	margin: 0 0 20px 0;
	padding:5px;
}


ul#divShopList li p {

	margin: 0;
	padding: 0;
}

ul#divShopList li  h4 {
color:#666666;
font-size:14pt;
font-weight:400;
line-height:15pt;
margin:0 0 5px 0;
padding:0;
width:340px;}










.clsCarouselTestimoials {
width:216px;
display:block;
float:left;
margin-left:10px;
margin-right:10px;
position:relative;
}




.clsCarouselTestimoials a.clsStoryHeader {
color:#fff;
font-size:15pt;
line-height:18pt;
letter-spacing:0;
display:block;
font-weight:400;
margin:10px 0;
padding:0;
letter-spacing:-0.015em;
}

.clsCarouselTestimoials a.clsStoryLinks {
color:#fff;
display:inline;
font-size:13pt;
font-weight: normal;
line-height:14pt;
margin:0 0 8px;
letter-spacing:-0.015em;
text-decoration: none;
border-bottom: 0px solid #fff;
}

.clsCarouselTestimoials a:hover.clsStoryLinks {
color:#333;
text-decoration: none;
border-bottom: 0px solid #333;
}


.clsCarouselTestimoials a.clsStoryLinks2 {
color:#fff;
font-weight:700;
display:block;
font-size:10pt;
line-height:12pt;
margin:20px 0 8px 0;
float:left;

text-decoration: none;
border-bottom: 1px solid #fff;
}

.clsCarouselTestimoials a:hover.clsStoryLinks2 {
color:#333;
text-decoration: none;
border-bottom: 1px solid #333;
}

.clsCarouselTestimoials p {
color:#fff;
font-size:16pt;
line-height:20pt;
letter-spacing:0;
display:block;
padding:0 0 10px;
letter-spacing:-0.051em;
}

.clsCarouselTestimoials p span{
color:#fff;
font-size:11pt;
line-height:15pt;
letter-spacing:0;
display:block;
padding:0 0 10px;
letter-spacing:-0.001em;
font-weight: normal;
}

#divMainContent h5 {
font-size:18pt;
line-height:18pt;
font-weight:400;
color:#666;
margin:20px 0 15px 0;
padding: 0 0 10px 0;
letter-spacing:-0.005em;
border-bottom: 1px solid #ccc;
}


#divMainContent h6 {
color:#8CC63F;
font-size:14pt;
font-weight:400;
line-height:15pt;
margin:10px 0 5px 0;
padding:0;
float:left;
}


#divIE6Header {
font-size:11pt;
line-height:18pt;
font-weight:400;
color:#666;
margin:20px 0 15px 0;
padding: 0 0 10px 0;
letter-spacing:-0.005em;
border-top: 1px solid #8cc63f;
border-bottom: 1px solid #8cc63f;
background: #fff;
padding: 10px;
margin:10px 0 10px 0;
position: absolute;
top:0;
left:0;
z-index:999;
text-align:center;
width:980px;
filter: alpha(opacity=90); 
}

#divIE6Header a{
color:#8cc63f;
text-decoration: none;
border-bottom: 1px solid #8cc63f;
}

#divIE6Header a:hover {
color:#000;
text-decoration: none;
border-bottom: 1px solid #000;
}