/*#############################################################
Name: BEC
Last updated by Kunlacha : 20.10.08, 15.11.08(add #p_map)
Description: for Homepage, Inner page
Author: Kunlacha
URL: 


#############################################################*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

div, p, ul, li, h1, h2, h3, h4, h5, img, span {padding:0px; margin:0px;}

a {
	text-decoration: none;
}

ul{list-style-type:none}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #20AE84;
}

h3, h3 a {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	color: #1f7257;
	text-decoration: none;
}
h3 a:hover{
	color: #1F7257;
	text-decoration: underline;
}


h4 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}

#mainpage {
	width: 809px;
	position: relative;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}
/*------------------------------------------------------------------------------------------------Header--------------*/
#header {
	float: left;
	height: 90px;
	width: 809px;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
}
#logo {
	float: left;
	height: 90px;
	width: 171px;
	margin-right: 27px;
}

#nav {
	float: left;
	height: 90px;
	width: 611px;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
}
#topnav {
	background-image: url(images/home_bg.png);
	background-repeat: no-repeat;
	float: right;
	height: 23px;
	width: 114px;
	margin-top: 15px;
	margin-left: 482px;
}
#topnav li {
	float: left;
}

.bnt_home a{
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	float: left;
	color: #227c54;
	display: block;
	padding-right: 13px;
	padding-bottom: 3px;

}
.bnt_lg a{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	padding-top: 6px;
	padding-left: 10px;
	display: block;
	padding-right: 10px;
	padding-bottom: 3px;
}
#mainnav{
	height: 53px;
	display: block;
	width: 611px;
	float: left;
}

#mainnav li {
	display: block;
	float: left;
}

#mainnav li a {
	padding-top: 10px;
	float: left;
	padding-right: 17px;
	padding-left: 17px;
	display: block;
	padding-bottom: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b6e3c4;
	background-image: url(images/mainnav_bg.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	color: #277e7a;
	margin-top: 10px;
}


#mainnav li a:hover {
	padding-top: 10px;
	float: left;
	padding-right: 17px;
	padding-left: 17px;
	display: block;
	padding-bottom: 15px;
	color: #50C58A;
	margin-top: 10px;
}
.noborder {
	border-top-style: none;
	border-right-style: none !important;
	border-bottom-style: none;
	border-left-style: none;
}
#menu_rimL {
	background-image: url(images/menu_bgRimL.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 52px;
	width: 15px;
	background-position: bottom;
}
#menu_rimR {
	background-image: url(images/menu_bgRimR.png);
	background-repeat: no-repeat;
	float: right;
	height: 52px;
	width: 13px;
	background-position: bottom;
	display: block;
}


.menu_bg_rim {
	background-image: url(images/mainnav_rimL.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 62px;
	width: 9px;
}
#highlight {
	height: 164px;
	width: 731px;
	float: left;
	padding-top: 65px;
	padding-bottom: 56px;
	padding-left: 41px;
}
#p_map {
	float: left;
	height: 221px;
	width: 250px;
	padding-top: 65px;
	padding-left: 255px;
}




/*------------------------------------------------------------------------------------------- ---Container--------------*/
#container {
	float: left;
	height: auto;
	width: 809px;
}

#colL {
	width: 225px;
	padding-right: 22px;
	float: left;
	height: auto;
}

#promo_header{
	background-image: url(images/news_promo_topbg.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 225px;
}
#promo_header li {
	float: left;
	padding-top: 7px;
	padding-left: 13px;
}


#promo_content{
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 225px;
	background-image: url(images/promo_bg.jpg);
	background-repeat: repeat-x;
	display: block;
	padding-bottom: 20px;
}
#promo_content ul {
	display: block;
	float: left;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8BD8B1;
	padding-right: 12px;
	padding-bottom: 13px;
	padding-left: 13px;
	padding-top: 13px;
}
#promo_content li {
	display: inline;
}
#promo_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-bottom: 13px;
	display: block;
}


#colR {
	float: left;
	height: auto;
	width: 562px;
}


/*------------------------------------------------------------------------------------------------Footer--------------*/
#footer {
	height: 88px;
	height: 50px;
	width: 100%;
	margin-top: 40px;
	background-color: #4fcda2;
	position: relative;
	float: left;
}
#footer_content {
	height: 88px;
	height: 50px;
	width: 809px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#footer_content ul {
	padding-top: 25px;
	padding-top: 10px;
}
#footer_content li {
	padding-bottom: 2px;
}
#inner {
	float: left;
	width: 809px;
}
#inner p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-indent: 40px;
	padding-top: 20px;
}
.left_menu {
	float: left;
	width: 225px;
	margin-top: 20px;
	height: auto;
}
.Pmenu, .Pmenu_current{
	float: left;
	height: 50px;
	width: 225px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7CD1B8;
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;
}
.Pmenu li , .Pmenu_current li{
	float: left;
	width: 225px;
	line-height: 50px;
}

.Pmenu li a  {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 50px;
	color: #333333;
	width: 225px;
	font-weight: bold;
}
.Pmenu span , .Pmenu_current span {
	float: left;
	height: 47px;
	width: 57px;
	line-height: 50px;
}

.Pmenu li a:hover  {
	float: left;
	color: #FFFFFF;

}


.Pmenu_current li a  {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 50px;
	color: #FFFFFF;
	width: 225px;
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;
	font-weight: bold;
}
.Psubmenu {
	float: left;
	width: 225px;
}
.Psubmenu li {
	float: left;
	width: 225px;
	display: block;
}

.Psubmenu li a{
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
	background-color: #E9F3E9;
	float: left;
	width: 210px;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 15px;
	display: block;
}

.Psubmenu li a:hover {
	float: left;
	color: #1D9C76;
}




#products {
	float: left;
	width: 560px;
}
.pdGroup2 {
	float: left;
	width: 560px;
}



.pdGroup2 ul {
	display: block;
	float: left;
	padding-right: 32px;
	padding-bottom: 25px;
	padding-left: 32px;
	padding-top: 25px;
}
.pdGroup2 li {
	display: block;
	width: 121px;
	padding-bottom: 2px;
	text-align: center;
}
.pdGroup2 img {
	border: 1px solid #c6cac9;
}


.gotopage {
	float: left;
	width: 560px;
	background-color: #B0D9B0;
}
.gotopage ul {
	padding: 5px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	float: left;
}



.rimR {
	float: right;
	width: 250px;
	display: block;
	text-align: right;
}
.rimL {
	float: left;
	width: 300px;
	display: block;
}

.box_news_promo {
	display: block;
	padding-bottom: 30px;
	width: 520px;
	float: left;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EBEBEB;
	padding-right: 20px;
	padding-top: 20px;
}

.promo_pix {
	display: block;
	width: 120px;
	float: left;
	height: 80px;
	margin-right: 15px;
	border: 1px solid #EBEBEB;
}

.promo_content {
	display: block;
	width: 380px;
	float: left;
}
.promo_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


.promo_content li {
	padding-bottom: 3px;
}

.promo_content_detail {
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}

.promo_content_detail li {
	padding-bottom: 15px;
}
#popuppage {
	width: 680px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#pop_container {
	width: 680px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}
#pop_header {
	float: left;
	width: 680px;
}
#pop_title {
	width: 390px;
	float: right;
	text-align: right;
	margin-right: 10px;
	margin-top: 60px;
}
.pop_product {
	float: left;
	width: 680px;
	padding-top: 30px;
}
.promo_content_detail p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}




/*------------------------------------------------------------------------------------------------Text--------------*/

.txt_gray {
	font-family: Tahoma;
	font-size: 11px;
	color: #676767;
}

.txt_normal, .txt_normal a{
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.txt_normal a:hover {
	text-decoration: underline;
}


.txt_readmore ,.txt_readmore a {
	font-family: Tahoma;
	font-size: 11px;
	color: #249D79;
	text-decoration: underline;
}

.txt_readmore a:hover{
	text-decoration: none;

}

.txt_white , .txt_white a ,.txt_white a:hover {
	font-family: Tahoma;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}



.green{
	color: #3fc99d;
}

.darkgreen{
	color: #084530;
}