/* CSS Document */

html {background: #507623 url(../images/body-background.gif) repeat-x top;}
body {background: #507623 url(../images/body-background.gif) repeat-x top;padding:0px;margin:0px;font: 11px/14px Verdana, Arial, Helvetica, sans-serif;color: #79766E;}

#container {width:100%;background: url(../images/flower-background.jpg) no-repeat center top;}

#header { text-align: center; margin-left: auto; margin-right:auto;	width:788px; height:129px; background: url(../images/header-background.jpg) no-repeat;display:none;}

#topBar {height:71px;font: 12px/15px Arial, Helvetica, sans-serif;color: #d8fb8b;padding-right:12px;}

ul#attribute {display: inline;list-style: none;padding:0px;margin:0px;color: #d8fb8b;}	
ul#attribute li {display: inline;}	
ul#attribute li a {display: block;text-decoration: none;float: right;padding: 0 22px 0 5px;color: #d8fb8b;margin-top:26px}
ul#attribute a:hover {color: #FFFFFF;}	
ul#attribute li a.sitemap {background: url(../images/button-sitemap.gif) no-repeat 52px 50%;}	
ul#attribute li a:hover.sitemap {background: url(../images/button-sitemap.gif) no-repeat 52px 50%;}	
ul#attribute li a.print {background: url(../images/button-print.gif) no-repeat 32px 50%;}	
ul#attribute li a:hover.print {background: url(../images/button-print.gif) no-repeat 32px 50%;} 

#searchBar {float:right; margin:21px 0 0 10px; vertical-align:middle;}
.searchStyle {color: #d4f68a;background-color: #80AE32;border: 1px solid #628f2A;}

#navBar { height:58px; text-align:right; padding-right:5px; display:none;}
#navBar a .home {background:url(../images/button-home.png) no-repeat left 0px;}
#navBar a .company {background:url(../images/button-company.png) no-repeat left 0px;}
#navBar a .products {background:url(../images/button-products.png) no-repeat left 0px;}
#navBar a .buyNutrilife {background:url(../images/button-buyNutrilife.png) no-repeat left 0px;}
#navBar a .customerSupport {background:url(../images/button-customerSupport.png) no-repeat left 0px;}
#navBar a .newsEvents {background:url(../images/button-newsEvents.png) no-repeat left 0px;}
#navBar a .contactUs {background:url(../images/button-contactUs.png) no-repeat left 0px;}

#navBar a:hover .home, #navBar a:hover .company, #navBar a:hover .products, #navBar a:hover .buyNutrilife, #navBar a:hover .customerSupport, #navBar a:hover .newsEvents, #navBar a:hover .contactUs {background-position:left -58px;}

#navBar a:active .home, #navBar a:active .company, #navBar a:active .products, #navBar a:active .buyNutrilife, #navBar a:active .customerSupport, #navBar a:active .newsEvents, #navBar a:active .contactUs {background-position:left -116px;}

#home #navBar a .home, #company #navBar a .company, #products #navBar a .products, #buyNutrilife #navBar a .buyNutrilife, #customerSupport #navBar a .customerSupport, #newsEvents #navBar a .newsEvents, #contactUs #navBar a .contactUs {background-position:left -174px;}

a:active, a:hover, a:focus{outline: none; -moz-outline:none;}

#contentContainer {width:100%;background: url(../images/content-backgroundRepeat.gif) repeat-y top; margin-left: auto; margin-right:auto;}

#content {background: url(../images/content-background.png) no-repeat; padding:0 9px 0 9px; margin:0px;}

#subNav {background-color:#e8e7d8;margin:0;padding-left:10px;line-height:30px;letter-spacing: -1px;display:none;}
#subNav a {color:#695d3e;font-weight:bold;text-decoration:none;padding:6px 7px 6px 7px;margin:0px;	border:none;letter-spacing: normal;}
#subNav a:hover {background: url(../images/subNavBG.gif) no-repeat right top;}

#collage {margin-left: auto;margin-right:auto;width:772px;position:relative;background: #E8E7D8; display:none;}

#footer {height:65px;awidth:790px;amargin-left:auto;amargin-right:auto;background: url(../images/footer-background.gif) no-repeat; font: 12px Arial, Helvetica, sans-serif; clear:both;display:none;}
.footerRow1 {color:#FFFFFF;padding:0px; margin:0px; line-height:30px; margin-left:35px;}
.footerRow1 a, .footerRow1 a:hover {color:#FFFFFF; text-decoration:none;}
.footerRow2 {line-height:28px; color:#9e9d93;}
.footerRow2 a {color:#9e9d93; text-decoration:none; margin: 0 7px 0 7px;}
.footerRow2 a:hover {text-decoration:underline;}

#breadcrumbs {position:absolute;bottom:0px;left:0px;z-index: 99;margin:0px;padding:0px;height:39px;width:100%;font-size: 11px;display:none;}
#headerBar {background: #E8E7D6;}

#crumbs {padding:0;margin:0;list-style-type:none;}
#crumbs li {float:left;white-space:nowrap;background: url(../images/collage-lip-background.gif) repeat-x top;  line-height:39px;}
#crumbs a {display:block;color:#6d6c65;text-decoration:none;float:left;padding:0 5px 0 5px;}
#crumbs a:hover {text-decoration:underline;}
#crumbs img {display:block;  float:left;}

#contentLeftCol { width:100%; amargin:10px 0 10px 20px;}

#contentRightColHeader {width:224px;background: url(../images/header-productDetails.gif) no-repeat 15px top;
height: 31px;display:none;}

#sideNav {padding-bottom:2px; padding-top:1px;margin:0 2px 0 2px;background: #FAF9EB url(../images/sideNav-bottom.gif) no-repeat bottom; display:none;}

#sideNav ul {display: block; list-style: none;padding:0px; margin:0 0 0 10px;}	
#sideNav ul li {display:inline; abackground: url(../images/sideNavDivider.gif) no-repeat bottom; padding:0px; margin:0px;}	
#sideNav ul li a {display:block;text-decoration: none;padding: 6px 0px 6px 30px;color: #508dbc;font: bold 12px Arial, Helvetica, sans-serif; border-bottom:1px solid #e8e7d6;}
#sideNav ul a:hover {color: #407AA6;}	
#sideNav ul li a.description {background: url(../images/icon-description.gif) no-repeat 0px 50%;}	
#sideNav ul li a:hover.description {background: url(../images/icon-description.gif) no-repeat 0px 50%;}	
#sideNav ul li a.usage {background: url(../images/icon-usageInstructions.gif) no-repeat 0px 50%;}	
#sideNav ul li a:hover.usage {background: url(../images/icon-usageInstructions.gif) no-repeat 0px 50%;}
#sideNav ul li a.safety {background: url(../images/icon-safety.gif) no-repeat 0px 50%;}	
#sideNav ul li a:hover.safety {background: url(../images/icon-safety.gif) no-repeat 0px 50%;}	
#sideNav ul li a.labels {background: url(../images/icon-labels.gif) no-repeat 0px 50%;}	
#sideNav ul li a:hover.labels {background: url(../images/icon-labels.gif) no-repeat 0px 50%;}
#sideNav ul li a.buy {background: url(../images/icon-whereToBuy.gif) no-repeat 0px 50%;}	
#sideNav ul li a:hover.buy {background: url(../images/icon-whereToBuy.gif) no-repeat 0px 50%;} 

.productThumb { float:left; margin:5px 20px 0px 10px;}

.para01 {color:#5c8426;font-size: 14px;line-height: 16px;font-weight: bolder;margin: 10px;margin-right:75px;padding-bottom:0px;}

.twenty { font-size:17px;}

a {color: #328EDA; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {font-size: 13px;line-height: 16px;color: #5C8426;margin: 0px;padding: 0px;afloat:left;amargin-right:10px;margin:0 0 5px 0;}

p {margin:0 0 10px 0;}

.info tr {border-bottom: 1px solid #FAF9EB;border-right: 1px solid #FAF9EB;}
.info td {background: #E8E7D6;padding:3px; padding-right:12px;border-bottom: 1px solid #FAF9EB;border-right: 1px solid #FAF9EB;}
.info th {text-align: justify;background: #E8E7D6;padding:3px;border-bottom: 1px solid #FAF9EB;}
.info thead th {
	border-bottom: 1px solid #FAF9EB;
	border-right: 1px solid #FAF9EB;
	color: #FFFFFF;
	background: #81B41B;
}
.info tfoot th {
	text-align: center;
	font-weight: normal;
	background: #FAF9EB;
	border-top: 1px solid #79766E;
}
.info .alt td, .info .alt th {
	background: #FAF9EB;
}

.info2 tr {}
.info2 td {padding:3px;padding-right:12px;border-right: 1px solid #E8E7D6;border-bottom: 1px solid #E8E7D6;}
.info2 th {text-align: justify;padding:3px; border-right: 1px solid #E8E7D6;border-bottom: 1px solid #E8E7D6;}
.info2 thead th {background: #E8E7D6;}
.info2 tfoot th {background: #FAF9EB;text-align: center;font-weight: normal;}

.features {
	background: url(../images/featuresBG.gif) repeat -2px top;
	margin:2px 2px 0 2px;
	color: #FAF9EB;display:none;
}
.innerFeatures {background: url(../images/feature-topBg.gif) no-repeat left top; padding: 60px 15px 0 15px;}

.innerFeatures img {float:left; margin-right:3px;}
