@charset "UTF-8";
/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color: white;
	background-image: url(images/nutrition/nut_main_bg-tile.jpg);
	background-repeat: repeat;
	background-position: 50% 0%;
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

h1 { 
	font-size:1.5em; 
	margin:0.5em 0;
}

h2 {
	font-size:1.25em; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:#333;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}
.main_image .NoBorder img {
	border: 1px solid #cccccc;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-color: transparent;
	background-image: url(images/nutrition/nut_main_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

div#mainbg {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

}

div#header {
	width:100%;
	background:#000000 url(images/nutrition/header_bg.jpg) no-repeat 50% 50%;
	position: relative;
	z-index: 200;
}
div#head {
	height:122px;
	background: transparent url(images/nutrition/head_bg.png) no-repeat 0 100%;
	text-align:left;
	position: relative;
	z-index: 200;
}
div#maincontainer {
	position: relative;
	margin-left:auto;
	margin-right: auto;
	width: 988px;
	z-index: 100;
	
}
div#welcomemain{
	width: 978px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
div#head img{
	margin: 0px;
}
div#search {
	width:986px;
	height: 33px;
	margin: 0 auto;
}
td.search{
	line-height: 27px;
	vertical-align: middle;
	height: 100%;
}
td.search a{
	color:gray;
}
td.search a:hover{
	color:black;
}
#searchimg{
    margin-left: 0px;
    position: absolute;
    height: 21px;
    width: 32px;
}
.search_input{
	margin-right: 0px;
	background: url(images/nutrition/header/header_search_bg.png) no-repeat 0 0 transparent;
	width: 132px;
	height: 17px;
	padding: 2px 5px;
	border: none;
}
.search_form{
position:absolute;
right:215px;
top:-5px;
width:180px;
	
}
.header_login_buttons{
position:absolute;
right:380px;
top:-5px;
width:150px;
}
table#sub_cat{
	margin-left:-4px;
}
td.sub_cat{
	line-height: 13px;
	vertical-align: middle;
	text-align: left;
}
.sub_cat a:link, a:visited {
color:#666666;
text-decoration:none;
}
.sub_cat a:hover, a:active {
color:#000000;
text-decoration:none;
}
div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;		
}
div#map {
	width:100%;
	height: 25px;
	line-height: 25px;
	background: transparent url(images/nutrition/bg_map.png) repeat-x 50% 0;
	padding-bottom: 20px;
}
div#map a{
	color:#999999;
	text-decoration:none;
	padding:0 1em 0 1em;
}
div#map a:hover{
	color:#666666;
	text-decoration:underline;

}
div#click {
	margin:0 auto; /* center, not in IE5 */
	width: 988px;
	height: 0px;
	overflow: visible;
	position: relative;
	z-index: 300;
}
div#content {
	padding:0 0 130px 0; /* bottom padding for footer */
	border-top:3px solid #212121;
	
}
div#content p {
		text-align:justify;
		padding:0 1em;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	z-index: 200;
}
div#footer #footer-center p {
	padding:1em;
	padding-top:20px;
	margin:0;
}
div#footer #footer-center a {
	padding:1em;
	margin:0;
	color:#999999;
	text-decoration:none;
}
div#footer #footer-center a:hover {
	color:#666666;
	text-decoration:underline;
}
div#footer-center {
	margin:0 auto; /* center, not in IE5 */
	width: 987px;
	background: transparent url(images/nutrition/footer-bg.png) no-repeat center top;
	height:55px;
}
div#follow_us{
	color:#CCCCCC;
	font-size:10px;
	margin:0 auto;
	position:relative;
	text-align:right;
	width:955px;
	z-index: 200;
}
div#follow_us a{
	padding: 0 5px;
}
.twitter{
	background-color:#fff;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	background: transparent url(images/nutrition/icons/twitter-followme.jpg) no-repeat 0 0;
	width: 193px;
	height: 90px;
	right:10px;
	top:-100px;
	
}
.facebook{
	background-color:#fff;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	background: transparent url(images/nutrition/icons/Facebook-followme.jpg) no-repeat 0 0;
	width: 193px;
	height: 90px;
	right:-80px;
	top:-100px;
	
}
.youtube{
	background-color:#fff;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	background: transparent url(images/nutrition/icons/YouTube-followme.jpg) no-repeat 0 0;
	width: 193px;
	height: 90px;
	right:-170px;
	top:-100px;
	
}
div.right {
	float:right;
}
div.right-search {
	float:right;
	margin-top:50px;
}
div.left {
	float:left;
}
div.bottom {
	padding-top:94px;
	padding-left:20px;
}
div#topmenu{
	}
div#topmenu a{
	float:left;
	height:18px;
	line-height:30px;
	margin-left:5px;
	width:102px;
	text-align:center;
	font-size:12px;
	color:#333;
	background: transparent url(images/nutrition/topmenu-bg.png) no-repeat 0 0px;
	text-decoration:none;
}
div#topmenu a:hover{
	background: transparent url(images/nutrition/topmenu-bg.png) no-repeat 0 -40px;
}

.top {
	display:none;
	margin:0 auto; /* center, not in IE5 */
	width: 835px;
	height: 400px;
}
.slide {
	color: #FFF;
	margin-top:80px;
	width: 835px;
	height: 400px;
	z-index: 1;
}
.main {
	width: 100%;
	background-color: #060;
	min-height: 100%;
}
.center {
	width: 1008px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:auto;
	min-height:100%;
	text-align:center;
}

/*TOP Dropdown menu styles */
#jsddm{ 
	left:20px;
	margin:0;
	padding:0;
	position:absolute;
	top:94px;
	z-index:1;
}

#jsddm li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial}

#jsddm li a{ 
	display: block;
	height:27px;
	line-height:30px;
	margin-left:2px;
	min-width:102px;
	text-align:center;
	font-size:10px;
	color:#333;
	background: transparent url(images/nutrition/topmenu-bg.png) no-repeat 0 0px;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
}
#jsddm li a:hover
{background: transparent url(images/nutrition/topmenu-bg.png) no-repeat 0 -40px;}

#jsddm li ul{ 
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 1;
	overflow: visible;
}

#jsddm li ul li{ 
	float: none;
	display: inline;
}

#jsddm li ul li a{
	text-align: left; 
	min-width: 150px;
	text-decoration: none;
	background: transparent url(images/nutrition/tabdrop-bg.png) repeat; /*DROPDOWN BG*/
	color: #24313C;
	padding: 5px;
	line-height: 18px;
	height: 20px;
}

#jsddm li ul li a:hover
{ background: transparent url(images/nutrition/tabdrop-bg-hover.png) repeat;} /*DROPDOWN BG HOVER*/


/*END TOP Dropdown menu styles */

div#product_left{
	width: 724px;
	margin-left: 0;
	margin-top: 10px;
	float: left;
}
div#product-stacks{
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
	float: left;
	position: relative;
}
div#product-stacks-holder{
	background-color:white;
	border:thin solid #CCCCCC;
	display:block;
	height:336px;
	margin:0 auto;
	position:relative;
	width:972px;
}
div#stacks_bottom{
	width:100%;
	float: left;
	border-top: 1px solid #cccccc;
	margin-top:  10px;

}
div#product_img{
	border: 1px solid #cccccc;
	padding: 10px;
	background-color: #ffffff;
}
div#product_right{
	float: right;
	width: 244px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-top:  10px;
	margin-left: 8px;
}
div#product_title{
    margin: 0px 0px 0px 8px;
    color: #fe0000;
    font-size: 14px;
    padding-bottom: 5px;
    background: url('images/bsc1/dotted.gif') repeat-x bottom left;
}
.teresa{
	padding-top: 5px;
	padding-left: 2px;
}
.recommends{
	color: #666666;
	font-size: 10px;
	text-align: right;
}
#healthy_main{
	width:723px;
	float: left;
}
#healthy_right{
	width:250px;
	float: right;
}
#healthy_sub_cat{
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding:5px;
}
a#healthy_menu_title{
	text-decoration: none;
	font-size: 12px;
	color: #333;
}
a#healthy_menu_title:hover{
	text-decoration: underline;
	font-size: 12px;
	color: #999;
}
#healthy_description{
	width:100%;
	float: left;
}
/* Healthy Chef Right Menu CSS */
#sidebar {
overflow:hidden;
position:relative;
background-color:#eee;
height: 400px;
}	

#menu {
width:100%;
list-style:none;
padding:0;
margin:0;
top:0;
position:relative;
width:245px;
}

#menu li {
padding:10px 0;
text-align:right;
display:block;
cursor:pointer;
}

#menu li a {
	text-decoration: none;
	font-size: 12px;
	color: #333;
}
#menu li a:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #999;
}

#menu li span {
font-family:georgia, arial;
font-size:9px;
}
div#subcat_mainpage{
	width: 712px;
	margin: 0 auto 5px;
	padding: 5px;
	border: thin solid #cccccc;
	background-color: #eeeeee;
	text-align: left;
	cursor: pointer;
}
div#subcat_mainpage:hover{
	background-color: #cccccc;
}
div#subcat_mainpage #subcat_image{
	float: left;
	margin-right: 10px;	
}
div#subcat_mainpage #subcat_desc{
	float: left;
	width:590px;
}
div#subcat_mainpage #subcat_desc h3{
	margin: 0;
}
/* Close Healthy Chef */

/* STACKS Menu CSS */


#bottom-stacks-menu {
width:100%;
list-style:none;
padding:0;
margin:0;
top:0;
position:relative;
}

#bottom-stacks-menu li {
padding:10px 0;
text-align:right;
display:block;
cursor:pointer;
float: left;
}

#bottom-stacks-menu li a {
	text-decoration: none;
	font-size: 12px;
	color: #333;
}
#bottom-stacks-menu li a:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #999;
}

#bottom-stacks-menu li span {
font-family:georgia, arial;
font-size:9px;
}

#bottom-stacks-subcat{
	text-align: left;
	padding:5px;
}
div#stacks-sub-icon{
	width:920px;
	margin: 0 auto;
}
a#stacks-bottom_menu_title{
	text-decoration: none;
	font-size: 12px;
	color: #333;
}
a#stacks-bottom_menu_title:hover{
	text-decoration: underline;
	font-size: 12px;
	color: #999;
}
#stacks-bottom_description{
	width:100%;
	float: left;
}
#stacks-top{
	display:block;
	height:321px;
	left:10px;
	margin:0 auto;
	overflow:visible;
	position:absolute;
	top:-351px;
	width:956px;
}
#stacks-left{
	float:left;
	width:220px;
	text-align:left;
	padding-left:10px;
}
#stacks-left a{
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana;
}
#stacks-left a:hover{
	color: #d80024;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana;
}
#stacks-left hr{
	border-top:1px dotted #999;
	height:1px;
	text-align: left;
}
#stacks-right{
	width: 730px;
	float: right;
}
#stacks-right-container{
	width: 174px;
	border: 1px solid #999;
	float: left;
	margin: 2px;
}
#stacks-right-image{}
#stacks-right-text a{
	display: block;
	width: 174px;
	background-color: #666;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#stacks-right-text a:hover{
	background-color: #999;
	color: #fff;
	text-decoration: none;
}


/* Close STACKS */


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 956px; 
    height:321px; 
    margin: 0 0 0 10px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:140px 10px;
	cursor:pointer;
	font-size:1px;
	position: absolute;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px; right: 0}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; left: 0 } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* CLOSE SCROLLABLE STACKS */

/* Testimonials */
div#testimonials{
	width: 225px;
	margin: 10px auto;
}
div#testimonials-name{
	border-bottom:1px solid #EEEEEE;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	margin:0 auto;
	text-align:right;
	width:225px;
}
#testimonials-content{
	font-size:12px;
	margin:0 auto;
	text-align:right;
	width:225px;
	margin-top:5px;
}