/* Design for WC3 validation */
* {margin:0px; padding:0px; border:0px;/*zeroing out the padding, border and margins removes any default settings*/}
body	{margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-align:left; background:#D0EF85;)}

.headerr{height:200px; background:url(../images/naturalherbslogo.png);}

h1 { line-height:90%; padding-bottom:10px; font-size:2.5em; font-weight:normal;}
h2 {color:#FFF; line-height:90%; padding:10px 0; font-size:1.6em; font-weight:bold;}
h3 {color:#CBD300; line-height:120%; padding:10px 0; font-size:1.3em; font-weight:bold;}
h4 {color:#000;line-height:90%; padding:10px 0; font-size:1.0em; font-weight:bold;}
h5 {}

p {font-size:1.3em; line-height:150%; text-align:left; padding-bottom:10px;}
td {font-size:1.3em;}
#exlist td {font-size:1.0em;}

/*a 			{color:#9f937b; text-decoration:underline;}
a:link 		{color:#9f937b; text-decoration:underline;}
a:visited 	{color:#9f937b; text-decoration:underline;}
a:hover 	{color:#666666;	text-decoration:none;}
a:active 	{color:#9f937b; text-decoration:underline;}*/

/* layout */
#wrapper {background:#83BC2F; width:960px; margin-left:auto; margin-right:auto;}
#main {width:960px; margin-top:57px;}


/* sidebar */
#sidebar {float:right; width:246px; margin-right:10px;}


/* nav */
.nav 			{background:#A5CB35; float:left; margin:0px 0 0 0px; text-align:center; text-transform:uppercase; font-weight:bold;padding:18px;width:924px;}

ul.cssmenu 		{list-style: none; padding:0; margin:0;}
ul.cssmenu li 	{float: left; background: url() right no-repeat;}
ul.cssmenu li a {display: block; padding-right:15px; padding-left:15px; border-right:1px #33590B solid; line-height:15px; font-size:12px;}
ul.cssmenu li:last-child a{border:none;}

ul.cssmenu a 		{color:#33590B;	text-decoration:none;}
ul.cssmenu a:hover 		{color:#000000; text-decoration:none;}
ul.cssmenu a:active 	{color:#FFF; text-decoration:none;}


/* nav sub */
.nav-sub 			{float:left; padding:15px 0 0 20px; width:500px;}
ul.submenu 		{list-style: none; padding:0; margin:0; width:131px;}
ul.submenu li 	{background: url(../images/bg-submenu.png) no-repeat; margin-bottom:5px;}
/*ul.submenu li a {display: block; padding-right:15px; padding-left:15px; line-height:20px; color:#CBD300; text-decoration:none;}*/
ul.submenu li a {display: block; padding-right:15px; padding-left:15px; line-height:20px; color:#ACAC00; text-decoration:none;}
ul.submenu a:hover {background: url(../images/bg-submenu-roll.png) no-repeat; display: block; color:#FFFFFF; text-decoration:none;}
ul.submenu .active a {background: url(../images/bg-submenu-roll.png) no-repeat; display: block; color:#FFFFFF; text-decoration:none;}


.nav-sub-he			{float:left; padding:20px 0 0 20px; width:170px;}
ul.submenu-he 		{list-style: none; padding:0; margin:0; width:170px;}
ul.submenu-he li 	{background: url(../images/bg-submenu-02.png) no-repeat; margin-bottom:5px;}
ul.submenu-he li a 	{display: block; padding-right:15px; padding-left:15px; line-height:20px; color:#CBD300; text-decoration:none;}
ul.submenu-he a:hover {background: url(../images/bg-submenu-roll-02.png) no-repeat; display: block; color:#FFFFFF; text-decoration:none;}
ul.submenu-he .active a {background: url(../images/bg-submenu-roll-02.png) no-repeat; display: block; color:#FFFFFF; text-decoration:none;}



/* panel */
.panel {background:url(../images/panel.jpg) no-repeat; height:210px;}
.panel-pc {background:url(../images/pnl-pcare-home.jpg) no-repeat; height:210px;}
.panel-he {background:url(../images/pnl-herbal-home.jpg) no-repeat; height:210px;}
.panel-nm {background:url(../images/pnl-natmed-home.jpg) no-repeat; height:210px;}
.panel-cm	{background:url(../images/panel-contract-manufacturing.jpg) no-repeat;height:210px;}

.panel-text 	{padding:20px 0 0 40px; width:170px;}
.panel-text h1 {font-family: Times New Roman, Times, serif; font-size:3.2em; font-weight:bold; color:#FFFFFF; line-height:90%; text-shadow:5px 5px 10px #999;}
.panel-text p  {font-size:1.1em; color: #ffffff; line-height:120%; padding-bottom:10px; text-shadow:5px 5px 10px #999;}

.read-more 	{width:75px; background:url(../images/leaf.png) right no-repeat;}
.read-more a 	{display:block; color:#000;}


/* panel interior */
.panel-int 				{height:150px;}
.panel-int-about		{background:url(../images/panel-personal-care.jpg) no-repeat; height:150px;}
.panel-int-pc			{background:url(../images/panel-personal-care.jpg) no-repeat; height:150px;}
.panel-int-nm			{background:url(../images/panel-natural-medicines.jpg) no-repeat; height:150px;}
.panel-int-he			{background:url(../images/panel-herbal-extracts.jpg) no-repeat; height:150px;}
.panel-int-cm			{background:url(../images/panel-contract-manufacturing.jpg) no-repeat; height:150px;}
.panel-int-text 		{padding:70px 0 0 40px; width:170px;}
.panel-int-text h1 		{font-family: Helvetica, sans-serif; font-size:3.2em; color:#FFFFFF; line-height:90%; font-weight: lighter; }


/* content area */
#content {float:left; width:690px; margin-right:10px; margin-top:5px;}

.content-area {float:left; padding:0 20px; width:665px; min-height:200px; text-align:justify;}
.content-area ul {padding-left:0px; margin-top:0px; margin-bottom:10px; margin-left:20px; padding-bottom:10px; font-size:1.3em;}
.content-area li {padding-left:5px; line-height:20px; margin-bottom:0px; }

.content-area-extracts {float:left; padding:20px; width:650px; min-height:200px;}
.content-area-extracts1{float:left; padding:20px 0 20px 15px; width:350px; min-height:200px;}
.content-area-extracts2{float:left; padding:20px; width:400px; min-height:200px;}
.content-area-full {float:left; padding:20px 0 20px 0; min-height:200px;}
.content-cart {float:left; padding:20px 40px 20px 40px; min-height:200px;}
.logo {float:left; padding:20px 0 10px 40px;}


/* contact area */
#contact-area 		{margin:-10px 0 5px; padding:10px; background:#B7D75A; padding-top:1px; padding-left:5px;}

.contact-block {height:25px; overflow:hidden;}
.contact-heading {float:left; margin:10px 0 0 0; text-transform:uppercase; font-weight:bold; color:#000000;}
.contact-heading a {color:#000; text-decoration:none}
.contact-heading a:hover {color:#000; text-decoration:underline;}
.facebook {float:right; border:0px solid #ffffff;}


/* homepage special */
.home-special 		{background:#FFFFFF; margin:10px 0; padding:10px 7px}
.home-special h2 	{font-size:2em; font-weight:normal; color:#cbd300; padding:0 0 5px 5px;}
.home-special h3 	{font-family:"Times New Roman", Times, serif; font-size:2.1em; font-weight:bold; color:#444424; padding:0 0 10px 5px;}
.home-special p		{font-size:1.1em; color:#000; padding:10px 0 5px 5px;}

.home-special-cart		{margin-bottom:5px; padding-bottom:5px; border-bottom:1px #FFF solid;}
.home-special-price 	{float:left; margin-left:20px; font-size:1.3em; font-weight:bold; color:#FFFFFF;}
.home-special-add 		{float:right; text-align:right; font-size:1.3em; font-weight:bold; color:#cbd300}
.home-special-add a 			{color:#cbd300; text-decoration:none;}
.home-special-add a:link 		{color:#cbd300; text-decoration:none;}
.home-special-add a:visited 	{color:#cbd300; text-decoration:none;}
.home-special-add a:hover 		{color:#cbd300;	text-decoration:underline;}
.home-special-add a:active 		{color:#cbd300; text-decoration:none;}



/* my cart */
.my-cart 		{background:#FFFFFF; margin:10px 0; padding:10px 7px; min-height:150px;}
.my-cart h3 	{font-family:"Times New Roman", Times, serif; font-size:2.1em; font-weight:bold; color:#444424; padding:0 0 5px 5px;}
.my-cart p		{font-size:1.1em; color:#000; padding:10px 0 5px 5px;}

.my-cart-subtotal 		{background:#F2F1ED; padding:5px 0;}
.subtotal-text 			{float:left; margin-left:10px; color:#000;}
.subtotal-price 		{float:right; margin-right:10px; font-size:1.3em; font-weight:bold; color:#000;}

.cart-items 			{margin-bottom:10px;}
.cart-items-img 		{float:left;}
.cart-items-text 		{float:left; margin-left:10px; width:100px; line-height:12px;}
.cart-items-amount 		{float:right; margin-right:5px; width:60px; text-align:right; line-height:12px;}
.cart-items-qty 		{font-size:1.3em; font-weight:bold;}
.cart-items-price 		{font-size:1.3em; font-weight:bold;}
.cart-items-remove 		{}

.cart-checkout		{text-align:right; font-size:1.3em; font-weight:bold; color:#cbd300}
.cart-checkout a 			{color:#cbd300; text-decoration:none;}
.cart-checkout a:link 		{color:#cbd300; text-decoration:none;}
.cart-checkout a:visited 	{color:#cbd300; text-decoration:none;}
.cart-checkout a:hover 		{color:#cbd300;	text-decoration:underline;}
.cart-checkout a:active 	{color:#cbd300; text-decoration:none;}

/* cart php*/
table#bigcart 			{width:650px;}
#bigcart td 			{padding:2px;font-size:1.3em; color: #9f937b; line-height:120%; text-align:left;height:25px}
#bigcart tr.first 		{color:#fff;background-image: url(../images/bg-item-cart-bkg-1.png); background-position:left; background-repeat:no-repeat }
#bigcart td.mid 		{color:#fff; text-align:center;}
#bigcart td.mid1 		{color:#fff; text-align:center;background-image: url(../images/bg-item-cart-bkg.png); background-position:left; background-repeat:no-repeat;}
#bigcart td.end 		{color:#fff;background-image: url(../images/bg-item-box-2.png); background-position:right; background-repeat:no-repeat;text-align:center}
 {background-image: url(../images/bg-item-box-2.png); background-repeat: repeat-x; }
#bigcart td.last 		{border-top:1px solid #444424;height:1px }
.notices				{text-align:left; font-size:1.3em; font-weight:bold; color:#cbd300;margin-top:30px;}
.nt1					{float:left;width:270px;background-image:url(../images/bg-item-box-3.png);padding:2px;height:21px; margin:20px 20px 0 0}
.nt2					{text-align:center; font-size:0.9em; margin-top:3px}
.nt2 a					{font-weight:bold; color:#cbd300;text-decoration:none;}
.nt2 a:link				{font-weight:boldl; color:#cbd300;text-decoration:none;}
.nt2 a:visited			{font-weight:boldl; color:#cbd300;text-decoration:none;}
.nt2 a:hover			{font-weight:bold; color:#cbd300;text-decoration:underline !important; }
.nt2 a:link				{font-weight:bold; color:#cbd300;text-decoration:none;}


/* checkout */

table.checkout			{margin:20px 0 20px 100px}
.checkout h2			{font-size:1.2em}
.checkout td			{padding:5px;font-size:1.3em;font-weight:normal !important;}
.form-text				{width:200px}
.checkout input[type=text] 	{width:250px;border:1px solid #ccc;padding:5px;}
.checkout select 			{width:150px;border:1px solid #ccc;padding:5px;}
#butAdd					{width:260px;height:26px;padding:2px;background-image:url(../images/but-check-1.png);font-weight:bold; color:#cbd300;}

/* item list */
.list-wrap {float:left; margin:0 0px 15px 0; width:245px;}
.list-wrap-2 {float:left; margin:0 0px 15px 0; width:275px;}
.list-item {width:225px; padding:10px; background:url(../images/bg-item-box-1.png) no-repeat; min-height:132px;}
.list-1 {float:left; font-size:1.3em; font-weight:bold; width:160px; line-height:15px}
.list-2 {float:right; font-size:1.6em; font-weight:bold; width:65px; line-height:15px; text-align:center}
.list-3 {float:left; margin:5px 0 5px 0; width:160px; line-height:15px; height:60px; overflow:hidden;}
.list-4 {float:right; margin:5px 0 5px 0; width:65px;}
.list-5 {float:left; margin:5px 0 5px 0; width:160px; font-size:1.2em; font-weight:bold; color:#cbd300}
.list-5 a 			{color:#cbd300; text-decoration:none;}
.list-5 a:link 		{color:#cbd300; text-decoration:none;}
.list-5 a:visited 	{color:#cbd300; text-decoration:none;}
.list-5 a:hover 	{color:#cbd300;	text-decoration:underline;}
.list-5 a:active 	{color:#cbd300; text-decoration:none;}

.list-gst {font-size:0.5em; font-weight:bold;}


.list-cart {background:url(../images/bg-item-box-2.png) no-repeat; width:247px; height:25px;}
.list-cart-2 {background:url(../images/bg-item-box-3.png) no-repeat; width:275px; height:25px;}
.list-qty {float:left; padding:5px 0 0 10px; font-size:1.2em; font-weight:bold; color:#FFFFFF;}
.list-add {float:right; padding:5px 10px 0 0; font-size:1.2em; font-weight:bold; color:#cbd300;}
.list-add a 			{color:#cbd300; text-decoration:none;}
.list-add a:link 		{color:#cbd300; text-decoration:none;}
.list-add a:visited 	{color:#cbd300; text-decoration:none;}
.list-add a:hover 		{color:#cbd300;	text-decoration:underline;}
.list-add a:active 		{color:#cbd300; text-decoration:none;}
.list-divide {float:left; width:10px;}

/* popup prices */
#expricelist  td 	{padding:3px; font-family:Arial, Helvetica, sans-serif; }
#expricelist input[type=text]  {padding:3px; border:1px solid #CCC}
#expricelist input[type=submit]  {padding:3px; border:1px solid #CCC}
.soln1	{color:#009; font-weight:bold}
.soln2	{color: #090; font-weight:bold}
.soln3	{color: #F60; font-weight:bold}
.blk {color:#000;}

/* item detail */
.list-detail {width:250px; padding:10px; border:1px solid #ccc; no-repeat; height:250px; overflow:hidden; margin-bottom:5px}
.list-return {font-size:0.9em; color:#000;}
.list-return a {color:#000; text-decoration:underline;}

.list-detail-gst {font-size:0.6em; font-weight:normal;}

.detail-heading 	{float:left; width:247px;}
.detail-price 		{float:left; width:190px; margin-left:20px; padding-top:10px; font-size:1.6em; font-weight:bold; line-height:17px}
.detail-social 		{float:left; width:160px; margin-left:20px;}
.detail-social a	{display:block;}
.detail-social-email	{background:url(../images/icon-email.gif) no-repeat 10px; border-top:1px #CCC solid; border-bottom:1px #CCC solid; padding:10px 0 10px 50px; color:#000; font-size:1em;}
.detail-social-share	{background:url(../images/icon-share.gif) no-repeat 10px; border-bottom:1px #CCC solid; padding:10px 0 10px 50px; color:#000; font-size:1em;}
.detail-social-bookmark	{background:url(../images/icon-bookmark.gif) no-repeat 10px; border-bottom:1px #CCC solid; padding:10px 0 10px 50px; color:#000; font-size:1em;}
.detail-fb-share	{border-bottom:1px #CCC solid; padding:10px 0 10px 5px; color:#000; font-size:1em;}
.detail-desciption	{float:left; width:400px; margin-top:10px;}
.detail-desciption ul { margin-left:30px; margin-bottom:10px }
.detail-desciption ul li {font-size:1.3em; color: #9f937b; line-height:120%; text-align:left;}
.detail-desciption ol { margin-left:30px; margin-bottom:10px }
.detail-desciption ol li {font-size:1.3em; color: #9f937b; line-height:120%; text-align:left;}


/* news */
#news { margin-bottom:24px; background:#B7D75A; border-radius:5px; padding-bottom:10px; margin-top:5px;}
#news h2 {padding:8px 10px 5px 30px; font-size:2em; font-weight:normal; color:#FFFFFF; background:#7C9E19; border-radius:6px 6px 0px 0px;}

.news-items {margin:8px; padding:5px 10px 5px 25px; border-bottom:1px #CCC solid; margin-top:10px;}
.news-items-heading {padding:0; font-size:1.1em; color:#000}
.news-items-heading a {color:#000; text-decoration:none;}
.news-items-heading a:hover {color:#000; text-decoration:underline;}
.news-items-date {padding:0; font-size:1em;}

/*extract-list*/
#exlist {float:left;width:500px}
#exlist td {padding:3px}
.white {background-color:#FFF;}
.coloured {background-color: #FFC;}


/* subscribe */
.subscribe {padding:0 0 20px 40px;}
.subscribe-heading {margin:0 0 0 10px; padding:0; color:#000; font-family:Times New Roman, Times, serif; font-size:1.6em; font-weight:bold;}
.subscribe-box { width:120px; height:18px; color:#FFFFFF; padding:7px 5px 5px 5px; text-align:center; font-size:1em; background:url(../images/subscribe-box.gif) no-repeat;}
.subscribe-box a {color:#FFFFFF; text-decoration:none;}
.subscribe-box a:hover {color:#FFFFFF; text-decoration:underline;}


/* image styles */
	.image-box 	{ border: 1px solid #dfdfdf; padding:5px; margin:20px 0; }
	

/* clears   */
.clear 		{clear:both; height:0px; width:100%; }


/* leaf   */
.leaf		{position:relative; top:-207px; left:656px; width:320px;}


/* footer styles */	
#footer-wrap 		{ width:100%; clear:both; margin-top:0px;}
#footer 			{ width:960px; margin-left:auto; margin-right:auto; padding-top:20px; height:100px; margin-top:10px; background:#83BC2F
; background:url(../images/footer.jpg); height:132px;}
	
.footer-contact 	{float:left; margin-left:235px; width:250px;}
.footer-contact p	{ padding:0; font-size:0.9em; line-height:12px;}
	
.links{}
.links a img{height:42px; width:42px; margin-left:16px;}

	
.footer-copyright 	{float:right; margin-right:20px;}
.footer-copyright p	{margin:0; padding:0; font-size:0.9em; text-align:right; line-height:20px; }

#footer a 			{color:#9f937b; text-decoration:none;}
#footer a:link 		{color:#FFF; text-decoration:none;}
#footer a:visited 	{color:#9f937b; text-decoration:none;}
#footer a:hover 	{color:#666666;	text-decoration:underline;}
#footer a:active 	{color:#9f937b; text-decoration:none;}

.copywrite{ margin:0 auto; width:950px; color:#093; padding-left:475px; margin-top:10px;}


.featured-products{width:660px; height:200px; margin-top:15px; }

.more-welcome{float:right; color:#FFF; font-size:18px; margin-top:-22px; padding:0px 12px; border-radius:8px; background:#51741D;}

.search{float:right; font-weight:bold;}

.txtField{width:140px; height:24px; background:#B7D75A; border-radius:8px; padding-left:5px;}


.submenucontent{font-size:15px; width:244px; border:1px solid; background:url(images/submenu.jpg); margin-top:6px; margin-bottom:10px;}
.submenucontent p{font-size:16px; color:#FFF; margin-bottom:5px; background:#7C9E19; padding:5px; font-weight:bold;}


.cmsNormalGroupWrapper{padding:7px;}
.cmsNormalGroupWrapper li{list-style:none; margin-top:8px;}

.cmsNormalGroupWrapper li a{color:#FFF; text-decoration:none;}

.listTitle{ margin-left:30px; font-size:15px;}
.listTitle a{color:#CBD300; font-weight:bold; font-size:16px}

.slidetext{margin-right:12px;}

.cmsTxtField{height:22px; width:180px;}
table th{font-weight:bold; font-size:15px; }