/*---Global---*/
*{font-size:100.01%}
html{font-size:62.5%;}
body{
	margin:0;
	color:#494949;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	background:#515c0a;
}
img{border-style:none;}
a{text-decoration:underline;color:#494949;}
a:hover,
a:focus{text-decoration:underline;color: blue}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/*---GlobalEnd---*/
/*---Main---*/
#main{
	width:980px;
	margin:0 auto;
	background: #fff url(none) no-repeat 0 20px;
	padding:84px 0 0;
	position:relative;
}
#product #main{background:url(../images/products/bg-product.jpg) no-repeat 0 20px;}
/*---MainEnd---*/
/*---Header---*/
#header{
	width:100%;
	display:table;
	position:absolute;
	top:0;
	left:0;
	height:84px;
}
#product #header{background:#fff;}
#top-nav-holder{
	background:#2d296d;
	overflow:hidden;
	height:20px;
	line-height:18px;
	padding:0 0 0 20px;
}
#top-navigation{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-size:9px;
	letter-spacing:-1px;
}
#top-navigation li{
	float:left;
	padding:0 0 2px 0;
	margin-right:9px;
	font-size:1.1em;
}
#top-navigation a{
	color:#fff;
}
#top-navigation li.imp{
	font-weight:bold;
	font-size:10px;
	width:190px;
	text-align:center;
	background:url(../images/bg-top-nav.gif) no-repeat 50% 0;
	letter-spacing:0;
}
#user-nav,
#user-nav-edit{
	list-style:none;
	margin:0 0 0 0;
	display:inline;
	padding:0 0 0 0;
	float:left;
	font-size:9px;
	overflow:hidden;
	letter-spacing:-1px;
}
#user-nav li,
#user-nav-edit li{
	float:left;
	padding:0 6px 0 7px;
	background:url(../images/separator-user-nav.gif) no-repeat 0 6px;
	margin:0 1px 0 -1px;
	display:inline;
}
#user-nav li.first,
#user-nav-edit li.first{
	background:url();
}
#user-nav li a,
#user-nav-edit li a{color:#a4c2ff;}

#user-nav-edit{
	padding:0;
}

#menu-holder{
	background:#98b3f1 url(../images/top-menu-left.gif) no-repeat;
	float:right;
	font-size:9px;
	letter-spacing:-1px;
	padding:0 0 2px 17px;
	width:179px;
}
#menu-holder strong{
	color:#2d296d;
	float:left;
	padding:0 4px 0 0;
	font-weight:normal;
}
#menu-holder ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	height:1%;
}
#menu-holder ul li{
	float:left;
	padding:0 5px;
	background:url(../images/separator-menu.gif) no-repeat 0 6px;
	display:inline;
	margin:0 1px 0 -1px;
	height:1%;
}
#menu-holder ul a{color:#fff;}
.btn-send{
	float:left;
	background:url(../images/btn-sendmail.png) no-repeat;
	line-height:17px;
	font-size:9px;
	padding:0 9px 0 12px;
	margin:0 0 0 20px;
	height:17px;
	width:97px;
	overflow:hidden;
}
.btn-send a{
	display:block;
	color:#727272;
	background:#e1edfd url(../images/icon-mail.gif) no-repeat 100% 6px;
	padding:0 15px 0 0;
	position:relative;
}
#search-form{
	float:right;
	padding:8px 20px 0 0;
}
#search-form label{
	float:left;
	line-height:14px;
	color:#939393;
	padding:0 9px 0 0;
}
#search-form input{float:left;}
#search-form input#text{
	background:#f6f6f6;
	color:#b1b1b1;
	border:1px solid #b1b1b1;
	border-width:1px 0 1px 1px;
    padding:0 2px 1px;
	*padding:1px 2px 1px;
	_padding:1px 2px 1px;
	line-height:12px;
	width:78px;
	font-size:9px;
	height:13px;
	*height:12px;
}
#logo-holder{
	float:left;
	padding:8px 240px 0 216px;
}
#logo-stony{
	float:left;
	width:112px;
	height:53px;
}

#product #logo-stony{
	width:100px;
	height:49px;
	margin:8px 12px 0 0;
}

#logo-stony a{
	display:block;
	width:112px;
	height:53px;
	background:url(../images/logo-stony.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


#logo-holder #logo-stony{margin:0 21px 0 0;}
#logo-stonyfield{
	float:left;
	width:59px;
	height:20px;
}
#logo-stonyfield a{
	display:block;
	width:59px;
	height:25px;
	background:url(../images/logo-baby-sm.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#logo-holder #logo-baby{margin:12px 24px 0 0;}
#logo-baby{
	float:left;
	width:59px;
	height:20px;
}
#logo-baby a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display:block;
	width:59px;
	height:20px;
	background:url(../images/logo-baby-sm.jpg) no-repeat;
	text-indent:-9999px;
}

/*
#logo-baby-centered a{
	float: left;
	display: inline;
	width:53px;
	height:18px;
	background:url(../images/logo-baby-sm.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left: 15px;
	margin-top: 15px;
	padding-right: 10px;
}
*/
#logo-holder #logo-oikos{margin:0 0 0 0;}
#logo-oikos{
	float:left;
	width:57px;
	height:23px;
/*	padding-top: 20px; */
}

#logo-oikos a{
	display:block;
	width:57px;
	height:23px;
	background:url(/images/logo-oikos-small.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top: 15px;
}

.sub-holder {
	float:left;
	padding:0 0 0 23px;
}

/*
.sub-holder{
	float:left;
	padding:0 0 0 43px;
}
*/

.sub-holder #logo-stony{margin:10px 0 0;}
#sub-nav{
	list-style:none;
	margin:0;
	padding:6px 0 0;
	float:left;
	font-size:9px;
}
#sub-nav li{
	float:left;
	padding:0 10px;
	text-align:center;
	position:relative;
	margin-left:0px;
}
#sub-nav li a{
	float:left;
	text-align:center;
	height:58px;
	color:#c9c9c9;
	display:table;
}
#sub-nav li.active a,
#sub-nav li a:hover,
#sub-nav li a:focus{text-decoration:none; color:#787878; font-weight:bold;}
#sub-nav li strong{
	font-weight:normal;
	display:block;
	text-align:center;
	line-height:11px;
}
#sub-nav li .indicator{
	display:none;
	position:absolute;
	bottom:-6px;
	left:50%;
	margin-left:-6px;
	width:12px;
	height:6px;
	overflow:hidden;
	background:url(../images/products/arrow-indicator.gif) no-repeat;
	z-index:10;
}
#sub-nav li.active .indicator{display:block;}
.logos{
	list-style:none;
	margin:6px 0 0;
	padding:0 30px 0 0;
	overflow:hidden;
	clear:right;
	float:right;
	background:url(../images/products/separator-logos.gif) no-repeat 89px 50%;
	position:relative;
}
.logos li{
	float:left;
	padding:0 0 0 24px;
}
.logos #logo-stonyfield a{
	background:url(../images/products/logo-stony.jpg) no-repeat;
	width:57px;
	height:25px;
}
.logos #logo-baby a{
	background:url(../images/products/logo-baby.gif) no-repeat;
	width:53px;
	height:18px;
}

.logos #logo-oikos a{
	display:block;
	width:65px;
	height:23px;
	background:url(/images/logo-oikos-small.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:10px;
	/*	
	background:url(/images/logo-oikos-small.jpg) no-repeat;
	width:65px;
	height:21px;
	*/
}
.logos #logo-stonyfield {
	padding:4px 0 0 0;
	width:57px;
	height:25px;
}
.logos #logo-baby {
	padding:6px 0 0;
	width:53px;
	height:18px;
}

/*
.logos #logo-oikos {
	padding:5px 0 0;
	width:51px;
	height:21px;
}
*/

/*---HeaderEnd---*/
/*---Content---*/
#content{
	width:100%;
	overflow:hidden;
	height:359px;
	position:relative;
}
.place-holder{
	width:637px;
	height:359px;
	overflow:hidden;
	margin:0 auto;
}
#breadcrumb-container{
    position:absolute;
    top:84px;
    left:0px;
    clear:both;
    background:url(../images/breadcrumb_end.gif) no-repeat bottom right;
    padding-right:11px;
}
#breadcrumbs{
	color:#494949;
	margin:0;
	padding:0;
	background-color: #f2f2f2;
	padding:5px 0 7px 33px;
	list-style:none;
	font-size:0.909em;
	line-height:14px;
	overflow:hidden;
	z-index:5;
}
#breadcrumbs li{
	display:inline;
	background:url(../images/products/separator-breadcrumbs.gif) no-repeat 0 50%;
	padding:0 3px 0 9px;
	margin:0 6px 0 -6px;
}
#breadcrumbs li.endCap{
	display:inline;
}
#breadcrumbs a{color:#494949;}
#breadcrumbs li.active {color:#000;}
#breadcrumbs a:hover,
#breadcrumbs a:focus{text-decoration:underline;}
#content h2{
	font-size:2.2em;
	font-family:Garamond,Georgia,"Times New Roman",Times,serif;
	line-height:20px;
/* 	color:#b5b5b5; */
	color:grey;
	font-weight:normal;
	margin:0 0 0 10px;
	padding-top: 10px;
}
#content h2.white-label {
	font-size:2.2em;
	font-family:Garamond,Georgia,"Times New Roman",Times,serif;
	line-height:20px;
/* 	color:#b5b5b5; */
	color:white;
	font-weight:normal;
	margin:0 0 0 10px;
	padding-top: 10px;
}
#content h1{
	font-size:46px;
	font-family:Garamond,Georgia,"Times New Roman",Times,serif;
	line-height:36px;
/* 	color:#b5b5b5; */
	color:grey;
	font-weight:normal;
	margin:0 0 70px 10px;
}

#content h1.white-label {
	font-size:46px;
	font-family:Garamond,Georgia,"Times New Roman",Times,serif;
	line-height:36px;
/* 	color:#b5b5b5; */
	color:white;
	font-weight:normal;
	margin:0 0 70px 10px;
}

.product-image{
	position:absolute;
	bottom:46px;
	left:364px;
}
#cont-col{
	float:left;
	width:400px;
	padding:0 0 0 21px;
}
#grass-nutrition{
    left:0;
    bottom:0;
    position:absolute;
}
#grass-nutrition img{
    display:block;
}
.info-block{
    position:relative;
	height:143px;
	width: 250px;
	padding:0 17px 0 10px;
	font-size:10px;
	line-height:12px;
}
.info-block p{
	margin:0 0 10px;
	color:#fff;
}
.info-block ul{
	list-style:none;
	margin:0 0 10px;
	padding:0;
	font-weight:bold;
	overflow:hidden;
	width:100%;
}
.info-block ul li{
	display:inline;
	background:url(../images/products/separator-green-block.gif) no-repeat 0 50%;
	padding:0 16px;
	margin:0 15px 0 -15px;
}
.info-block ul a{color:#fff; text-decoration:none;}
.info-block ul a:hover,
.info-block ul a:focus{text-decoration:underline}
.info-block a{text-decoration:underline; color:#fff;}
#side-col{
    position:relative;
	float:right;
	width:166px;
	padding:22px 0 0;
}
#sidebox{
	padding:0 0 0 20px;
	height:289px;
	width:146px;
	background:url(../images/products/bg-side-block.gif) no-repeat;
	margin:0 0 20px;
}
#sidebox .title{
	display:block;
	font-size:14px;
	color:#5f5f5f;
	font-weight:normal;
	position:relative;
}
#sidebox .list{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	font-size:10px;
	line-height:15px;
	color:#5f5f5f;
	position:relative;
}
#sidebox .sub-header{
    font-size:1.1em;
}
#sidebox .list a{color:#5f5f5f;}
#sidebox .list li.active a,
#sidebox .list a:hover,
#sidebox .list a:focus{font-weight:bold; text-decoration:none;}
#side-col .note{
	display:block;
	padding:0 0 0 20px;
	font-size:10px;
	color:#dddc78;
}
/*---ContentEnd---*/
/*---bottom-content---*/
#bottom-content{
	width:100%;
	background:url(../images/bg-bottom-content.gif) repeat-y;
	padding:10px 0 0 0;
    position:relative;
}
* html #bottom-content{height:121px;}
#product #bottom-content{background:url(../images/products/bg-bottom-content.gif) repeat-y;}
.box-holder{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 33px;
	height:1%;
	float:left;
	position:relative;
}
#product .box-holder{
	float:right;
	padding:0 12px 0 0;
}
.box-holder li{
	float:left;
	width:187px;
	padding:5px 8px 55px 0;
	overflow:hidden;
}
#product .box-holder li{width:247px;}
.box-holder li:first-child{width:106px;}
#product .box-holder li:first-child{width:247px;}
.box-holder h2{
	font-size:1.5em;;
	font-weight:normal;
	margin:0 0 10px;
	color:#fff;
}
.box-holder p{
	color:#fff;
	font-size:0.909em;
	line-height:11px;
	margin:0 0 6px;
	position:relative;
	z-index:5;
}
.box-holder .btn-hold{
	height:1%;
	overflow:hidden;
	position:relative;
	z-index:5;
	margin-bottom:7px;
}
.box-holder a{
	float:left;
	color:#fff;
	font-size:0.909em;
	padding:0 17px 0 0;
	text-decoration:underline;
}
.box-holder li img{
	position:absolute;
	bottom:0px;
	z-index:1;
}
.box-holder a.link-arrow img{
	margin-left:5px;
	border:0;
	outline: none;
}

.box-holder li h2.title img{
	position:relative;
}

* html .box-holder li img{bottom:-1px;}
#bottom-content .divider{
	width:100%;
	display:table;
	background:url(../images/border-bottom-content.gif) repeat-y 729px 0;
}
#product #bottom-content .divider{background:none;}
.menu{
	list-style:none;
	margin:0;
	padding:12px 13px 0 0;
	position:absolute;
	top:0;
	right:0;
	width:224px;
	color:#fff;
}
.menu li{
	padding:15px 0 10px 0;
	height:1%;
	overflow:hidden;
}
.menu .img-holder{
	float:left;
	width:44px;
	margin:0 15px 0 0;
	text-align:center;
}
.menu .title{
	display:block;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
}
.menu li p{
	margin:0 0 4px;
}
.menu li a{color:#fff; text-decoration:underline;}

.special-content {
	height:70px;
}
#promo-box{
	width:306px;
	float:left;
	margin:-21px 0 0 42px;
	display:inline;
	overflow:hidden;
	position:relative;
}
#promo-box .heading{
	background:url(../images/products/btn-promo-box.png) no-repeat;
	height:11px;
	padding:10px 0 0 17px;
}
#promo-box .heading img{display:block;}
#promo-box .top{
	background:url(../images/products/bg-promo-box-top.png) no-repeat;
	width:100%;
	padding:8px 0 0;
}
#promo-box .grad{
	height:1%;
	padding: 0px 6px 0pt 0px;
	margin: 40px 0 0 14px;
	min-height:82px;
}
#promo-box .grad p{
	margin: 0 0 0 0;
}
* html #promo-box .grad{height:100px;}
#promo-box .bottom{
	background:url(../images/products/bg-promo-box-bottom.png) no-repeat;
	width:100%;
	height:15px;
}
#promo-box .grad img{
	position:absolute;
	top:21px;
	right:6px;
	z-index:1;
}
#promo-box .sub-title{
	position:relative;
	font-family: Garamond,Georgia,Times;
	font-size:14px;
	line-height:14px;
  	color:#30312f;	
/*	color:#e02c20; */
	z-index:5;
	display:block;
}

#promo-box .get{
	float:left;
	font-size:11px;
	line-height:14px;
	text-decoration:underline;
	color:#e02c20;
	position:relative;
	padding:0 17px 0 0;
	background:url(../images/products/arrow-red.gif) no-repeat 100% 4px;
	z-index:5;
}
#promo-box .all{
	position:absolute;
	bottom:10px;
	left:18px;
	color:#838383;
	font-size:10px;
	text-decoration:underline;
}

#promo-box a{
	float:left;
	color: grey;
	font-size:0.909em;
	padding:0 17px 0 0;
	text-decoration:none;
}

#promo-box a:hover {
	color: blue;
	font-weight:medium;
	text-decoration:underline;
}

/*---bottom-contentEnd---*/
/*---Promotions---*/
#footer-content{
	width:100%;
	overflow:hidden;
	background:#515c0a url(../images/bg-footer.gif) no-repeat;
}
/*---Promotions-end---*/
/*---Footer---*/
#footer{
	width:100%;
	overflow:hidden;
}
#product #footer{background:url(../images/products/bg-footer.gif) no-repeat;}
#promotions ul.promotions,
#bottom-content ul.promotions{
	list-style:none;
	margin:0;
	padding:39px 0 0 20px;
	height:1%;
	overflow:hidden;
	color:#fff;
	font-size:0.909em;
	line-height:12px;
	position:relative;
}
#bottom-content ul.promotions
{
	padding: 0 0 10px 0;
}
#bottom-content ul.promotions{
	width:210px;
	float:left;

}
#promotions ul.promotions li,
#bottom-content ul.promotions li{
	float:left;
	padding:0 15px 0 0;
}
#promotions ul.promotions li a,
#bottom-content ul.promotions li a{
	display:block;
	width:224px;
	height:46px;
	overflow:hidden;
}
#footer-nav{
	list-style:none;
	margin:0;
	padding:33px 0 20px;
	text-align:center;
	font-size:0.818em;
	line-height:12px;
}
#footer-nav li{
	display:inline;
	padding:0 9px 0 10px;
}
#footer-nav img{margin:0 0 -3px 5px;}
#footer-nav a{color:#c1d130;}
/*---FooterEnd---*/

.hideText {
    float:left;
    text-indent: -9999px;
}

fieldset#error {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #FF0000;
	color:#FF0000;
	display:block;
	font-weight:bold;
	padding:10px;
	visibility:visible;
}

ul.box-holder li.promotion_image img {
	margin-left:-10px;
	top:10px;
}
div#site-search {
	position:absolute;
	top: 20px;
	right:0px;
}

/* added by Prakash Teli 9/15/09 */

.footnote {
	font-size: 9px;	
}

.button {
	font-size: 20px;
	font-family: Garamond,Georgia,Times;
	color: #515c0a;	
}

.page-title {
	font-size: 22pt; 
	font-family: Garamond,Georgia,Times; 
	color: #515c0a; 
}
.page-subtitle {
	font-size:14.0pt; 
	font-family:Garamond,Georgia,Times; 
	color:#515c0a;
}

.item-text ol, ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:square;
}

sup {
               vertical-align: baseline;
               font-size: 0.8em;
               position: relative;
               top: -0.4em;
}

#header .sub-holder #logo-oikos {
height:34px;
margin:8px 12px 0 0;
width:107px;
}

#header .sub-holder #logo-oikos a {
	background:transparent url(/images/logo-oikos-small.jpg) no-repeat scroll 0 0;
/*	height:19px; */
/* 	width:59px; */
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-left: 30px;
/*	margin-top: 20px; */
}

#header .sub-holder #logo-baby-centered a{
    height:19px;
    width:59px;
	background:url(/images/logo-baby-sm.jpg) no-repeat scroll 0 0;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
}