@charset "UTF-8";
/* CSS Document */

/*	@group reset browser defaults	*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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 {
/*	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;*/
}
body {line-height: 16px;font-size:12px;color:#424242}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*	end reset browser defaults	*/

hr{height:1px;border:none #ccc}
hr.dottedLine{border-bottom: 1px dotted #cccccc; margin: 10px 0px;}

/*/////// @Group major containers ///////*/

html{font-family:Helvetica, Arial, sans-serif; font-size:100%; color:#333333}
body{height:101%;background-color:#fff}

#outerContainerHome{width:960px;margin:auto;background-image: url(/images/bgImages/BG_home1.jpg);background-repeat:no-repeat;background-position:301px 46px;}
#outerContainer{width:960px;margin:auto;}
#headerContainer{border-top:solid 4px #AEB19F; padding-bottom:25px;}
#contentContainer{}
#contentContainer_shop{border-top:solid 4px #AEB19F;}
#featuresContainer{border-top:dotted 1px #ccc;margin-top:7px;}
#featuresContainer_shop{border-top:solid 4px #AEB19F;margin-top:15px;}
#content{border-top:solid 4px #AEB19F;padding:6px 0 6px 0 }
#footerContainer{border-top:solid 4px #AEB19F;margin-top:7px;}


/*	end major containers 	*/

/*/////// @Group header containers ///////*/

#headerContainer #littleNav{height:23px; width:100%;border-bottom:dotted 1px #ccc;margin-bottom:10px; padding-top:3px}
#littleNav ul{margin:0px;}
#littleNav table{}
#littleNav ul li{display:inline; margin:0px;padding:0px 10px 0px 10px;border-right:dotted 1px #AEB19F;}
#littleNav li.last{border-right:none;}
li.next a:link,li.next a:visited{color:#AEB19F;font-size:90%;text-decoration:none}
li.next a:hover{text-decoration:underline}

li.nextNO a:link,li.nextNO a:visited{display:none; }
li.nextNO a:hover{display:none}

#littleNav ul li.nextNO {padding:0px; border:none}


#navMain{height:66px;}
#navMain ul{float:right; margin-top:0px}
#navMain ul li { display:inline;margin-left:12px; border-right:dotted 1px #ccc;}
#navMain li.first{text-align:left;}
#navMain li.last{border-right:none;margin-right:7px;margin-left:12px}
#navMain li a:link,#navMain a:visited{color:#DC7103; font-size:130%;text-decoration:none}
#navMain li a:hover{text-decoration:underline}

#hiddenform{display:none}
.greeting{color:#AEB19F;font-size:90%;}
.greeting a:link,.greeting a:visited{font-size:100%;color:#AEB19F;}
.greeting a:hover{text-decoration:none}

.greeting td.cartSummaryItem{color:#AEB19F;font-size:90%;}
a.cartSummaryLink{margin:0 0 0 10px;}
a.cartSummaryLink:link,a.cartSummaryLink:visited{color:#999C8D;font-size:100%; text-decoration:underline} 
a.cartSummaryLink:hover{ text-decoration:none}
.cartSummaryTable {width:200px;}

#breadcrumbs {margin-left:10px}
#breadcrumbs a:link,#breadcrumbs a:visited{color:#999;text-decoration:none}
#breadcrumbs a:hover{text-decoration:none}

/*	end header containers 	*/


/*/////// @Group content containers ////////*/

/*#My_MVO{width:20px; height: 120px ;position:relative;left:940px;top:50px;background-color:#F08721}*/
#message_home{margin:144px 0 0 0}
#socialize_links{float:right; margin:2px 10px 0 10px}
#socialize_links a{}

#content h1{font-size:180%;font-weight:normal;color:#687656;margin:30px 0 12px 0;padding-left:10px;line-height:0px}
#content h1 a:link,#content h1 a:visited{color:#687656; text-decoration:none}
#content h1 a:hover{text-decoration:underline}
#content h2{font-size:130%;font-weight:normal;color:#515151;padding:0 0 17px 10px;border-bottom:dotted #ccc 1px;line-height:23px}
#content h3{font-size:150%;font-weight:normal;color:#687656}
#content h4{font-size:150%;font-weight:normal;color:#DC7103}

#content h1.function_slogan {
	border-bottom:none;
	color:#697753;
	font-size:188%;
	font-weight:normal;
	margin:15px 0 24px 10px;
	padding:0px;
	line-height:normal;
}

p.testimonials{border-top: dotted 1px #999; padding-top:12px}


/*	end content containers 	*/

/*/////// @Group feature containers ////////*/
div.feature.home_feature{height:;}
div.feature{
	width:295px;
	height:290px;
	margin:5px 0px 15px 10px;
	padding-right:10px;
	border-right:dotted 1px #ccc;
	float:left
}
.feature_title{ font-size:140%; color:#687656;border-bottom:dotted 1px #ccc; padding:0 0 4px 0}
.feature_title a:link,.feature_title a:visited{ font-size:100%; color:#687656; text-decoration:none}
.feature_title a:hover{text-decoration:underline}
div.feature p{font-size:11px; color:#333}
div.feature ul{}
div.feature_promo{clear:both;border-top:solid 4px #AEB19F; padding-top:9px;color:#DC7103;}


/* TABs for home page */
ul.tabs{margin:13px 24px 12px 2px}
a.tab:link,a.tab:visited {
	color:#F08721; 
	text-decoration:none; 
	background:transparent url(/images/IconImages/icon_step_circle_off.jpg) no-repeat;display:block;
	float:left;
	width:28px;
	height:23px;
	text-align:center;
	padding-top: 6px;
	margin-right:30px
}
a.tab:hover {color:#fff; text-decoration:none; background:transparent url(/images/IconImages/icon_step_circle_on.jpg) no-repeat; text-decoration:none}
a.tabActive:link,a.tabActive:visited {
	color:#FFF; 
	text-decoration:none; 
	background:transparent url(/images/IconImages/icon_step_circle_on.jpg) no-repeat;display:block;
	float:left;
	width:28px;
	height:23px;
	text-align:center;
	padding-top: 6px;
	margin-right:30px
}
.tabPane {display:none;}
.tabPaneActive { display: block; margin:0 20px 0 43px; font-size: inherit}
/*	end feature containers	*/

/*/////// @Group Intelligent Ingredients SHOW/HIDE STYLES ////////*/
div.accordion{}
div.accordion div.item{border-bottom:5px solid #ddd;margin-top:10px;padding-top:10px;}
#content div.accordion h2{border-bottom:dotted 1px #CCC;color:#687656;font-size:120%; padding:0px; margin:0px;text-decoration:none;}
div.accordion h2 a:link,div#accordion h2 a:visited{color:#DC7103;font-size:100%;text-decoration:none;}
div.accordion h2 a:hover{text-decoration:underline;}
div.accordion div.body{margin:0 0 10px 0px;font-size:100%;}
div.accordion div.item.opened{}
div.accordion div.item.opened h2{background:#F2F2EB;}
div.legend{border-bottom:dotted 1px #CCCCCC;padding:5px 0 1px 0;margin-bottom:5px;}

.pagination.webapp a:link,.pagination.webapp a:visited{color:#DC7103; text-decoration:underline}
.pagination.webapp a:hover{ text-decoration:none}


/*/////// @Group NEWS & RESEARCH, RESEARCH LISTINGS ////////*/
p.newsResearch_title{font-size:130%; color:#424242; margin-left:20px}
#content .announcement-list h2{
	border-bottom:1px dotted #CCCCCC;
	font-size:130%;
	font-weight:normal;
	line-height: normal;
	margin:0 0 3px 40px;
	padding:0 0 3px;
}
#content .announcement-list span.date{color:#000}
#content .announcement-list p{ margin:0 0 20px 40px; padding:0px}
#content .announcement-list h2 a:link,#content .announcement-list h2 a:visited{ text-decoration:none;color:#DC7103}
#content .announcement-list h2 a:hover{text-decoration:underline}

/* end NEWS & RESEARCH, RESEARCH LISTINGS */

/*/////// @Group TITLES, LINKS & MISC. STYLES ////////*/

.h1{font-size:150%; color:#DC7103}
.h2{font-size:150%; color:#687656}
.h3{font-size:140%; color:#DC7103}
.h4{font-size:140%; color:#687656}
.h5{font-size:130%; color:#DC7103}
.h6{font-size:130%; color:#687656}
.h7{font-size:120%; color:#DC7103}
.h8{font-size:120%; color:#687656}
.h9{font-size:110%; color:#DC7103}
.h10{font-size:110%; color:#687656}
.h1_grey{font-size:150%; color:#424242}
.h2_grey{font-size:140%; color:#424242}
.h3_grey{font-size:130%; color:#424242}
.h4_grey{font-size:120%; color:#424242}
.h4_grey{font-size:110%; color:#424242}
span.h2{font-size:180%; color:#687656}

h1{font-size:150%; color:#DC7103; font-weight:normal}
h2{font-size:130%; color:#DC7103; font-weight:normal}
h3{font-size:120%; color:#DC7103; font-weight:normal}
h4{font-size:110%; color:#DC7103; font-weight:normal}
.system-message h1, .system-error-message h1 {color:#DC7103;margin:0px;}/* styling for automatically delivered system messages */

.catalog_title{font-size:140%;color:#687656;border-bottom:dotted 1px #ccc;padding:5px 0 5px 0;margin-bottom:15px;}
.catalog_title div{margin-left:10px}
.productPage_title{font-size:140%;color:#687656;border:dotted #ccc; border-width:1px 0 1px 0; padding:5px 0 5px 0;margin-bottom:5px;}


a.see_all_button:link,a.see_all_button:visited{text-align:center; padding:4px 10px 4px 10px; border:dotted 1px #DC7103;color:#333;font-size:11px; font-weight:bold; text-decoration:none}
a.see_all_button:hover{background-color:#F2F2EB}

a:link,a:visited{color:#DC7103; text-decoration:underline}
a:hover{ text-decoration:none}

a.orange:link,a.orange:visited{color:#DC7103; text-decoration:none}
a.orange:hover{ text-decoration:underline}

a.green:link,a.green:visited{color:#687656; text-decoration:none}
a.green:hover{ text-decoration:underline}

a.grey:link,a.grey:visited{color:#333; text-decoration:none}
a.grey:hover{ text-decoration:underline}

a.underline:link,a.underline:visited{color:#333; text-decoration:underline}
a.underline:hover{ text-decoration:none}

/*/////// @Group by SEARCH containers. these are all of the search stylings for the search box and the results ////////*/
div.search-box{padding:0px;margin:0px}
input.cat_textbox_small{ padding:0px; margin:0px; font-size:11px;color:#787878;}/* this is the search field */
input#CAT_Search{}/* this is the ID of the search field */
input.cat_button{color:#515151;font-size:11px;}/* this is the search buton */
div.search-result{}
div.search-result h3 {margin-bottom:0px; font-weight:normal}
div.search-result h3 a:link,div.search-result h3 a:visited{font-size:100%; color:#DC7103; font-weight:normal; text-decoration:none}
div.search-result h3 a:hover{text-decoration:underline}
div.search-result h3 img{display:none}/* deletes the silly icon that is delivered */
div.search-result p{margin:2px 0 24px 19px}
div.search-result-container  a:link,div.search-result-container a:visited{color:#999; text-decoration:none}
div.search-result-container a:hover{color:#DC7103; text-decoration:underline}



/*/////// @Group by function containers. these are the boxes that fade in on the "Shop" page ////////*/
#function_features{
	background-color:#F2F2EB;
	height:220px;
	text-align: center;
	color:#DC7103;
	font-size:140%;
	text-transform:uppercase;
	font-weight: bold;
	cursor:pointer;
}
#function_features div{color:#fff}
#function_features div a:link,#function_features div a:visited{color:#576242; text-decoration:none}
#function_features div a:hover{color:#fff; text-decoration:none}

.slider {
	background-color:#F2F2EB;
	height:220px;
	text-align: center;
	color:#DC7103;
	font-size:140%;
	text-transform:uppercase;
	font-weight: bold;
	cursor:pointer;
	z-index:100;
	overflow:hidden;
}
div.slider div.hover {z-index:400;position:absolute;width:220px; height:220px;float:left;position: absolute; background-color:#CCD2C6;top:0px;left:0px;font-weight:normal; text-align:left;text-transform:none;cursor:pointer;}
div.slider div.hover a:link, div.slider div.hover a:visited {
	z-index:500;
	cursor:pointer;
	width:180px;
	height:175px;
	display:block;
	padding:35px 10px 10px 10px;
	color:#fff;
	text-decoration:none;
	color:#fff;
}
div.slider div.hover a:hover {text-decoration:none;color:#576242; }
div.slider div.hover p:hover,div.slider div.hover div:hover{color:#576242; }

/*/////// @Group FAQs containers ////////*/
.FAQ_cat{font-size:120%; color:#DC7103; margin:10px 0px}
.faq-question{border-bottom:1px dotted #999999;margin:0 0 10px 20px;padding:0 0 8px 0;}
.faq-question a:link,.faq-question a:visited{font-size:120%; color:#687656; text-decoration:none}
.faq-question a:hover{text-decoration:underline; color:#687656}
.faq-question a:active{text-decoration:underline; color:#333}
.answer{font-size:110%;margin:10px 0 5px 0; padding:0 0 0 20px;}
.answer a:link,.answer a:visited{ font-size:inherit;color:#687656; text-decoration:underline}
.answer a:hover{ text-decoration:none}

/* END FAQs */

/*/////// @Group footer containers ////////*/
#footerContainer ul{float:right; margin:0px;}
#footerContainer ul li{display:inline; margin:0px;padding:0px 0px 0px 20px;}
#footerContainer li a:link,#footerContainer a:visited{text-decoration:none;color:#DC7103;font-size:90%}
#footerContainer li a:hover{text-decoration:underline}
/* END footer containers  */


/*/////// @Group checkout styles ////////*/
.webform h1 {font-size:150%; color:#DC7103; font-weight:normal; padding:0 0 5px; margin:0 0 0 0}
.webform h2 {font-size:130%; color:#687656; font-weight:normal; padding:0 0 5px; border-bottom:dotted 1px #ccc}
.webform span.required{ font-size:12px; color:#000}
table.webform td {line-height:18px;padding:0px;}