/*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/bottombanner1.ashx); width: 218px;}
#bottom .second {background: url(~/media/ajinomotofoods/bottombanner2.ashx); margin-left: 6px; width: 328px;}
#bottom .third {background: url(~/media/ajinomotofoods/bottombanner3.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: inherit;
	height: 27px;
	list-style: none;
	margin: 0 0 0 33px;
	padding: 0px 0 0 0;
	overflow: visible;
	width: 875px;/*809px*/
	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_shop.ashx);
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		overflow: hidden;
		text-indent: -10000px;z-index: 20;
		}
		#nav li a.home {background-position: 3px 0; width: 60px;}		
	#nav li a.home:hover, .home #nav li a.home {background-position: 3px -27px;}
	#nav li a.products {background-position: -56px 0; width: 78px;}
		#nav li a.products:hover, .products #nav li a.products {background-position: -56px -27px;}	
	#nav li a.recipes {background-position: -135px 0; width: 65px;}
		#nav li a.recipes:hover, .recipes #nav li a.recipes {background-position: -135px -27px;}
	#nav li a.press {background-position: -202px 0; width: 50px;}
		#nav li a.press:hover, .press #nav li a.press {background-position: -202px -27px;}
	#nav li a.about {background-position: -253px 0; width: 80px;}
		#nav li a.about:hover, .about #nav li a.about {background-position: -253px -27px;}
	#nav li a.contact {background-position: -335px 0; width: 86px;}
		#nav li a.contact:hover, .contact #nav li a.contact {background-position: -335px -27px;}
	/*#nav li a.shop {background-position: -134px 0; width: 52px;}
		#nav li a.shop:hover, .shop #nav li a.shop {background-position: -134px -27px;}*/

	#nav li #searchbox {
		background-position: -419px 0px;
		float: left;
		width: 135px;
		text-indent: 0;
		}
		#nav li #searchbox input {
			color: red;
			border: none;
			background: none;
			display: block;
			font-weight: bold;
			height: 14px;
			margin: 5px 0px 3px 10px;
			text-indent: 0;
			width: 110px;
			}
	
	#nav li #find {
		background-position: -555px 0;
		border: none;
		float: left;
		height: 27px;
		margin: 0;
		width: 48px;
		text-indent: -9900px;
		font-size: 0px;cursor:pointer;
		}
		#nav li #find:hover, #nav li #find:focus {background-position: -555px 0px;}
		
	#nav li a.shop {background-position: -610px 0; width: 80px;}
		#nav li a.shop:hover, .shop #nav li a.shop {background-position: -610px -27px;}
	
	#nav li a.cart 
	{
	
		background-position: -690px 0; width:70px; 
		font-family: "Trebuchet MS"; 
		text-decoration:none; 
		color:maroon; 
		font-size:80%;
		font-weight:bold;
	}
	#nav li #cart:hover, .cart #nav li a.cart {background-position: -690px -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;
		border:1px solid;
		}
		#nav li ul li {float: none; display: block; height: auto; margin: 0; padding: 0;text-align:left;}
		#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;width:130px;}

#nav li a.facebook
	{
		background-position: -760px 0; width:40px; 		
	}
	#nav li #facebook:hover, .facebook #nav li a.facebook {background-position: -760px -27px;}
	
/* 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 {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: 220px;
}

/* 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;
}