/*BRAND COLORS ----------------------------- */

.naturaColor {
	color: #5778a5;
}

.innovaColor {
	color: #c30319;
}

.evoColor {
	color: #c05618;
}

.californiaNaturalColor {
	color: #7eaf5b;
}

.healthWiseColor {
	color: #1d4e88;
}

.motherNatureColor {
	color: #007cc2;
}

.karmaOrganicColor {
	color: #4d6b39;
}



/*GENERIC STYLES ----------------------------- */

body {
	font-family: Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	background: url(images/natura-b.gif) repeat-y center #264e0a;
}

h1 {
	font-family: arial, sans-serif;
	font-size: 17px;
	margin: 8px 0 8px 0;
}

h2 {
	font-family: arial, sans-serif;
	font-size: 17px;
	margin: 10px 0 8px 0;
}

h3 {
	font-family: arial, sans-serif;
	font-size: 14px;
	margin: 20px 0 8px 0;
}

h4 {
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 8px 0 8px 0;
}

p, li, td {
	font-family: verdana, sans-serif;
	font-size: 12px;
	margin: 0 0 8px 0;
	line-height: 140%;
}

hr {
	width: 100%;
	margin: 5px 0 10px;
	color: white;
	border-top: 1px dotted #ccc;
}

form {
	padding: 0;
	margin: 0;
}

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	height: 100%;
}


#mainContent {
	border-top: #505050 solid 1px;
}

#mainContent a {
	margin: 0;
	text-decoration: underline;
	color: #004CA7;
}

#mainContent a:hover {
	margin: 0;
	text-decoration: none;
	color: #3C71B3;
}

.paddedMainContent {
	padding: 15px 23px;
}

#productListTable {
	margin-left: 5px;
	width: 100%;
}

.productTable {
	margin: 10px 10px;
	width: 95%;
	font-weight:normal;
}

.requiredField {
	color: red;
	font-weight: bold;
	font-size: 13px;
}

#communityLink {
	color: #aee289;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

#communityLink a {
	color: #aee289;
	text-decoration: underline;
}

#communityLink a:hover {
	color: #aee289;
	text-decoration: none;
}



/*GENERIC SUB NAV ----------------------------- */

#genericSubNav a {
	color: #fff;
	text-decoration: none;
}

#genericSubNav a:hover {
	color: #dddddd;
	text-decoration: underline;
}

#genericSubNav h1 {
	margin: 0 0 8px 0;
	font-family: georgia, serif;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}

#genericSubNav h2 {
	margin: 0 0 8px 15px;
	font-family: verdana, sans-serif;
	font-size: 13px;
}

#genericSubNav ul {
	margin: 0 0 14px 25px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
}

#genericSubNav li {
	margin: 0 0 8px 0;
}




/*GLOBAL NAVIGATION ----------------------------- */

#globalNav {
	height: 34px;
	background: #070707;
}

#globalNav a {
	text-decoration: none;
	font: bold 11px Georgia, serif;
	color: #dddddd;
	margin: 0 15px;
}

#globalNav a:hover {
	text-decoration: none;
	color: #ffffff;
}

.currentPage {
	background-image: url(images/current-.jpg);
}

/*QUICK LINKS ---------------------------------------------------------- */

#quickLinksSelect {
	font: 10px verdana;
	height: 18px;
	width: 105px;
	margin: 0 2px 0 12px;
	vertical-align: top;	
}

#quickLinksButton {
	vertical-align: top;	
}

/*MAIN CONTENT TABLE ---------------------------------------------------------- */

/* left columns */

#mainContentTable .leftColumn {
	width: 349px;
	background-color: #4C6A92;
}

#mainContentTable .leftColumnSubPage {
	width: 149px;
	background: #283D58;
}

#mainContentTable .leftColumnSubPage02 {
	width: 220px;
	background:url(images/blue-gra.jpg) repeat-y  center #5476a1;
	border-bottom: 1px solid #fff;
	border-top: #505050 solid 1px;
	color: white;
	padding: 15px;
}

#mainContentTable .leftColumnSubPageTools {
	width: 149px;
	background:url(images/blue-gra.jpg) repeat-y  center #5476a1;
	border-bottom: 1px solid #fff;
	border-top: #505050 solid 1px;
	color: white;
	padding: 15px;
}

#mainContentTable .leftColumnSubPageBrand {
	width: 220px;
	background:url(images/brand-su.jpg) repeat-x top #848484;
	border-top: #505050 solid 1px;
	color: white;
	padding: 15px;
}

#mainContentTable .leftColumnSubPageBrand2 {
	width: 220px;
	background:url(images/brand-su.jpg) repeat-x top #848484;
	border-top: #505050 solid 1px;
	color: white;
	padding: 15px;
}


#mainContentTable .leftColumnSubPageBrandTools { /* for all tools pgs in brands sites*/
	width: 149px;
	background:url(images/brand-su.jpg) repeat-x top #848484;
	border-top: #505050 solid 1px;
	color: white;
	padding: 15px;
}

/* center columns */

#mainContentTable .centerColumn {
	width: 542px;
	background-color: white;
}

#mainContentTable .centerColumnSubPageTools { /* for TOOLS pgs with a photo column*/
	width: 526px;
	background-color: white;
	text-align: left;
}

#mainContentTable .centerColumnSubPage {
	width: 742px;
	background-color: white;
}

#mainContentTable .centerColumnComparePage { /* compare page needs to be wide for drop downs */
	width: 742px;
	background-color: white;
	text-align: center;
}

#mainContentTable .centerColumnSubPage02 {
	width: 671px;
	background-color: white;
	text-align: left;
}

#mainContentTable .centerColumnSubPage03 { /* for pages with a photo column */
	width: 451px;
	background-color: white;
	text-align: left;
}

#mainContentTable .centerColumnSubPage04 { /* for pages with a photo column */
/*	width: 667px;*/
	width: 640px;
	background-color: white;
	text-align: left;
}

#mainContentTable .centerColumnSubPageHealthwise {
	width: 506px;
	background-color: white;
	text-align: left;
}

/* photo columns */

#mainContentTable .californiaNaturalPhotoColumn {
	background: white;
	background-position: right;
	width: 216px;
	border-top: #505050 solid 1px;
	text-align: right;
}

#mainContentTable .evoPhotoColumn {
	background-image: url(images/evo-phot.jpg);
	border-top: #505050 solid 1px;
	border-left: #6b6b6b solid 2px;
	border-right: #6b6b6b solid 2px;
	width: 216px;
	vertical-align: top;
}

#mainContentTable .healthwisePhotoColumn {
	background: white;
	background-position: right;
	width: 236px;
	border-top: #505050 solid 1px;
	text-align: right;
}

#mainContentTable .innovaPhotoColumn {
	background: white;
	background-position: right;
	width: 216px;
	border-top: #505050 solid 1px;
	text-align: right;
}

#mainContentTable .karmaPhotoColumn {
	background: #3c3c3c;
	background-position: right;
	width: 216px;
	border-top: #3b3b3b solid 1px;
	border-left: #909090 solid 2px;
	text-align: right;
}

#mainContentTable .motherNaturePhotoColumn {
	background: white;
	background-position: right;
	width: 216px;
	border-top: #505050 solid 1px;
	text-align: right;
}

#mainContentTable .naturaPhotoColumn {
	background: white;
	background-position: right;
	width: 216px;
	border-top: #505050 solid 1px;
	text-align: right;
}

#mainContentTable .cutoutPhotoColumn {
	background: white;
	background-position: right;
	width: 216px;
	border-top: #505050 solid 1px;
	text-align: right;
}

#mainContentTable .rightColumn {
	width: 109px;
	background-image: url(images/right-co.gif);
}


#pageCopy {
	padding: 20px 40px 40px 20px;
	text-align: left;
	font-size: 12px;
}

.pageCopy {
	padding: 20px 40px 1em 20px;
	text-align: left;
	font-size: 12px;
}

.pageCopyAlt {
	padding: 1px 40px 10px 40px;
	text-align: left;
	font-size: 12px;
	background: #f6f4e8;
/*	background: #fdf9da;*/
}


/*BRANDS TABLE --------------------------------------------------------------------------------------- */

#brandsTable td {
	background-image: url(images/left-bra.jpg);
}

#brandsTable td.innova {
	width: 200px;
	background-image: url(images/left-inn.jpg);
}

#brandsTable td.karma {
	background-image: url(images/left-kar.jpg);
}

#brandsTable a {
	color: #eaeff5;
	text-decoration: none;
}

#brandsTable a:hover {
	color: #ffffff;
	text-decoration: none;
}

#brandsTable h1 {
	margin: 17px 5px 0 20px;
	font-family: georgia, serif;
	font-size: 16px;
	color: #eaeff5;
}

#brandsTable p {
	margin: 3px 5px 0px 20px;
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #eaeff5;
}

/*ROWS IN MIDDLE COLUMN ON HOME PAGE ---------------------------------------------------------- */

#topRow {
	background-color: #e0de62;
	text-align: center;
	padding: 5px 0;
}

#secondRow {
	height: 90px;
	background: url(images/natura-m.jpg) no-repeat;
	background-position: bottom;
	background-color: white;
	padding: 0 120px 0 10px;
	color: #212121;
}

#secondRow h1 {
	font: 16px Georgia;
	font-weight: 500;
	margin: 0px 0 2px 0;
	padding: 0;
}

#secondRow p {
	font: 10px verdana, sans-serif;
	margin: 0;
	padding: 0;
}

#secondRow a {
	color: #285807;
}

#secondRow a:hover {
	text-decoration: none;
}


/*NATURA BRANDS PAGE ---------------------------------------------------------- */

#brandsHeader {
	background-image: url(images/brand-pa.jpg);
}

#brandsHeader .package {
	width: 149px;
}

#brandsHeader .logo {
	width: 449px;
}

#brandsHeader .button {
	width: 143px;
}

#brandsSummary {
	margin: 17px 0;
	border-bottom: 1px solid #cacaca;
}

#brandsSummary2 {
	margin: 17px 0;
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	background: #efefef;
}

#brandsSummary img{
	margin: 0 40px;
}

/*SEARCH PAGE ---------------------------------------------------------- */
#mainContentTable .leftColumnSearchPage {
	width: 249px;
	background: url(images/left-col.jpg) repeat-x;
	background-color: #476489;
	padding: 15px;
	color: #e5eaf1;
}

#mainContentTable .centerColumnSearchPage {
	width: 642px;
	background-color: white;
}

#searchInstruction {
	padding: 50px 0px 0px 0px;
	display: block;
	vertical-align: bottom;
	font-size: 15px;
}

#searchCriteria h1 {
	font-size: 19px;
}
#searchCriteria h2 {
	margin: 15px 0 2px;
}
#searchCriteria select {
	width: 200px;
	height: 20px;
	margin-bottom: 5px;
}
.criteriaDescription {
	font-size: 10px;
	font-weight: normal;
}
#resultsTitle {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
#resultsTitle b {
	color: #e67732;
}
#resultsTitle p {
	margin-bottom: 2px;
}
.searchResultSub1 {
	font-size: 14px;
}
.searchResultSub2 {
	font-size: 13px;
	color: #666666;
}

/*WHERE TO BUY PAGE ---------------------------------------------------------- */
#mainContentTable .leftColumnWherePage {
	width: 452px;
	background-image:url(images/blue-gre.jpg);
	border-bottom: 1px solid #fff;
	border-top: #505050 solid 1px;
}

#mainContentTable .centerColumnWherePage {
	width: 439px;
	background-color: white;
	text-align: center;
}

#whereIntroCopy {
	height: 400px; 
	background-image:url(images/blue-col.jpg);
	background-repeat: no-repeat; 
	padding: 27px 15px 5px 21px; 
	color: white;
}
#whereResults {
	height: 400px; 
	background-image:url(images/ltgreen-.jpg);
	background-repeat: no-repeat;
	padding: 27px 11px 5px 11px;
}

#whereSearchForm {
	border: white solid 2px;
	margin-bottom: 20px;
}

#map {
	top: 2px;
	width: 400px; 
	height: 400px; 
	border:solid 1px #004CA7;
	margin-bottom: 20px;
	background-image: url(images/whereToB.gif) center no-repeat;
	
}

#stuff {

}

/*PET RESOURCES PAGE SECTION---------------------------------------------------------- */

#petResources {
	background: url(images/pet-reso.jpg) no-repeat;
	padding: 30px 15px 18px;
	height: 137px;
}

#petResources td {
	border-bottom: 1px #5f82b0 solid;
	padding: 4px 0 5px;
	color: #E9EDF2;
}

#petResources h1 {
	font-family: arial, sans-serif;
	font-size: 14px;
	margin: 0;
	font-weight: 500;
}

#petResources a {
	font-size: 11px;
	margin: 0;
	text-decoration: none;
	color: #E9EDF2;
}

#petResources a:hover {
	font-size: 11px;
	margin: 0;
	text-decoration: none;
	color: #5f82b0;
}


/*COMPARISON PAGE ----------------------------- */



#compareHeader {
	padding: 40px 50px 20px 20px;
	margin-right: 30px;
	width: 500;
	text-align: left;
}

#compareHeader p {
	font-size: 12px;
}

h1.compareColTitle {
	font-family: arial, sans-serif;
	font-size: 17px;
	margin: 0 0 2px 0;
}


#compareNatura {
	background-image:url(images/ltgreen0.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #d7e8ce;
	text-align: left;
	border: 1px solid #666;
	margin-bottom: 10px;
	padding-bottom: 15px;
}
	
#compareCompetitor {
	background-image:url(images/ltgray-g.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #bcbbbb;
	text-align: left;
	border: 1px solid #666;
	border-left: none;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.compareSelect {
	width: 300px;
	font-size: 10px;
}

/*PHILOSOPHY --------------------------- */
#philosophy {
	padding: 5px 30px 10px;
}

/* FAQs PAGE ----------------------------- */
#faqCategories {
	padding-left: 50px;
}
#faqCategories a {
	text-decoration: underline;
	font-size: 14px;
}
#faqCategories a:hover {
	text-decoration: none;
	font-size: 14px;
}
#questionsAnswers h2{
	margin: 15px;
	color: #1c3048; 
}

#questionsAnswers h3{
	margin-left: 20px;
}

#questionsAnswers p{
	margin-left: 25px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}

/* NEWS PAGE ----------------------------- */

#newsList {
	padding: 0 10px;
}
#newsList ul {
	list-style:none;
}
#newsList li {
	margin-bottom: 12px;
}
#newsList a {
	text-decoration: underline;
	font-size: 14px;
}
#newsList a:hover {
	text-decoration: none;
	font-size: 14px;
}

.date {
	text-transform:uppercase;
	font-size: 10px;
	color: #999999;
}

/*EXPANDER ----------------------------- */

#expandingGroups {
	background: url(images/green-gr.jpg)  repeat-x #a3c370;
	padding: 3px 3px 0 3px;
}

#expandingGroupsTestimonials {
	background: none;
	padding: 3px 10px 3px 10px;
}
#expandingGroupsTestimonials h3 {
	font-style: italic;
	font-size: 16px;
	display: inline;
}

#expandingGroupsFaqs {
	background: none;
	padding: 0 10px 3px 10px;
}
#expandingGroupsFaqs h3 {
	font-style: italic;
	font-size: 16px;
	display: inline;
}

#expandingGroupsResources {
	background: none;
	width: 400px;
}
#expandingGroupsResources h3 {
	font-style: italic;
	font-size: 16px;
	display: inline;
}


#expGroup{
	margin: 0 0 2px 0;
	padding: 0 0 3px 0;
	font-size: 11px;
}

#expGroup a{
	color: #444444;
	text-decoration: none;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

#expGroup a:hover{
	color: #7f7f7f;
	text-decoration: underline;
}

.expandTrigger{
}

.expander {
	margin: 0;
	padding: 5px 10px;
	font-weight: normal;	
}

.expander p{
	font-size: 11px;
	margin: 0;
}

.expanderResources {
	margin: 0;
	padding: 5px 10px;
	font-weight: normal;
	width: 250px;	
}

.expanderComparison {
	width: 230px;
	margin: 0;
	padding: 5px 10px;
	font-weight: normal;
}

.expanderTestimonials {
	padding: 5px 20px;
	font-weight: normal;	
}

.expanderTestimonials p{
	font-size: 11px;
	margin: 0px;
}

.expanderFaqs {
	padding: 5px 20px;
	font-weight: normal;
}

.expanderFaqs p{
	font-size: 11px;
	margin: 0px;
}

/*FOOTER ----------------------------- */

#footer {
	height: 186px;
	background-image: url(images/footer-g.jpg);
	background-repeat: repeat-x;
	color: #8fc469;
	padding: 16px 11px;
	font-size: 90%;
}

#footer a {
	color: #8fc469;
	margin: auto 5px;
}

#footer a:hover {
	text-decoration: none;
}

#brandFooter {
	height: 186px;
	color: #000000;
	padding: 16px 11px;
	font-size: 90%;
}

#brandFooter a{
	color: #000000;
	margin: auto 5px;
}

#brandFooter a:hover {
	text-decoration: none;
}


/*Ingredient Wizard ----------------------------- */

.search {
	font-family: georgia;
	font-weight: bold;
	font-size: 13px; 
	color: #2e2e2e;
	padding: 10px 0px 5px 15px;
}

#alphabet a, #alphabet a:link, #alphabet a:visited, #alphabet a:active {
	font-family: verdana;
	font-size: 12;
	font-size: 12px;
	color: #2e2e2e;
	font-weight: bold;
	line-height: 200%;
	text-decoration: none;
}


#alphabet a:hover {
	text-decoration: underline;
}

.ingredientListing {
	font-family: arial;
	font-size:12px;
	color: #2e2e2e;
	font-weight: bold;
	padding: 0px 0px 0px 15px;
}

.ingredientListingBlue {
	font-family: arial;
	font-size:12px;
	color: #1f4a83;
	font-weight: bold;
	padding: 0px 0px 0px 15px;
}

#subLeftNav{
	margin: 0 0 0 0;
	padding: 0 0 10px 35px;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
}

#brandHomeLeft {
	margin: 0;
	padding: 10px 40px 0 25px;
	color: white;
}

#brandHomeLeft p {
	font-size: 11px;
}

#brandHomeLeft a {
	text-decoration: underline;
	font-weight: bold;
	color: white;
}

#brandHomeLeft a:hover {
	text-decoration: none;
}