* { margin:0; padding:0}
h1 {display:inline}
h2 {display:inline}
h3 {display:inline}
h6 {display:inline}
.txt_20 {font-size:20px; font-family:Arial;color:#FFFFFF;}
body {background-color:#fbf8e5; font-family:tahoma; font-size:12px; color:#FFFFFF;}
.cleaer {clear:both;}
#wrapper { width:937px; height:auto; margin:0 auto;}
#navigation { width:937px; height:110px;}
#navigation .navleft { height:110px; background:url(../images/smart_herbals_01.gif); width:15px; float:left; }
#navigation .navmid { height:110px; background:url(../images/smart_herbals_03.gif); width:906px; float:left; }
#navigation .navright { height:110px; background:url(../images/temp_05-05.gif); width:15px; float:left; }
#navigation .logo { width:205px; float:left; height:110px; }
#navigation .nav { width:245px; height:20px; float:left;padding-top:90px; padding-left:455px; color:#000000; text-align:right; }

#header { width:937px; height:202px;}
#header .headleft {height:202px; width:15px; float:left; background:url(../images/smart_herbals_06.gif);}
#header .headmid {height:202px; width:497px; float:left; background:url(../images/smart_herbals_07.gif);}
#header .headmidtext {padding-top:15px; padding-left:10px;}
#header .headright {height:202px; width:425px; float:left; background:url(../images/smart_herbals_09.gif);}

#page { width:937px; height:auto; padding-top:5px;}
#page .pagetop{ width:937px; height:9px; background:url(../images/smart_herbals_11.gif);}
#page .pagemid{ width:937px; height:auto; background:url(../images/smart_herbals_12.gif);}
#page .pagebottom{ width:937px; height:9px; background:url(../images/temp_14.gif);}
#page .pagepadd{ padding-left:16px;padding-right:16px;}

#page .col1{ width:182px; height:auto; float:left;}
#page .col1inner{ width:182px; height:auto; float:left;padding-bottom:10px;}
#page .col1inner .col1top{ width:182px; height:30px;background:url(../images/cat_01.gif); line-height:28px; text-indent:30px; font-size:12px; font-weight:bold; }
#page .col1inner .col1mid{ width:182px; height:auto;background:#494949;}
#page .col1inner .col1bottom{ width:182px; height:8px;background:url(../images/cat_03.gif); }

.col1inner .col1mid ul {margin: 0;	padding-left:5px;	list-style: none;	font-size:0;}

.col1inner .col1mid li {	margin-left:0px;}

.col1inner .col1mid li li a{	line-height: 19px;	font-size:12px;	background:url(../images/arrow.gif) no-repeat center left;
	width:162px;	padding-left:10px;}
.col1inner .col1mid li li a:hover{	line-height: 19px;	font-size:12px;	background: url(../images/arrow.gif) no-repeat center left;
	}

.col1inner .col1mid li a {	color: #FFFFFF;	display: block;	text-decoration: none;	text-indent:10px;}
.col1 .col1mid li a:hover {	text-indent:10px;	text-decoration:underline;}

#page .col2{ width:493px; height:auto; float:left; padding-left:10px;}
#page .col2 .col2inner{ width:493px; height:auto; padding-bottom:10px; float:left;}
#page .col2 .col2inner .col2top{ width:493px; height:9px; background:url(../images/prod_01.gif);}
#page .col2 .col2inner .col2mid{ width:493px; height:auto; background:url(../images/prod_02.gif);}
#page .col2 .col2inner .col2padd{ padding-left:10px; padding-right:10px;}
#page .col2 .col2inner .col2img{ width:123px; height:125px; float:left;}
#page .col2 .col2inner .col2detail{ width:335px; height:auto; padding-left:15px; float:left; text-align:justify;}
#page .col2 .col2inner .col2detailarticle{ width:96%; height:auto; padding-left:15px; float:left; text-align:justify;}
#page .col2 .col2inner .col2infobtn{ width:78px; height:19px; float:right;}
#page .col2 .col2inner .col2bottom{ width:493px; height:9px; background:url(../images/prod_04.gif);}

#page .col3{ width:208px; height:auto; float:left; padding-left:10px;}

#footer {width:907px; height:auto; padding:15px;color:#393939; text-align:center;}
.href:link {font-family:tahoma; color:#393939; text-decoration:none;}
.href:hover {font-family:tahoma; color:#393939; text-decoration:underline;}