@charset "utf-8";
/* CSS Document */
body{
	background: url(../images/skin/bg_page.jpg) #e9e9e9 repeat-x; height: 100%; margin: 0 auto 0 auto;color: #000; 
	scrollbar-face-COLOR:#FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF ; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #ffffff; /*tam giac*/
	SCROLLBAR-TRACK-COLOR: #ffffff; /*bg track*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif; font-size:9pt;
 
}
A {COLOR: #09C;
	text-decoration:none;
}
A:hover {COLOR: #FF0000;
	text-decoration:underline;
}

a img{ border:0px;}
TD,DIV,Ul, li { color: #000; }

#body {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0 auto;  
}
	#header {width:980px; float:left;}
	#top_bar{ height:38px; text-align:right; color:#FFF}
	#logo{ float:left}
 	#slide{ clear:both; float:left; width:972px; padding:4px; background:#FFF}
	#center{ clear:both; padding:20px 30px 20px 30px; line-height:18px; background: url(../images/skin/slogan.jpg) no-repeat right bottom #ffffff;}


#footer{ background:url(../images/skin/footer.gif) top no-repeat; float:left;  width:940px; COLOR: #333; text-align: center ; padding:20px; line-height:18px;  }
#footer A {	COLOR: #333; TEXT-DECORATION: none}
#footer A:hover {	COLOR: #581724  ; text-decoration: underline;}


.button{ border:1px solid #333333; padding:3px 3px 3px 3px; width:auto; cursor:pointer;
}
input{ border:1px solid #333333; padding:3px; width:auto;
}
textarea{ border:1px solid #333333; padding:3px 3px 3px 3px; width:auto;}
#button{color:#4d4d4d; height:25px; margin-top:3px; cursor:hand;}

.clear{ clear:both}
.fleft{ float:left}
.flright{ float: right;}
.width150px{ width:150px;}
.contact_name{ width:150px; float:left; text-align: left; padding-right:10px;}
.contact_input_minx{ width:170px; margin-bottom:3px; border:1px solid #CCC}
.contact_input_min{ width:220px; margin-bottom:3px; border:1px solid #CCC}
.contact_input_medium{ width:350px; margin-bottom:3px; border:1px solid #CCC}
.contct_bottom{ background: url(../images/skin/contact_h1.jpg) no-repeat bottom; height:25px;}

#title{ clear:both;font-family: "Myriad Pro", Georgia, 'Times New Roman', Times, serif; font-size: 24px; font-variant:small-caps; color:#900; padding-left:10px; background:url(../images/skin/heading_bar.jpg) #FFF no-repeat bottom; padding-top:10px; }

#box_news{float:left; width:680px;   padding:10px;   margin-bottom:10px; background:url(../images/skin/news_divider.jpg) bottom  center no-repeat; padding-bottom:20px;}
#box_news_pic_fix{border:2px solid #CCC; margin-right:10px; background:#FFF; width:100px; height:80px ; overflow: hidden; float:left; padding:}
#box_news_pic_fix A:hover{border:2px solid #F00; margin-right:10px; background:#FFF; width:100px; height:80px ; overflow: hidden; float:left; padding:}


#menu{ float:left; height:41px;   background:url(../images/skin/bgmenu.jpg) repeat-x; border-left:1px solid  #E1E1E1; margin-top:10px; margin-left:4px}

#menu ul { list-style:none; margin:0px; padding:0px }
#menu li{ font-family:Arial, Helvetica, sans-serif;  font-weight:bolder; text-transform:uppercase; float: left; height:41px;line-height:41px; font-size:9pt; border-right:1px solid #E1E1E1}
#menu a{ display:block; color:#333;  padding-left:8px; padding-right:8px; padding-top:5px; font-weight:bolder  }
#menu a:hover{ color: #333;text-decoration:none; background:url(../images/skin/menu_over.jpg)   center top no-repeat}


.en{ padding-left:18px; padding-right:19px; }
.fr{ padding-left:3px; padding-right:3px; }
.sp{ padding-left:0px; padding-right:0px;   }

#clear{ clear:both}


DIV#sub_nav_container {
	MIN-HEIGHT: 230px; WIDTH: 181px; BACKGROUND: url(../images/skin/border_right.gif) no-repeat right top; FLOAT: left
}
DIV#sub_nav_container UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 171px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DIV#sub_nav_container UL LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; text-transform:uppercase; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DIV#sub_nav_container UL LI A {
	PADDING-BOTTOM: 8px;  MARGIN: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/skin/divider.gif) no-repeat center bottom; FONT-SIZE: 8pt; TEXT-DECORATION: none; PADDING-TOP: 8px;  color:#333
}
DIV#sub_nav_container UL LI A:hover {
	PADDING-BOTTOM: 8px;  MARGIN: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/skin/divider.gif) no-repeat center bottom; FONT-SIZE: 8pt; TEXT-DECORATION: none; PADDING-TOP: 8px;   color: #F00
}

DIV#sub_nav_container UL LI A.expandable {
	BACKGROUND: url(../images/skin/divider-plus.gif) no-repeat center bottom; FONT-WEIGHT: normal
}
DIV#sub_nav_container UL LI.active > A.expandable {
	BACKGROUND: url(../images/skin/divider-minus.gif) no-repeat center bottom; FONT-WEIGHT: bold
}
DIV#sub_nav_container UL LI A.expanded {
	BACKGROUND: url(../images/skin/divider-minus.gif) no-repeat center bottom; FONT-WEIGHT: bold
}
DIV#sub_nav_container UL LI UL LI {
	BACKGROUND: none transparent scroll repeat 0% 0%; border-bottom:1px solid #f3f3f3;  WIDTH: 140px;
}
DIV#sub_nav_container UL LI UL LI A {
	PADDING-BOTTOM: 3px;   MARGIN: 0px 0px 0px 3px; PADDING-LEFT: 3px; WIDTH: 140px; PADDING-RIGHT: 3px; DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 9pt; TEXT-DECORATION: none; PADDING-TOP: 3px; color:#09C; font-family:Arial, Helvetica, sans-serif; text-transform:none;
}
DIV#sub_nav_container UL LI UL LI A:hover {
	PADDING-BOTTOM: 3px;   MARGIN: 0px 0px 0px 3px; PADDING-LEFT: 3px; WIDTH: 140px; PADDING-RIGHT: 3px; DISPLAY: block; BACKGROUND:#efefef; FONT-SIZE: 9pt; TEXT-DECORATION: none; PADDING-TOP: 3px; font-family:Arial, Helvetica, sans-serif
}
DIV#sub_nav_container UL LI UL LI A.grey_bg {
	BACKGROUND-COLOR: #efefef
}
DIV#sub_nav_container UL LI UL LI A.selected {
	BACKGROUND: url(../images/sub_nav/arrow.gif) #77a311 no-repeat right center; COLOR: #ffffff
}
DIV#sub_nav_container UL LI UL LI A:hover {
	BACKGROUND: url(../images/sub_nav/arrow.gif) #77a311 no-repeat right center; COLOR: #ffffff
}
#poll_container {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 10px
}

#right_container{ float:left; width:710px;   margin-left:15px; padding-bottom:20px;}
#box_product{float:left; width:350px;  padding:10px;   margin-bottom:10px;  margin-right:15px;}
#box_product_pic{border:5px solid  #CCC; margin-right:10px; background:#FFF; width:155px; height:95px;  overflow: hidden; float:left; margin-bottom:10px;}


DIV#recipes_listing UL LI IMG.read_more {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
DIV#recipes_listing {
	FLOAT: left
}
DIV#recipes_listing A {
	CURSOR: pointer; TEXT-DECORATION: none
}
DIV#recipes_listing UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DIV#recipes_listing UL LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 350px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 120px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; 
}
DIV#recipes_listing UL LI IMG {
	BORDER-BOTTOM: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; FLOAT: left; BORDER-TOP: #ececec 1px solid; BORDER-RIGHT: #ececec 1px solid
}
DIV#recipes_listing UL LI DIV {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; WIDTH: 165px; PADDING-RIGHT: 0px; FLOAT: left; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
DIV#recipes_listing UL LI DIV.recipe_desc {
	HEIGHT: 69px; OVERFLOW: hidden
}
DIV#recipes_listing UL LI DIV H3 {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
DIV#filter {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
DIV#filter P {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; FONT-SIZE: 10px; PADDING-TOP: 10px
}
DIV.recipes_thumbs_container {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: url(../images/skin/thumbs_divider.jpg) no-repeat center bottom; FLOAT: left; PADDING-TOP: 0px
}
DIV.recipes_thumbs_container UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 16px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DIV.recipes_thumbs_container UL LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 110px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px ; border-bottom:1px solid #CCC; margin-bottom:10px; width:100%;
}
DIV.recipes_thumbs_container UL LI IMG {
	FLOAT: left
}
DIV.recipes_thumbs_container UL LI P {
	MARGIN: 0px 0px 5px 5px; WIDTH: 125px; FLOAT: left
}
DIV.recipes_thumbs_container UL LI H4 {
	MARGIN: 0px 0px 0px 0px; WIDTH: 130px; FLOAT: left; font-size:8pt;
}
DIV#product_center_container {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 558px; PADDING-RIGHT: 5px; background:url(../images/skin/border_right.gif) no-repeat right top; FLOAT: left; PADDING-TOP: 0px
}
.recipes_center_header {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 440px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/bg/header_divider.gif) no-repeat center bottom; FLOAT: left; PADDING-TOP: 8px
}
.product_center_image {
	TEXT-ALIGN: center; PADDING-BOTTOM: 25px; PADDING-LEFT: 0px; WIDTH: 460px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/bg/products_middle_divider.jpg) no-repeat center bottom; FLOAT: left; OVERFLOW: hidden; PADDING-TOP: 0px
}
.product_center_text {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; WIDTH: 400px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 20px
}


#apDiv1 {
	position:absolute;
	width:320px;
	height:115px;
	z-index:9999; margin-left: 76px; margin-top:80px;
}
#apDiv2 {
	position:absolute;
	width:320px;
	height:115px;
	z-index:9999; margin-left: 36px; margin-top:25px;
}
.download1
{
	padding-top:3px;padding-bottom:3px;
	background:#ffffff;
}
.download0
{
	padding-top:3px;padding-bottom:3px;
	background:#efefef;
}