html/* CSS Document */
{
	background-image:url(assets/templateImg/aromatics-bgGrad.jpg);
	margin:0;
	padding:0;
	background-position:top;
	background-repeat:repeat-x;
	background-color:#767BC1;
	font-size:12px;
}
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFFFFF
}
.middleWrapper{
	width:820px;
	background-image:url(assets/templateImg/aromatics-midBg.jpg);
	background-repeat:repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	overflow: hidden;
	display: inherit;
}
.Topwrapper{
	width:820px;
	background-image:url(assets/rotates/0.jpg);
	background-position:top;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	_height: 277px; /* bug fox for IE */
	height: 136px;
}

}
.mbw{padding:10px;}
.content{
	float:right;
	width:550px;
	padding-right:40px;
	overflow: auto;
	background-image: url(assets/templateImg/RightGrad.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.content   p, .content   li{
	padding-top:0;
	margin-top:3px;
	line-height:1.4em;
	color:#485056;
}
.content  h1{font-size:1.3em;padding-bottom:5px;border-bottom:1px solid #CCCCCC; color:#485056;}
.content  h3{
	font-size:1.1em;
	color:#485056;
	padding-bottom:0px;
	margin-bottom:0px;
	font-weight: bold;
}
.content  a{color:#669999;}
.content  a:hover{color:#476B6B;}
.floatright{float:right;margin-left:10px;margin-bottom:10px;}
.footer{
	width:820px;
	margin:0px auto;
	background-image:url(assets/templateImg/aromatics-footer.jpg);
	background-position:top;
	background-repeat: no-repeat;
	padding-top:36px;
	text-align:center;
}
.footer  *{
	color:#9ED6F7;
	text-decoration:none;
	font-size:10px
}
.footer  a:hover{text-decoration:underline;}
.menu{
	width:180px;
	padding-left:35px;
	float:left;
	height: auto;
	background-image: url(assets/templateImg/navigation.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.clearboth{clear:both;}

th{background-color: #E5E5E5;}
tr{background-color:#F4F4F4;}
th,td{padding:3px;}
tr:hover{background-color:#FFFFFF;}
.nav, .nav  ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 13em;
	}
.nav  li { /* all list items */
	position : relative;
	float : left;
	line-height : 1em;
	margin-bottom : -1px;
	width: 13em;
	}
.nav  li  ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 13em;
		margin-top : -2.2em;
	}
.nav  li  ul  ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	.nav li a {
		width: 13em;
		w\idth : 12em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		background-color: white;
		padding : 0.5em;
	}
	
	.nav li a:hover {
		color : white;
		background-color: #485056;
	
	}
	
	.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
a img{border:none; text-decoration:none;}
.menu * {
	font-size: 11px;
	color: #485056;
	text-decoration: none;
	font-weight: bold;
}
.menu a:hover {
}

/* BELOW = SEARCH BOX CSS */

	.highlight { background: #FFFF40; }
	
		.searchheading {
	font-size: 120%;
	font-weight: bold;
	color: #485056
}
		.summary { font-size: 80%; font-style: italic;  color: #666}
		.suggestion {
	font-size: 100%;
	color: #333;
}
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title {
	font-size: 100%;
	color: #2B8FD0
}	
		.result_title  a{
	font-size: 100%;
	color: #2B8FD0
}	

		.result_title  a:hover {
	font-size: 100%;
	color: #666
}	


		.description { font-size: 100%; color: #666; }
		.context {
	font-size: 90%;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
}
		.infoline {
	font-size: 80%;
	font-style: normal;
	color: #2A93CC;
	text-align: right;
}

		.zoom_searchform { font-size: 100%;  color: #999999}
		.zoom_results_per_page { font-size: 80%; margin-left: 10px;  color: #999999}
		.zoom_match { font-size: 80%; margin-left: 10px; color: #999999}				
		.zoom_categories { font-size: 80%; color: #999999}
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
		.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
	background-color: #E9F6FC;
	padding: 15px;
}
		.result_altblock {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
	padding: 15px;
}
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
		.recommend_image { float: left; display: block; }
		.recommend_image img { margin: 10px; width: 80px; border: 0px; }