@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
}

#main-wrapper {
    width:960px;
	margin:0px auto;
}

.container {
    width:940px;
	padding: 0px 0px;
}

#main-content{
    width:950px;
}

#header{
margin: 0px 0px 0px 5px
}

#header #logo {
	margin: 25px 150px 0px 0;
	float:left;
	width:250px;
}

.homeico {
	margin:48px 0px 0px -140px;
	float:left;
	width:22px;
}

#header #thermometer {
	margin:10px 0px 0px 250px;
	float:left;
	width:30px;
}

#header #weather {
	margin:38px 0px 0px 8px;
	float:left;
	width:60px;
	line-height:125%;
	text-align:left;
}

#header #logo2 {
	margin:0 0px 10px 30px;
	float:left;
	width:75px;
}


#main-content #slideshowbox {
	background: url(images/slideshow_bg.png) no-repeat;
	padding: 16px 15px 0px 15px;
	width: 950px;
	height: 300px;
}


#main-content #main2 {
	margin: 0px 0px 0px 5px;
	border-left: #0065AC 2px solid;
	border-bottom: #0065AC 2px solid;
	z-index: 9990;	
}

#main2-inner{
	margin: 0px 0px 0px 0px
}

#main-content  #main2 #hmenu{
	float:left;	
	width: 250px;
}

#main-content  #main2 #vmenu{
	float:left;	
	width: 235px;
	margin-left:0px;
}

#main-content  #main2 #TopMenu{
	float:left;	
	width: 235px;
	margin-left:0px;
}

/* main */
#hmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


#hmenu_blue {
	width: 250px;
	background: #e7edf6;
}

#hmenu {
	width: 250px;
	margin-top: 10px;
}

#hmenu li {
	display:inline;
}

/* menu */
#hmenu li a:link, #hmenu li a:visited, #hmenu li a:hover  {
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	color: #0065AC;
	height: 30px;
	display: block;
	padding: 0px 0 0px 30px;
	vertical-align:middle;
	margin: 0px 0px 5px 0px;
	line-height: 2em;
}


/* subMenu */
#hmenu li li a:link, #hmenu li li a:visited, #hmenu li li a:hover {
	font-weight: normal;
	font-size: 14px;
	vertical-align:middle;
	padding: 0px 0 0px 30px;
	vertical-align:middle;
	line-height: 1.5em;
	height: 25px;
}

.blue{
	background:#e7edf6;
}

.green{
	background:#eff7ee;
}

#main-content  #main2 #sidebar{
	float:right;
	width: 684px;
	margin-top: 10px;
	
}


#main-content  #main2 #sidebar2{
	float:right;
	width: 684px;
	height: 460px;
	margin-top: 10px;
	background: url(images/head-sidebar2.png) no-repeat;
}


#menu {
font-weight:bold;
}


/* style, color and size links and headings to suit */
#menu a, #menu h2, #menu h3 {
	font: 16px/14px/16px arial, helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	display: block;
	border-width: 0px;
	border-style: outset;
	margin: 0;
}

#menu a {
	color: #0065AC;
	font-weight:bold;
	text-align: center;
	line-height: 2em;
	vertical-align:middle;
	text-decoration: none;
}

#menu a:hover {
	display: block;
	font-weight:bold;
}


#menu ul li li a {
	font: 14px arial, helvetica, sans-serif;
	font-weight:bold;
	color: #ff6600;
	line-height: 2em;
	vertical-align:middle;
}

#menu ul li li li a {
	font: 12px arial, helvetica, sans-serif;
	font-weight:bold;
	color: #ff6600;
	line-height: 2em;
	vertical-align:middle;
}


/*Positioning the Popout Menus and Dropdown Menus*/
#menu li {
	line-height: 2em;
	vertical-align:middle;
	position: relative;
	font-weight:bold;
}

#menu ul ul {
	vertical-align:middle;
	position: absolute;
	z-index: 500;
	font-weight:bold;
}

#menu ul ul ul {
	vertical-align:middle;
	top: 0;
	left: 100%;
	font-weight:bold;
}


/* ALL CONTAINER HERE*/
#container {
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
}


/* MENU HERE*/
#menu {
	width: 960px;
	background: #fff;
	float: left;
	z-index: 9999;
	font-weight:bold;
}

#menu ul {
	list-style: none; /* remove bullets and list indents */
	margin: 0;
	padding: 0;
	width: 158px;
	height: 33px;
	float: left;
	margin: 0 1px 0 0;
	font-weight:bold;
}

#menu ul#menu1 {
	font: 16px arial, helvetica, sans-serif;
	color: #ffffff;
	background: url(images/menu01-l.png);
	width: 150px;
	line-height: 2em;
	font-weight:bold;
}

#menu ul#menu1 li a{
	font: 16px arial, helvetica, sans-serif;
	color: #ffffff;
	line-height: 2em;
	vertical-align:middle;
	font-weight:bold;
}

#menu ul#menu2 {
	font: 16px arial, helvetica, sans-serif;
	color: #ffffff;
	background: url(images/menu01.png);
	width: 158px;
	height: 33px;
	line-height: 2em;
	vertical-align:middle;
	font-weight:bold;
}

#menu ul#menu2 li {
	font: 16px arial, helvetica, sans-serif;
	color: #ffffff;
	vertical-align:middle;
	line-height: 2em;
	position: relative;
	font-weight:bold;
}

#menu ul#menu2 li a {
	font: 16px arial, helvetica, sans-serif;
	color: #ffffff;
	vertical-align:middle;
	line-height: 2em;
	position: relative;
	width: 158px;
	height: 33px;
	font-weight:bold;
	
}

#menu ul#menu2 li li a {
	font: 14px arial, helvetica, sans-serif;
	color: #0065AC;
	background: url(images/shadow_middle.png) repeat-y;
	line-height: 2em;
	vertical-align:middle;
	width: 170px;
	left: -5px;
	font-weight:bold;
}

#menu ul#menu2 li li a:hover {
	font: 14px arial, helvetica, sans-serif;
	background:#CCE0EE;
	line-height: 2em;
	width: 158px;
	position: relative;
	left: 1px;
	font-weight:bold;
}

/*level 2 mouse over*/
#menu ul#menu2 li li li a {
	font: 12px arial, helvetica, sans-serif;
	color: #0065AC;
	background: url(images/shadow_middle.png) repeat-y;
	line-height: 2em;
	width: 170px;
	left: -5px;
	font-weight:bold;
}

#menu ul#menu2 li li li a:hover {
	font: 12px arial, helvetica, sans-serif;
	background:#CCE0EE;
	width: 160px;
	line-height: 2em;
	left: 0px;
	font-weight:bold;
}

#menu ul#menu2 li#menu44 a {
font: 14px arial, helvetica, sans-serif;
color: #0065AC;
background: url(images/shadow_middle.png) repeat-y;
width: 170px;
line-height: 2em;
left: -5px;
font-weight:bold;
}

#menu ul#menu2 li#menu44 a:hover {
font: 14px arial, helvetica, sans-serif;
background: #e9f4e9;
width: 158px;
line-height: 2em;
left: 1px;
font-weight:bold;
}

#menu ul#menu2 li#menu44 li a {
font: 12px arial, helvetica, sans-serif;
color: #0065AC;
background: url(images/shadow_middle.png) repeat-y;
width: 170px;
line-height: 2em;
top: 0px;
left: -5px;
font-weight:bold;
}

#menu ul#menu2 li#menu44 li a:hover {
font: 12px arial, helvetica, sans-serif;
background: #e9f4e9;
width: 160px;
line-height: 2em;
left: 0px;
font-weight:bold;
}

/*menu shadow*/
#menu_bottom {
height: 12px;
background: url(images/shadow_bottom.png) no-repeat;
width: 170px;
position: relative;
top: 0px;
left: -5px;
font-weight:bold;
}

#menu2_top {
height: 4px;
background: url(images/shadow_top.png) no-repeat;
width: 170px;
top: 0px;
left: -5px;
position: relative;
font-weight:bold;
}

#menu2_bottom {
height: 12px;
background: url(images/shadow_bottom.png) no-repeat;
width: 170px;
top: -2px;
left: -5px;
position: relative;
font-weight:bold;
}

#menu ul#menu3 {
font: 16px arial, helvetica, sans-serif;
color: #ffffff;
background: url(images/menu01-r.png);
line-height: 2em;
vertical-align:middle;
width: 150px;
font-weight:bold;
}

#menu ul#menu3 li a{
font: 16px arial, helvetica, sans-serif;
color: #ffffff;
line-height: 2em;
vertical-align:middle;
font-weight:bold;
}

/*hiding*/
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/*post*/

#box{
    width:950px;
	}
	
#box_1 {
	margin:0 0 0 5px;
	float:left;
	height:550px;
	width:264px;
	background: url(images/newsroom.png) no-repeat;
	padding: 0 0 0 0;
	display:inline;
}

#box_2 {
	margin:0px 2px;
	float:left;
	height:550px;
	width:488px;
	background: url(images/latest-news.png) no-repeat;
	display:inline;
}

#box_3 {
	margin:0px 0px;
	float:left;
	height:550px;
	width:186px;
	background: url(images/free-sample.png) no-repeat;
	display:inline;
}

.inbox1{
	margin:50px 15px 15px 15px;
	height: 160px;
}

.inbox1 ul , .inbox1 ul li{
	display: block;
	float: left;
	margin-right: 10px;
}


.inbox2{
	margin:5px 15px 10px 15px;
	height: 160px;
}

.inbox3{
	margin: -10px 15px 15px 15px;
	height: 160px;
}

.inbox4{
	margin: 40px 15px 15px 15px;
	height: 480px;
}



/* Utilities */
.clear {
	clear: both;
}

/* clearfix */
.clearfix:after{
  	content: ".";
  	display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
}

.clearfix{
	min-width: 0;		        /* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/ display: block;	/* Hide from IE Mac */
	margin: 0px;
	width: auto;
	padding-right: 0px;
	padding-left: 0px;
}

* html .clearfix{
/* \*/  height: 1%;	    /* Hide from IE Mac */
}

#footer-wrapper {
    width:950px;
	padding: 0 20px;
    margin:0 auto;
}


#footer {
	text-align: right;
	vertical-align:middle;
	color: #666666;
	font: 12px arial, helvetica, sans-serif;
	position: relative;
}


#table1{
	float:left;
	width:700px;
};


#tips{
	float:right;
	background: url(images/tips-herbal.png) no-repeat;
	width:200px;
	height:550px;

}

#tipsinner{
	display:block;
	font: 12px arial, helvetica, sans-serif;
	width:200px;
	height:550px;
	padding: 10px 10px;
	margin: 0px 20px;
}

#footer-wrapper #footer #fbico {
		font: 12px arial, helvetica, sans-serif;
		margin:0px 0px 0px 8px;
		float:left;
		width:25px;
}

#footer-wrapper #footer #fblink {
	font: 12px arial, helvetica, sans-serif;
	color: #0065AC;
	margin:5px 0px 0px 5px;
	float:left;
	text-decoration:none;
}
#footer-wrapper #footer #fblink a{
	color: #0065AC;
	text-decoration:none;
}

#footer-wrapper #footer #sitemap {
	font: 12px arial, helvetica, sans-serif;
	color: #808082;
	margin:5px 0px 0px 5px;
	float:left;
	text-align:left;
	text-decoration:none;
}
#footer-wrapper #footer #sitemap a{
	color: #808082;
	text-decoration:none;
}

#footer-wrapper #footer #copyright {
	font: 12px arial, helvetica, sans-serif;
	color: #808082;
	text-align:right;
	margin:5px 5px 0px 0px;	
	float:right;
	width:400px;
}


p {
	line-height:22px;
	height: 1%;
}


/*contact us page*/
#main-content  #main2 #sidebar2 p {
	line-height:8px;
	height: 1%;
}

#main-content  #main2 #sidebar2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
}

#main-content  #main2 #sidebar2 textarea{
	width: 480px;
	height: 125px;
}

#main-content  #main2 #sidebar3{
	background: url(images/sidebar3.png) no-repeat;
	margin: 0px 0px 0px 2px;
	float:right;
	width: 684px;
	margin-top: 10px;
	z-index: -1;
}

.sidebar3-inner{
	margin: 22px 0px 20px 20px;
	z-index: -2;
}

.inner-box{
	text-align:right;
	margin: 0px 25px 40px 0px;
}

#rightbox {
	float:right;
}