﻿/* CSS Document */

body { background-color:#cccccc;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
img {display: block;}

#page		
{
    position: relative;
	background-color:#ffffff;
	margin-top:15px;
	border:1px solid #000000;
	width: 980px; 
	margin-left: auto; 
	margin-right: auto;
}
#header
{
	background-image:url(../images/banner_full.gif);
	height:108px; 
	width:978px;
	position:relative;
}

#logo_left	
{
    margin:33px 0px 0px 15px;
 	height:70px;
	width:510px;
	position:absolute;
}

#logo_left	a, #logo_left a:link, #logo_left a:active, #logo_left a:visited, #logo_left a:hover
{
    padding:0px 242px 0px 242px;
    font-size: 45px;
	text-decoration:none;
}

#banner_right	
{
 	height:108px;
	width:450px;
	float:right;
	background-color:#faf5fa;
}

#news_links		
{
	padding:10px 0px 0px 25px;
	line-height:20px;
}
#news_links p
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#navigation {
 	background-image:url(../images/nav_bg.gif); 
	width:980px;
	clear:both;
}
#navigation_links {	
	padding: 10px 0px 10px 20px;
}

#main 
{
	padding:0 0 4px 0;
}

.list_prev_next
{
	margin:0px 0px 10px 0px;
}

/***************************************** General Page Content */

#vert_divider_image
{
	background-image:url(../images/vertical_stripe.jpg); 
	width:4px;
	float:right;
}
.error_message
{
	padding:80px 0 280px 0; 
}
.thank_you_message
{
	padding:80px 0 280px 20px; 
}
/***************************************** Default Page */

#default_main_content_paragraph1
{
	line-height:26px;
	padding:10px 40px 10px 15px;
}
#default_main_content_paragraph2
{
	line-height:23px;
	padding:0px 40px 10px 15px;
}
#default_main_left_col
{
   width:458px;
   float:left;
}
#default_main_right_col
{
   width:420px;
   margin:25px 0px 10px 35px;
   float:left;
}
#default_view_all_products
{
	border-top: 1px #a66d9a solid;
	border-bottom: 1px #a66d9a solid;
	padding:10px 0px 0px 0px;
	margin:0 0 30px 0;
	line-height:30px;
	background-image:url(../images/view_all_products_bg.jpg); 
	width:420px;
	height:100px;
}

/***************************************** About Us Page */
#about_sub_nav
{
    position:relative;
	width:454px;
	height:30px;
	margin:15px 0px 5px 0px;
	background-image:url(../images/about_sub_nav.jpg); 
}
#about_sub_nav div
{
    position:absolute;
    top:4px;
    left:15px;
    padding:0px;
    margin:0px;
    line-height:16px;
}
#about_content
{
	width:417px;
	line-height:16px;
	padding:0px 0px 20px 15px;
}
#about_content2
{
	width:454px;
	line-height:16px;
	padding:0px 0px 20px 0px;
}
#about_left_col
{
   width:458px;
   float:left;
}
#about_right_col
{
   width:450px;
   margin:15px 0px 20px 25px;
   float:left;
}
.about_content_paragraph_large
{
	line-height:23px;
	padding:10px 0px 0px 0px;
}
.about_content_paragraph_small
{
	line-height:19px;
	padding:14px 0px 0px 0px;
}
.about_content_paragraph_small2
{
	line-height:18px;
	padding:5px 0px 10px 0px;
}
.about_content_paragraph_small3
{
	line-height:20px;
	padding:18px 0px 0px 0px;
}
.about_content_paragraph_small4
{
	line-height:18px;
	padding:0px 0px 8px 0px;
}
.about_content_paragraph_small5
{
	line-height:20px;
	padding:8px 0px 10px 0px;
}
#about_team_pink_bar
{
    float:left;
	width:454px;
	height:25px;
	line-height:18px;
	margin:15px 0px 10px 0px;
	background-color: #f2eaf0;
}

/***************************************** Flavor and Fragrance Products Page And Other Products Page And Contact US*/
#products_main_content
{
	width:399px;
	line-height:16px;
	padding:0px 10px 20px 15px;
}
#products_main_left_col
{
   width:458px;
   float:left;
}
#products_main_right_col
{
   width:420px;
   margin:15px 0px 10px 35px;
   float:left;
}
#products_main_content_paragraph1
{
	line-height:18px;
	padding:15px 0px 0px 0px;
}
#products_main_content_paragraph2
{
	line-height:17px;
	padding:12px 0px 0px 0px;
}
#other_products_main_content_paragraph1
{
	line-height:21px;
	padding:15px 0px 0px 0px;
}
#other_products_main_content_paragraph2
{
	line-height:20px;
	padding:12px 0px 0px 0px;
}
#flavor_fragrance_view_all_products
{
	border-top: 1px #a66d9a solid;
	border-bottom: 1px #a66d9a solid;
	padding:10px 0px 0px 0px;
	line-height:30px;
	background-image:url(../images/view_all_products_bg2.jpg); 
	width:420px;
	height:100px;
}
#pdf_link
{
	margin:20px 0px 0px 0px;
}
#pdf_link img
{
	float:left;
	margin-right:4px;
}
/***************************************** Contact Us Page */
#contactus_main_content
{
	width:394px;
	line-height:20px;
	padding:0px 15px 15px 15px;
}
#contactus_content_paragraph1
{
	line-height:23px;
	padding:15px 0px 0px 0px;
}
#contactus_content_paragraph2
{
	line-height:21px;
	padding:25px 0px 0px 0px;
}
.contactus_usa_box
{
	margin:10px 0 0 0;
	border-top: 1px #a54399 solid;
	border-bottom: 1px #a54399 solid;
	background-image:url(../images/contactus_usa_bg.jpg);
	width:420px;
}
.contactus_france_box
{
	margin:15px 0 0 0;
	border-top: 1px #a54399 solid;
	border-bottom: 1px #a54399 solid;
	background-image:url(../images/contactus_france_bg.jpg);
	width:420px;
}
.contactus_box_content
{
	line-height:18px;
	padding:17px 0px 20px 18px;	
}
/***************************************** Other Products Page */
#other_products_view_all_products
{
	border-top: 1px #a54399 solid;
	border-bottom: 1px #a54399 solid;
	margin:25px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	line-height:30px;
	background-image:url(../images/other_products_view_all_bg.jpg); 
	width:420px;
	height:37px;
}
#seeking
{
	padding:15px 0px 15px 10px;
	width:418px;
	background-image:url(../images/other_products_seeking_bg.jpg); 
	border-top: 1px #a54399 solid;
	border-bottom: 1px #a54399 solid;
	margin:40px 0 0 0;
}

/***************************************** Product Details Pages */
#product_details_content
{
	padding: 10px 25px 10px 25px;
}
#product_details_header
{
	padding:0px 0px 0px 0px;
}
#product_details_search
{
	width:500px;
	text-align:right;
	float:right;
}
#product_details_specs
{
	text-align:left;
	padding:5px 0px 0px 0px;
}

#product_details_main_content
{
	line-height:16px;
	padding:0px 0px 0px 0px;
}
#product_details_main_content p
{
	padding:0 0 0 0;
	margin:8px 0 0 0;
}
#product_details_main_left_col
{
   width:475px;
   float:left;
   padding:0px 0px 15px 0px;
}
#product_details_main_right_col
{
   width:410px;
   margin:20px 0px 10px 25px;
   float:left;
}
#product_chemical_diagram
{
   width:410px;
   text-align: center;
}
#product_details_pdf
{
	border-top: 1px #a66d9a solid;	
	border-bottom: 1px #a66d9a solid;
}
#cert_Kosher
{
	height:26px;
	padding:10px 0px 0px 5px;
}

#product_details_lower_links
{
	padding:20px 0px 0px 20px;
}

#product_details_share_w_collegue
{
	padding:5px 0px 0px 10px;
	width:329px;
	height:29px;
	background-image:url(../images/share_information_image.jpg);
}

#product_details_request_sample
{
	padding:5px 0px 0px 10px;
	width:329px;
	height:29px;
	background-image:url(../images/request_sample_image.jpg);
}

/***************************************** Organoleptic Intermediate List Page */

.intermediate_listing
{
	padding:5px 5px 5px 5px; height:27px; width:285px; background-color:#faf5f9;line-height:15px;
}
.intermediate_listing_alt
{
	padding:5px 5px 5px 5px; height:27px; width:285px; background-color:#f1eaf1;line-height:15px;
}

/***************************************** Products List Page */
#products_list {
 	margin:0px 40px 2px 40px;
}
#products_list_search 
{
	text-align:right;
	float:right;
}
#products_list_header
{
	margin:10px 40px 2px 40px;
}
.product_listing
{
	padding:15px 20px 15px 20px; width:850px; background-color:#faf5f9;line-height:20px;
}
.product_listing_alt
{
	padding:15px 20px 15px 20px; width:850px; background-color:#f1eaf1;line-height:20px;
}
/***************************************** Job Opportunities Page */
#job_opportunities_main_content
{
	width:394px;
	line-height:16px;
	padding:0px 15px 15px 15px;
}
#job_opportunities_main_left_col
{
   width:475px;
   float:left;
}
#job_opportunities_main_right_col
{
   width:420px;
   margin:0px 0px 0px 40px;
   float:left;
}
.job_opportunities_paragraph_large
{
	line-height:23px;
	padding:23px 0px 0px 0px;
}
.job_opportunities_paragraph_small
{
	line-height:19px;
	padding:15px 0px 0px 0px;
}
.job_opportunities_paragraph_tiny
{
	line-height:16px;
	padding:15px 0px 0px 0px;
}
#job_opportunities_main_image
{
	padding-top:10px;
}
#job_opportunities
{
	margin:15px 0px 15px 0px;
}
.job_listing
{
	padding:3px 15px 7px 15px;
	margin:0px 0px 3px 0px;
    background-repeat:repeat-y;
	border-top: 1px #a66d9a solid;	
	border-bottom: 1px #a66d9a solid;
	background-image:url("../images/job_opps_listing_bg.gif");
}
#job_description
{
	padding:1px 0px 3px 0px;
}
.jobs_button
{
	height:20px;
	margin-right:5px; 
	background-color:#a66d9a; 
	float:left;
}
.jobs_input
{
	height:14px;
	margin-right:5px; 
	float:left;
}

/***************************************** News Page */
#news_list {
 	margin:2px 30px 2px 20px;
}
.news_listing {
	padding:0px 0px 5px 0px;
}
.news_list_prev_next
{
	margin:5px 0px 10px 0px;
}
.news_date
{
	float:left;
}
.news_month {
	padding:15px 0px 0px 10px;
	width:115px; 
	height:25px; 
	background-color:#c5a1be;
}
.news_year {
	padding:15px 0px 0px 10px;
	width:115px; 
	height:60px; 
	background-color:#eee4ec;
}
.news_short {
	padding:15px 20px 0px 20px;
	width:480px; 
	height:100px; 
	background-color:#f9f5f8;
	line-height:20px;	
	float:left;
}
.news_summary {
	width:480px;
	height:65px; 
	line-height:20px;	
	overflow: hidden;
}
.news_short p
{
    margin:0px;
    padding:0px;
}
.news_short br
{
    font-size:8px;
    line-height:8px;
}
.view_entire {
	padding:15px 0px 0px 10px;
	width:120px;
	height:100px; 
	background-color:#f9f5f8; 
	float:left
}

.news_list_link
{
	margin:20px 0px 0px 0px;
}

/***************************************** News Details Page */
#news_detail_main_content{
	padding:15px 20px 15px 20px;
	line-height:20px;
}

#news_detail_main_content p
{
	margin:0px 0px 15px 0px;
    padding:0px;
}

#news_detail_main_content br
{
	font-size: 15px;
    line-height: 15px;
}

#news_detail_main_content a, #news_detail_main_content a:link,
#news_detail_main_content a:active, #news_detail_main_content a:visited,
#news_detail_main_content a:hover,
.news_short a, .news_short a:link,
.news_short a:active, .news_short a:visited,
.news_short a:hover
{
	font-size: 12px;
	color: #a66d9a;
	font-weight:normal;
}
#news_detail_main_content a:hover,
.news_short a:hover
{
    color: #db8fcb;
}

#news_detail_main_content h2
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.news_detail_image
{
    background:#e5e5e5;
    text-align:right;
    margin:0px 0px 20px 20px;
    padding:5px 5px 5px 5px;
    float:right;
    width:328px;
    height:320px;
}

/***************************************** Request Quote Page and Request Quote Sample Page*/

#request_quote_breadcrumb
{
	width:80%;
	margin:10px 0px 10px 0px;
	padding:0 0 0 15px;
}
#request_quote_header 
{
	margin:0px 25px 0px 15px;
}
#request_quote_sample_main_content
{
	height:335px;
}
#request_quote_main_content
{
	height:270px;
}
#request_quote_main_left_col
{
	padding:25px 0px 0px 20px;
	width:410px;
	float:left;
}
#request_quote_main_right_col
{
   width:420px;
   margin:25px 0px 10px 60px;
   float:left;
}
#request_quote_content_paragraph1
{
	line-height:26px;
	padding:0px 0px 15px 0px;
}
#request_quote_content_paragraph2
{
	line-height:23px;
	padding:10px 0px 10px 0px;
}

.request_quote_content
{
	padding:10px 10px 10px 10px;
}
#request_quote_required_field
{
	margin:0 0px 5px 15px;
}

#request_quote_information
{
	height:280px; width:325px; background-color:#f2f2f2; float:left;
}
#request_quote_product_information
{
	height:280px; width:325px; margin-left:3px; background-color:#e5e5e5; float:left;
}
#request_quote_shipping_information
{
	height:280px; margin-left:3px; width:324px; background-color:#f2f2f2; float:left;
}

#request_quote_submit
{
	width:100%; margin:20px 0 5px 0; padding:10px 0 0 0; height:50px; text-align:right; background-color:#f6ecf5;
}
#request_quote_submit_button
{
	width:50px; vertical-align:middle; padding:10px 20px 0 20px; float:right;
}
.input_text_large
{
	border: 1px solid #999999;
	margin-top:2px;
	width:175px;
}
.input_text_medium
{
	border: 1px solid #999999;
	margin-top:2px;
	width:80px;
}

.input_text_short
{
	border: 1px solid #999999;
	margin-top:2px;
	width:60px;
}

/***************************************** Request_Quote_Sample Page */


/***************************************** Breadcrumb */
#breadcrumb
{
   width:100%;
   margin:20px 0px 20px 0px;
}
#search_sample_breadcrumb
{
   width:100%;
   margin:10px 0px 20px 0px;
}
/***************************************** Search Control */
#search_left_col
{
	width:220px;
	float:left;
}
#search_right_col
{
	width:200px;
	float:left;
}	
.search_by_box
{
	width:198px;
	height:53px;
	background-image:url(../images/search_box_bg.gif); 
}
.search_by_box_content
{
	padding:5px 0px 0px 7px;
}
#search_image
{
	width:198px;
	height:53px;
}	
.search_input
{
    font-size: 11px;
    color: #666666;
	border: 1px solid #999999;
	margin-top:2px;
	width:125px;
	float:left;
}
.search_links_area
{
	width:54px;
	text-align:right;
	padding:0px 0px 0px 2px;
	float:left;
}


/***************************************** Featured Products */
#featured_products
{
	margin:0px 15px 20px 15px;
}
.featured_products_x2
{
	margin:0 0 10px 0;
}
	
.featured_product
{
	width:200px;
}

.featured_products_box
{
	height:100%;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	width:197px;
}
.featured_products_box_content
{
	line-height:17px;
	padding:0px 5px 0px 5px;
}
.featured_products_product_name
{
	line-height:20px;
}
.featured_products_box_right
{
	width:195px;
	margin:0 0 0 10px;
	float:left;
}
.featured_products_box_left
{
	width:195px;
	float:left;
}
.featured_products_box_content_left
{
	line-height:17px;
	padding:0px 0px 0px 5px;
}

.featured_products_box_content_right
{
	line-height:17px;
	padding:0px 0px 0px 7px;

}

.featured_products_boxes_x2
{
	width:405px;
	background-image:url(../images/featured_products_box_bg_x2.gif);
}

/***************************************** Site Map */
#sitemap_content
{
	width:417px;
	line-height:16px;
	padding:0px 0px 23px 15px;
}
#sitemap_left_col
{
   width:458px;
   float:left;
}
#sitemap_right_col
{
   width:450px;
   margin:34px 0px 20px 25px;
   float:left;
}
.sitemap_content_links
{
	line-height:19px;
	padding:0px 0px 0px 0px;
}

/***************************************** Footer */
#footer 
{
    position:relative;
    top:0px;
    left:0px;
	padding:5px 20px 5px 20px;
	background-color:#edeb89;
	height:40px;
	clear:both;
}
#us_flag, #french_flag
{
    position: relative;
    top: 2px;
	float:left;
}
#contact_us
{
	margin:0px 0px 0px 0px;
	vertical-align:top;
	padding:0px 20px 0px 0px;
	width:150px;
	float:left;
}
#contact_france
{
	margin:0px 0px 0px 0px;
	vertical-align:top;
	padding:0px 20px 0px 0px;
	width:150px;
	float:left;
}
#footer img 
{
	float:left; 
	padding:0px;
	margin:0px 5px 0px 0px;
}
#copywrite
{
	text-align:right;
	width:350px;
	float:right;
}
#site_map
{
	margin:8px 0px 0px 0px;
}

/***************************************** Admin Pages */
.adminNav
{
	position: absolute;
	left: 750px;
	top: 155px;
}

#admin_main_content
{
	width:900px;
	line-height:21px;
	padding:0px 15px 5px 15px;
}

.adminGridviewRow
{
	padding-top:3px;
	padding-bottom:4px;
	border-top: solid 1px #e5e5e5;
}

.adminHeader
{
    position:relative;
    color:#fff;        
    cursor:move; /* So the user knows they can drag the panel */
}

.adminHeader .outer
{
    background:url(../images/Grid/top-right.png) right no-repeat;
    padding-right:40px;
}

.adminHeader .inner
{
    background:url(../images/Grid/top-left.png) left no-repeat;
    padding-left:9px;
}

.adminHeader .content
{
    height:30px;
    background:url(../images/Grid/top-mid.png) repeat-x;
}

.adminHeader .content h2
{
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding-top:6px;
    margin:0;
}

.adminHeader .close
{
    height:25px;
    width:35px;	
    position:absolute;	
    top:4px;
    right:7px;	
    background:url(../images/Grid/close.png) no-repeat;	
    cursor:pointer;
}

.adminHeader .close:hover
{
    /* set the hover image */
    background:url(../images/Grid/close-hover.png) no-repeat;	
}        

/* dialog body styles */
.adminBody
{
}

.adminBody .outer
{
    background:url(../images/Grid/right.png) right repeat-y;
    padding-right:6px;
}

.adminBody .inner
{
    background:url(../images/Grid/left.png) left repeat-y;
    padding-left:6px;
}

.adminBody .content
{
}  

.adminBody .content h2
{
    padding:10px;
    margin:0px;
    text-align:center;
    font-size:11px;
    color:#222222;            
    font-weight:normal;
}           

.adminBody td, .adminBody input, .adminBody select
{
    font-size:11px;
    color:#222222;
    font-weight:normal;
}

.adminBody th
{
    font-size:11px;
    color:#222222;
    font-weight:bold;
}

.adminBody .content .footer
{
    /* footer image is 41 pixels tall */    
    background:url(../images/Grid/footer.gif) repeat-x bottom;
    height:41px;
}

.adminBody .content .footer .commands
{
    text-align:right;
    padding:8px;
}           

.adminBody .content .footer .commands input
{
    /* keep the buttons a consistent size */    
    width:75px;        
}                   

/* dialog footer styles */
.adminFooter
{
	height:7px;
}

.adminFooter .outer
{
    background:url(../images/Grid/bottom-right.png) right top no-repeat;
    padding-right:9px;
    height:7px;
}

.adminFooter .inner
{
    background:url(../images/Grid/bottom-left.png) left top no-repeat;
    padding-left:9px;
    height:7px;
}

.adminFooter .content
{
    height:7px;
    background:url(../images/Grid/bottom-mid.png) repeat-x;        
}   
        
a.adminLink, a.adminLink:link, a.adminLink:active, a.adminLink:visited, a.adminLink:hover
{
	text-decoration: none;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #874a78;
}

a.adminLink:hover
{
	text-decoration: underline;
}
