html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, 
big, cite, code, del, dfn, em, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body{
margin:auto;
min-width:980px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.8em;
overflow-y:auto;
}

/*@font-face {
font-family: PSLxKittithada;
src: url('../../public/fonts/pslxkittithada-webfont.eot');
src: url('../../public/fonts/pslxkittithada-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../public/fonts/pslxkittithada-webfont.woff') format('woff'),
     url('../../public/fonts/pslxkittithada-webfont.ttf') format('truetype'),
     url('../../public/fonts/pslxkittithada-webfont.svg#pslxkittithadaregular') format('svg');
font-weight: normal;
font-style: normal;
}*/

/*@font-face {
font-family: thaisanslite;
src: url("http://www.jagota.com/public/fonts/thaisanslite_r1-webfont.eot");
src: url("http://www.jagota.com/public/fonts/thaisanslite_r1-webfont.eot?") format('embedded-opentype'),
     url("http://www.jagota.com/public/fonts/thaisanslite_r1-webfont.woff") format('woff'),
     url("http://www.jagota.com/public/fonts/thaisanslite_r1-webfont.ttf") format('truetype'),
     url("http://www.jagota.com/public/fonts/thaisanslite_r1-webfont.svg#thai_sans_literegular") format('svg');
font-weight: normal;
font-style: normal;
}*/

@font-face {
	font-family: Thaisanslite;
 	src:	url("http://www.jagota.com/public/fonts/thaisanslite_r1.eot");
	src:	url("http://www.jagota.com/public/fonts/thaisanslite_r1.eot?") format('embedded-opentype'),
			url("http://www.jagota.com/public/fonts/thaisanslite_r1.ttf") format('truetype'),
			url("http://www.jagota.com/public/fonts/thaisanslite_r1.woff") format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: PSL Kittithada;
 	src:	url("http://www.jagota.com/public/fonts/PSL-Kittithada.eot");
	src:	url("http://www.jagota.com/public/fonts/PSL-Kittithada.eot?") format('embedded-opentype'),
			url("http://www.jagota.com/public/fonts/PSL-Kittithada.ttf") format('truetype'),
			url("http://www.jagota.com/public/fonts/PSL-Kittithada.woff") format('woff');  
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'alegreyaregular';
    src: url('http://www.jagota.com/public/fonts/alegreya-regular-webfont.eot');
    src: url('http://www.jagota.com/public/fonts/alegreya-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.jagota.com/public/fonts/alegreya-regular-webfont.woff') format('woff'),
         url('http://www.jagota.com/public/fonts/alegreya-regular-webfont.ttf') format('truetype'),
         url('http://www.jagota.com/public/fonts/alegreya-regular-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alegreya_scregular';
    src: url('http://www.jagota.com/public/fonts/alegreyasc-regular-webfont.eot');
    src: url('http://www.jagota.com/public/fonts/alegreyasc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.jagota.com/public/fonts/alegreyasc-regular-webfont.woff') format('woff'),
         url('http://www.jagota.com/public/fonts/alegreyasc-regular-webfont.ttf') format('truetype'),
         url('http://www.jagota.com/public/fonts/alegreyasc-regular-webfont.svg#alegreya_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alegreya_sansregular';
    src: url('http://www.jagota.com/public/fonts/alegreyasans-regular-webfont.eot');
    src: url('http://www.jagota.com/public/fonts/alegreyasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.jagota.com/public/fonts/alegreyasans-regular-webfont.woff') format('woff'),
         url('http://www.jagota.com/public/fonts/alegreyasans-regular-webfont.ttf') format('truetype'),
         url('http://www.jagota.com/public/fonts/alegreyasans-regular-webfont.svg#alegreya_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alegreya_sans_scregular';
    src: url('http://www.jagota.com/public/fonts/alegreyasanssc-regular-webfont.eot');
    src: url('http://www.jagota.com/public/fonts/alegreyasanssc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.jagota.com/public/fonts/alegreyasanssc-regular-webfont.woff') format('woff'),
         url('http://www.jagota.com/public/fonts/alegreyasanssc-regular-webfont.ttf') format('truetype'),
         url('http://www.jagota.com/public/fonts/alegreyasanssc-regular-webfont.svg#alegreya_sans_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleoregular';
    src: url('http://www.jagota.com/public/fonts/aleo-regular-webfont.eot');
    src: url('http://www.jagota.com/public/fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.jagota.com/public/fonts/aleo-regular-webfont.woff') format('woff'),
         url('http://www.jagota.com/public/fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('http://www.jagota.com/public/fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerregular';
    src: url('http://www.jagota.com/public/fonts/aller_rg-webfont.eot');
    src: url('http://www.jagota.com/public/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.jagota.com/public/fonts/aller_rg-webfont.woff') format('woff'),
         url('http://www.jagota.com/public/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('http://www.jagota.com/public/fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div{position:relative;}

/* jagota */
body , div , a {
	margin:0px;
	padding:0px;
	border:0px;
}

a {
	text-decoration:none;
	color:black;
}

body,html {
	/*background:url(../../public/images/bg_menu.png) repeat-x;*/
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
  	padding: 0;
}

.clear{
	clear:both;
}

#wrapper{
	min-width:980px;
	/*max-width:1500px;*/
	display: block;
	/*min-height: 100%; /* real browsers */
	/*height: auto !important; /* real browsers */
	height: 100%; /* IE6 bug */
	margin:auto;
   /*margin-bottom: -77px;*/
	overflow:visible;
	text-align:center;
}

#wrapper-meat{
	width:980px;
	display: block;
   min-height: 100%; /* real browsers */
   height: auto !important; /* real browsers */
   height: 100%; /* IE6 bug */
   margin:auto;
   margin-bottom: -121px; /* กำหนด margin-bottom ให้ติดลบเท่ากับความสูงของ footer */
}

#headerCon{
height:82px;width:100%;
min-width:980px;
background-color:#f4f2f0;
z-index:20;
}

#logoCon{
position:absolute;
top:0px;left:50%;
height:154px;width:124px;
z-index:999;
}

#logoDiv{
position:relative;
height:154px;width:124px;
left:-50%;
/*background:url(../../public/images/logo2.png) no-repeat;*/
}

#logoDiv:hover{
cursor:pointer;
}

#mainMenuLeft,
#mainMenuRight{
position:relative;
display:inline-block;
top:36px;
height:40px;width:45%;
min-width:420px;
zoom: 1;
*display: inline;
}

#mainMenuLeft{float:left;}
#mainMenuRight{float:right;}

div.mainMenuListLeft,
div.mainMenuListRight{
height:40px;width:24%;
border-right:dashed 1px #c4c4c3;
text-align:center;
vertical-align:middle;
z-index:20;
}

div.mainMenuListLeft{float:right;}
div.mainMenuListRight{float:left;}

div.mainMenuListLeft img,
div.mainMenuListRight img{
margin-top:6px;
}

div.mainMenuList a,
div.mainMenuListRight a{
text-decoration:none;
border:none;
}

/* slide menu */
#productsSlideMenuOuter{
position:absolute;
height:100%;width:190px;
top:0px;left:50%;
}

#recipesSlideMenuOuter{
position:absolute;
height:100%;width:170px;
top:0px;left:50%;
}

#productsSlideMenu,
#recipesSlideMenu{
position:absolute;
bottom:-6px;left:-50%;
height:290px;width:190px;
background:white;
/*background-color:rgba(255,255,255,0.9);*/
/*opacity:0.9;*/
/*filter:alpha(opacity=90); /* For IE8 and earlier */
border-radius:0px 0px 8px 8px;
border:1px solid #ccc;
border-top:none;
z-index:19;
}

#recipesSlideMenu{
height:150px;width:170px;
}

#productsSlideMenuBind,
#recipesSlideMenuBind{
position:absolute;
height:220px;width:192px;
bottom:-6px;left:-50%;
background-color:#f4f2f0;
z-index:20;
}

#recipesSlideMenuBind{
height:151px;width:172px;
left:-50%;
}

#products{
position:absolute;
height:100%;width:192px;
top:0px;left:-50%;
z-index:22;
text-align:center;
}

#recipes{
position:absolute;
height:100%;width:172px;
top:0px;left:-50%;
z-index:22;
}

div.menuTricker{
height:40px;width:159px;
margin:auto;
}

#foodsIcon{
height:60px;width:180px;
margin:10px 0 0 5px;
background:url('../../public/images/icon/foodsIcon.png');
}

#bakeryIcon{
height:40px;width:180px;
margin:0 0 0 5px;
background:url('../../public/images/icon/bakeryIcon.png');
}

#exportIcon{
height:40px;width:180px;
margin:0 0 0 5px;
background:url('../../public/images/icon/exportIcon_300x100.png');
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}

#foodsIconRecipe{
height:60px;width:170px;
margin:10px 0 0 0;
background:url('../../public/images/icon/foodsIcon.png') -5px 0px;
}

#bakeryIconRecipe{
height:40px;width:170px;
margin:20px 0 0 0;
background:url('../../public/images/icon/bakeryIcon.png') -5px 0px;
}

#foodsIcon:hover,
#bakeryIcon:hover,
#exportIcon:hover,
#foodsIconRecipe:hover,
#bakeryIconRecipe:hover{
cursor:pointer;
}

#foodsMenu,
#bakeryMenu,
#exportMenu{
padding-left:3px;
text-align:left;
line-height:20px;
font-style:italic;
font-size:0.9em;
}

a.slideMenuList{
color:#5b5b5c;
}

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

/* lang */
div.langDiv{
position:absolute;
top:5px;right:1%;
height:15px;width:310px;
z-index:5;
font-size:0.8em;
}

div.enLang{
	float:left;
	height:12px;width:17px;
	background:url(../../public/images/flagLang.png) 0 -32px no-repeat;
}

div.thLang{
	float:left;
	height:12px;width:17px;
	margin-left:8px;
	background:url(../../public/images/flagLang.png) 0 -44px no-repeat;
}

a.langController{
	
}

a.langController_activated{
text-decoration:underline;
}

div.langDiv span{
margin:0 3px;
}

a.mainMenu{
color:#062f4b;
border:none;
}

a.mainMenu:hover{
cursor:pointer;
text-decoration:none;
}

a.mainMenu img{
border:none;
}

/* carrer button */
#carrerStrip{
position:absolute;
top:82px;right:0px;
height:88px;width:114px;
z-index:999;
}

img.carrerStripImg{
border:none;
}

#footer {
	/*position:fixed;
	bottom:0;*/
	height:75px;width:100%;
   	display: block;
	padding:0px;
	/*margin-top:-20px;*/
	text-align: center;
	/*background-color:#123860;*/
	/*background:url(../../public/images/footerTexture.png) repeat;*/
	background:url(../../public/images/footer_bg2.png) repeat;
	z-index:100;
}

#footerCenter{
position:relative;
width:980px;height:75px;
margin:auto;
}

#footerLogo1{
position:absolute;
left:50%;
height:45px;width:500px;
z-index:101;
}

#footerLogo{
position:relative;
top:-22px;left:-50%;
height:45px;width:500px;
background:url(../../public/images/footerLogo.png) no-repeat;
z-index:101;
}

#footerLogoText{
position:absolute;
top:-17px;left:287px;
height:36px;width:406px;
line-height:36px;
text-align:center;
z-index:22;
font-size:1em;
font-weight:bold;
letter-spacing:2px;
color:#d3c666;
z-index:102;
}

#footerText{
position:absolute;
top:22px;left:287px;
height:20px;width:406px;
line-height:20px;
text-align:center;
font-size:0.7em;
color:white;
}

#footerMenu{
position:absolute;
top:40px;left:287px;
height:20px;width:406px;
line-height:20px;
text-align:center;
font-size:0.7em;
color:white;
}

#footerMenu div{
display:inline;
}

#footerMenu a{
color:white
}

#footerMenu a:hover{
text-decoration:underline;
}



.footer-foodsolutions{
	background:url(../../public/images/footer.png) no-repeat;
	width:980px;
	height:77px;
	position:relative;
	margin:auto;
}

/* social icon */
#socialIconCon{
position:absolute;
top:15px;right:30px;
height:48px;width:150px;
}

div.socialIconList{
float:left;
height:48px;width:48px;
margin-right:10px;
background-repeat:no-repeat;
}

div.socialIconList:hover{
cursor:pointer;
position:relative;
top:-1px;right:-1px;
}

/* */
.main-left{
	width:490px;
	height:auto;
	float:left;
}

.main-right{
	width:490px;
	height:auto;
	float:left;
}

/* section */
.main-meat{
	width:980px;
	height:100%;
	float:left;
	margin-bottom:-18px;
	position: relative;
	z-index: 2;
	background:#fff;
}

.main-meat-left{
	width:490px;
	height:auto;
	float:left;
}

.main-meat-right{
	width:490px;
	height:auto;
	float:left;
}

.bg-Introduction{
	background:url(../../public/images/bg_Introduction.png) no-repeat;
	width:490px;
	height:400px;
	float:left;
	position:relative;
}

.bg-Introduction-1{
	background:url(../../public/images/bg_Introduction_1.png) no-repeat;
	width:980px;
	height:260px;
	position:relative;
}

.contant-meat{
	width:384px;
	height:152px;
	position:absolute;
	top:160px;
	left:100px;
}

#banner{
	width:490px;
	height:250px;
	float:left;
	background:#F00;
}

#banner img{
	width:490px;
	height:250px;
}

.slider-right-meat{
	width:50%;
	height:660px;
	float:left;
}

#footer-1 {
	background:url(../../public/images/footer1_bg.png) repeat-x;
	height:121px;
   	display: block;
   	text-align: center;
	padding:0px;
	margin:0px;
	position:relative;
	z-index:3;
}

.footer-foodsolutions-1{
	background:url(../../public/images/footer1.png) no-repeat;
	width:980px;
	height:121px;
	position:relative;
	margin:auto;
}

.border-menu-meat-1{
	width:180px;
	height:auto;
	position:absolute;
	top:370px;
	left:0px;
	border-right:#CCCCCB dashed 1px;
	background:url(../../public/images/logo_beef.png) no-repeat;
}

.border-menu-meat-2{
	width:190px;
	height:auto;
	position:absolute;
	top:370px;
	left:185px;
	border-right:#CCCCCB dashed 1px;
	background:url(../../public/images/logo_veal&lamb1.png) no-repeat;
}

.border-menu-meat-3{
	width:215px;
	height:auto;
	position:absolute;
	top:370px;
	left:380px;
	background:url(../../public/images/logo_kurobuta1.png) no-repeat;
}

.menu-meat{
	font-size: 12px;
	font-weight: bold;
	color: #939191;
}

.menu-meat ul{
	padding-left:24px;
	margin-top:0px;
}

.menu-meat ul li a{
	color: #939191;
}

.menu-meat ul li a:hover{
	color: #620B18;
}

.bg2{
	width: 980px;
	height: 100%;
	position:fixed;
	z-index: 1;
	background: #fff;
}

.bg2 img{
	width: 100%;
	height: 82%;
}

/* css for dynamic page controller */
div.dynPageController1{
height:30px;width:646px;
margin:15px auto 20px;
text-align:center;
}

div.dynPageController1_inner{
display:inline-block;
height:auto;
overflow:hidden;
}

div.dynPageController1_prev,
div.dynPageController1_next{
position:relative;
float:left;
height:30px;width:30px;
}

div.dynPageController1_prev:hover,
div.dynPageController1_next:hover{
cursor:pointer;
top:-1px;left:1px;
}

div.dynPageController1_prev{
background:url(../../public/images/navImg1Trans.png) -553px -152px;
}

div.dynPageController1_next{
background:url(../../public/images/navImg1Trans.png) -482px -152px;
}

div.dynPageController1_pagesCon{
float:left;
height:auto;width:auto;
margin:5px 10px; 
}

.dynPageController1_pageText{
margin:0 5px;
}

.dynPageController1_page,
.dynPageController1_page_activated{
margin:0 3px;
font-size:0.9em;
padding:0 3px;
text-align:center;
}

.dynPageController1_page_activated{
font-weight:bold;
text-decoration:underline;
}

/* item list section */
div.productList{
float:left;
height:200px;width:190px;
margin:3px;
border:1px solid #ccc;
overflow:hidden;
border-radius:3px 3px 5px 5px;
background-color:white;
}

div.productList:hover{
cursor:pointer;
}

div.productListImageCon{
position:relative;
top:10px;
height:180px;width:180px;
margin:5px;
pointer-events:none;
}

div.productListImageInner{
display:table-cell;
width:180px;
height:180px;
pointer-events:none;
}

div.productListImageInner img{
position:relative;
width:100%;
height:100%;
display:none;
pointer-events:none;
}

div.productTitle{
position:absolute;
top:10px;left:0;
width:180px;
height:auto;
text-align:center;
font-size:1em;
pointer-events:none;
margin-left:5px;
}

a.itemTitle{
font-style:italic;
color:#9c9466;
}

div.productDesc{
position:absolute;
bottom:-80px;left:0;
height:70px;width:95%;
padding:5px;
color:#9c9466;
font-size:0.9em;
font-style:italic;
/*background-color:rgba(0,0,0,1);*/
border-top:1px solid #ccc;
background:white;
pointer-events:none;
}

div.productFade{
position:absolute;
top:0;left:0;
height:100%;width:100%;
background-color:rgba(255,255,255,0.7);
background:white;
opacity:0.7;
filter:alpha(opacity=70);
display:none;
pointer-events:none;
}

div.productTrigger{
position:absolute;
top:0;left:0;
height:100%;width:100%;
z-index:100;
pointer-events:none;
}

/* maps and image */
#googleMapsCanvas,
#imageMapsCanvas{
position:absolute;
top:10px;left:10px;
height:550px;width:800px;
border:1px solid black;
z-index:999;
display:none;
}

#imageMapsCanvas{
background-color:white;
text-align:center;
vertical-align:middle;
}

#imageMapsCanvas img{
position:relative;
max-height:500px;max-width:800px;
}

#canvasClose{
position:absolute;
height:17px;width:17px;
background:url(../../public/images/aimengine/icon/cross_del.gif);
z-index:1000;
display:none;
}

#canvasClose:hover{
cursor:pointer;
}

#imageMapsPrint{
position:absolute;
bottom:3px;right:2px;
height:20px;width:67px;
padding:0px 3px;
background-color:#999;
font-size:0.95em;
line-height:19px;
text-align:center;
color:#f3f3f3;
border-radius:3px 3px 3px 3px;
z-index:1100;
}

#imageMapsPrint:hover{
cursor:pointer;
}

@media print{@page {size: landscape}}