/*Element Styles
******************************/
body {
	background: url(~/media/ajinomotofoods/bg_gradient.ashx) repeat-x #e1e0e0;
	font: 10pt "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	}

div {margin: 0; padding: 0;}
	
a {color: black; text-decoration: underline; cursor: pointer;}
a:hover {text-decoration: none;}
a:visited {font-family: inherit; color: inherit;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1, h2 {float: left; text-indent: -10000px;}
h1 a {
	background: url(~/media/ajinomotofoods/gfx_ajinomoto.ashx) no-repeat bottom right;
	display: block;
	height: 55px;
	
	position: relative;
	top: 16px;
	left: 25px;	
	width: 235px;
	}
h2.logo {float: right;}
h2.logo a {
	background-image: url(~/media/ajinomotofoods/gfx_logos.ashx);
	background-repeat: no-repeat;
	display: block;
	height: 78px;
	}
	h2.logo a.global {background-position: 0px 0px; width: 85px;}
	h2.logo a.frozen {background-position: -85px 0px; width: 75px;}
	h2.logo a.amoy {background-position: -160px 0px; width: 80px;}


ul, ol {margin-left: 0; margin-right: 0; padding-left: 2em;  padding-right: 0;}	
	
/*Layout Styles
******************************/
.landing1 {color: #333; background: #fff url(~/media/ajinomotofoods/recipes/landing.ashx) left top no-repeat; padding: 0 15px 0 15px;   width: 610px;height: 350px;}

.left {float: left;}
.noclear {clear: none;}
.break {clear: both;}
.right {float: right; clear: right;}

.alignright {text-align: right;}

.visible {display: block;}
.hidden {display: none;}

.onlyprint {display: none;}/*kkkk*/

#page {
	margin: auto;
	width: 875px;
	}
	
#header {
	background: url(~/media/ajinomotofoods/bg_header.ashx);
	margin-top: 20px;
	height: 105px;
	width: 875px;
	}

#hero {width: 875px;}

#hero {background: url(~/media/ajinomotofoods/contact/hero.ashx); height: 158px;}

#main {background: url(~/media/ajinomotofoods/bg_main_new.ashx) repeat-y;}
#main .break {height: 0px;}
#main-top, #main-bottom {background-repeat: no-repeat; clear: both; height: 10px;}
#main-top {background-image: url(~/media/ajinomotofoods/bg_main_top_new.ashx); background-position: bottom; padding: 6px 0 0 0; margin: 0;}
#main-bottom {background-image: url(~/media/ajinomotofoods/bg_main_bottom_new.ashx);}

/*

#aside {
	background: url(~/media/ajinomotofoods/bg_aside_back.ashx) repeat-x #bab2b2;
	float: left;
	min-height: 280px;
	padding: 0 10px 0 10px;
	width: 198px;
	}
#aside h3 {
	background: url(~/media/ajinomotofoods/bg_aside_header.ashx) no-repeat bottom right;
	text-indent: -10000px;
	height: 52px;
	margin: auto;
	width: 187px;
	}
#aside p {font-size: 8pt;}
    #aside ul {font-size: 9pt; font-weight: bold; padding-left: 3em; list-style: none; text-transform: uppercase;}

#aside ul ul {
	display: none;
	text-transform: none;
	padding: 0;
	margin: 0;
	}
	#aside ul ul li {padding-left: 1em; font-weight: normal;}
#aside ul a {padding: 0; text-decoration: none;}
#aside ul a:hover {text-decoration: underline;}

#aside li.active, #aside li.inactive {
	background: 0px 2px no-repeat;
	padding-left: 10px;
	margin-left: -10px;
	}
	#aside li.inactive {background-image: url(~/media/ajinomotofoods/icn_arrow_right.ashx);}
	#aside li.active {background-image: url(~/media/ajinomotofoods/icn_arrow_down.ashx); background-position: 0px 5px;}
	#aside li.active ul {display: block;}
	
#aside li.active ul li {list-style-type: disc; list-style-position: inside;}

#aside li.active ul li a.selected
{
    text-decoration:underline;
}

#aside li.active ul li a.unselected
{
    text-decoration:none;
}
#aside li.active ul li a:hover
{
    text-decoration:underline;
}
*/




#aside {
	background: url(~/media/ajinomotofoods/bg_aside-back_new.ashx) repeat-x #f5f5f5;
	float: left;
	min-height: 280px;
	padding: 0 10px 0 5px;
	width: 203px;
	}
	
#aside img {
	padding: 0 0 5px 0;
	border:0;
	}



#content {float: right; padding: 0 10px 0 10px; width: 631px;}
#content .column3 {clear: right; float: left; padding: 0 5px 0 5px; width: 200px;} /*One third*/
#content .column2 {clear: right; float: left; padding: 0 5px 0 5px; width: 305px;} /*One Half*/
#content .column23 {clear: right; float: left; padding: 0 0px 0 0px; width: 280px;} /*Two thirds*/
#content .column24 {clear: right; float: left; padding: 0 5px 0 5px; width: 410px;} /*Two fourth*/
#content .column-recipes { float: left; padding: 0 5px 0 5px; width: 620px;} /*Two fourth*/

#content h3 {
	color: #666;
	font-size: 24pt;
	float: right;
	text-transform: uppercase;
	padding: 10px 20px 0 0;
	}
#content a.view {font-family: "Arial", sans-serif; font-size: 9pt; text-transform: uppercase; color: #666;}


#bottom {height: 92px; margin-top: 6px; width: 875px;}
#bottom a.feature {float: left; height: 92px; text-indent: -10000px;}
#bottom .first {background: url(~/media/ajinomotofoods/feature1.ashx); width: 218px;}
#bottom .second {background: url(~/media/ajinomotofoods/feature2.ashx); margin-left: 6px; width: 328px;}
#bottom .third {background: url(~/media/ajinomotofoods/feature4.ashx); width: 323px;}


#footer {clear: both; font-family: "Arial", sans-serif; font-size: 8pt; margin-top: 6px;}
#footer ul {border-top: 1px solid gray; border-bottom: 1px solid gray; float: right; list-style: none; margin-bottom: 0;}
#footer ul li {display: block; float: left; padding: 2px 5px;}
#footer ul li a {color: gray; text-decoration: none; text-transform: uppercase;}
#footer ul li a:hover {color: black;}
#footer p {clear: both; float: right; margin-top: .25em; }


/*Navigation Styles
*************************/
#nav {
	clear: both;
	float: right;
	height: 27px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	width: 600px;/*kkkk*/
	z-index: 20;
	}
	#nav li {float: left; height: 27px;z-index: 20;}
	#nav li a, #nav li #searchbox, #nav li #find {
		display: block;
		height: 27px;
		background-image: url(~/media/ajinomotofoods/bg_nav.ashx);
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -10000px;z-index: 20;
		}
	#nav li a.home {background-position: 0 0; width: 63px;}
		
		#nav li a.home:hover, .home #nav li a.home {background-position: 0 -27px;}
	
	#nav li a.products {background-position: -63px 0; width: 75px;}
		
		#nav li a.products:hover, .products #nav li a.products {background-position: -63px -27px;}
	
	#nav li a.recipes {background-position: -139px 0; width: 65px;}
		
		#nav li a.recipes:hover, .recipes #nav li a.recipes {background-position: -139px -27px;}
	
	#nav li a.press {background-position: -204px 0; width: 45px;}
		
		#nav li a.press:hover, .press #nav li a.press {background-position: -204px -27px;}
	
	#nav li a.about {background-position: -250px 0; width: 80px;}
		
		#nav li a.about:hover, .about #nav li a.about {background-position: -250px -27px;}
	
	#nav li a.contact {background-position: -327px 0; width: 86px;}
		
		#nav li a.contact:hover, .contact #nav li a.contact {background-position: -327px -27px;}	

	#nav li #searchbox {
		
		background-position: -413px -27px;
		
		float: left;
		
		width: 126px;
		
		text-indent: 0;
		
		}
		#nav li #searchbox input {
			color: red;
			border: none;
			background: none;
			display: block;
			font-weight: bold;
			height: 14px;
			margin: 5px 0 3px 6px;
			text-indent: 0;
			width: 117px;
			}
	
	#nav li #find {
		background: url(~/media/ajinomotofoods/bg_nav.ashx) -539px 0;
		border: none;
		float: left;
		height: 27px;
		margin: 0;
		width: 60px;
		text-indent: -10000px;
		font-size: 0px;
		}
		#nav li #find:hover, #nav li #find:focus {background-position: -539px -27px;}
	#nav li ul {
		display: none;
			
		background: url(~/media/ajinomotofoods/bg_nav_dropdown.ashx);
		list-style: none;
		position: absolute;
		margin: 0;
		padding: 0;
		font-family: "Trebuchet MS";
		font-weight: bold;
		text-transform: uppercase;
		width: 150px;
		}
		#nav li ul li {float: none; display: block; height: auto; margin: 0; padding: 0;}
		#nav li ul li a {
			background: none;
			color: #424242;
			display: block;
			height: auto;
			text-decoration: none;
			text-indent: 0;
			margin: 0;
			padding: 2px 10px 2px 10px;
			width: 130px;
			}
		#nav li ul li a:hover {background: #999;}

/* Form Styles
***************************/
form.search input {clear: none; float: left;}

form input {border: 0px solid #333; background: #DDD;}


/* Search
***************************/
.search #content ul a {color: red; font-weight: bold;}
.search #content ul li {padding-bottom: .75em; list-style: none;}

.column3 {padding-left: 1em;}

.map {border: 3px solid #888; margin-right: 20px;}
 .resultsbar {text-align: center;  padding:0;}
 .resultsbar a {padding: 0 3px 0 3px; color:red;}
 
.search #content h3 {background: url(~/media/ajinomotofoods/header_search.ashx) bottom left no-repeat;
	float: right;
	height: 54px;
	margin-left: 15px;
	text-indent: -10000px;
	width: 225px;
}

/* Locator
***************************/
.locator #content ul a {color: red; font-weight: bold;}
.locator #content ul li {padding-bottom: .75em; list-style: none;}

.column3 {padding-left: 1em;}

.map {border: 3px solid #888; margin-right: 20px;}
 .resultsbar {text-align: center;  padding:0;}
 .resultsbar a {padding: 0 3px 0 3px; color:red;}
 
.locator #content h3 {background: url(~/media/ajinomotofoods/header_locator.ashx) bottom left no-repeat;
	float: right;
	height: 54px;
	margin-left: 15px;
	text-indent: -10000px;
	width: 313px;
}



/* Webinar
***************************/
.webinar {font: 9pt "Trebuchet MS", sans-serif; color:#000;  padding:0 15px 10px; width: 270px; }

.webinar_vids {font: 9pt "Trebuchet MS", sans-serif; color:#666;  padding:0 15px 10px; width: 270px; float: left; }

.webinar_vids h4 {font: 14pt "Trebuchet MS", sans-serif; color:#666; width: 270px; float: left; }

.webinar img  {border: none;}
.webinar #content h3 {background: url(~/media/ajinomotofoods/header_webinars.ashx) bottom left no-repeat;
	float: right;
	height: 54px;
	margin-left: 15px;
	text-indent: -10000px;
	width: 200px;
}

/* Sitemap
***************************/

.sitemap #content h3 {background: url(~/media/ajinomotofoods/contact/title_header_sitemap.ashx) bottom left no-repeat;
	float: right;
	height: 34px;
	padding: 15px 12px 0 15px;
	text-indent: -10000px;
	width: 150px;
}

/* Disclaimer
***************************/

.disclaimer #content h3 {background: url(~/media/ajinomotofoods/terms/title_header_termsof_use.ashx) bottom left no-repeat;
	float: right;
	height: 34px;
	padding: 12px 12px 0 15px;
	text-indent: -10000px;
	width: 248px;
}