/* Style Sheet for FlavorChem Pages */

/* setting the anchor border around IMG elements */

a:link img { border: 0; }
a:visited img { border: 0; }
a:active img { border: 0; }

/* setting the color and text decoration for anchor tags */

a:link { color: #000000; 
         text-decoration: underline; }          /* unvisited link */
a:visited { color: #000000;
            text-decoration: underline; }      /* visited links */
a:active { color: #000000;
           text-decoration: none; }         /* active links */
a:hover { color: #b6b248;
           text-decoration: none; }         /* onmouseover links */

/* automatically inherited by body tag...encompasses entire document */

body { background-color: #fdf4e1;
       margin: 0;
       padding: 0; }

/* setting the top element of page...automatically inherits the margin and padding properties from body (parent) tag */

#top {
       position: absolute;
       top: 0;
       left: 0;
       margin-right: 25%;
       width: 67%;
       height: 100px; }

/* setting the center element of page which contains picture on main page as well as main content of pages */

#center {
          position: absolute;
          top: 20%;
          left: 5%;
          margin-right: 25%;
          width: 67%;
	}

/* setting the center-right element of page which contains picture on main page as well as main content of pages */

#centerright { position: absolute;
               top: 0;
               right: 10%;
               width: 12.5%;
               height: 1000px;
               overflow: hidden; }

/* setting the right element of page which contains the flash logo and right bar */

#right { background-color: #b6b248;
         position: relative;
         top: 0;
         right: 0;
         left: 90%;
         width: 10%;
         height: 1500px; }

/* setting the left footer used for address and location info */

#leftfooter { width: 50%;
              position: relative;
              top: 100px;          
              left: 5%;
	      height: 125;
              overflow: visible;
	      text-align: center;
	      font-size: 80%; }

/* setting the right footer used for address and locations info */

#rightfooter { width: 50%;
               position: relative;
               top: -25px;          
               left: 43%;
               overflow: visible;
	       text-align: center;
	       font-size: 80%; }



#aff_leftfooter { width: 50%;
              position: relative;
              top: -70px;          
              left: 5%;
	      height: 125;
              overflow: visible;
	      text-align: center;
	      font-size: 80%; }

#aff_rightfooter { width: 50%;
               position: relative;
               top: -195px;          
               left: 43%;
               overflow: visible;
	       text-align: center;
	       font-size: 80%; }




/* setting the left footer for link pages used for address and location info */

#leftfooter1 { width: 50%;
              position: relative;
              top: -20.8%;          
              left: 10%;
	      height: 0;
              overflow: visible;
	      text-align: center;
	      font-size: 80%; }

/* setting the right footer for link pages used for address and locations info */

#rightfooter1 { width: 50%;
               position: relative;
               top: -30.22%;
	       left: 48%;
               overflow: visible;
	       text-align: center;
	       font-size: 80%; }



#snack_leftfooter1 { width: 50%;
              position: relative;
              top: -22%;          
              left: 10%;
	      height: 0;
              overflow: visible;
	      text-align: center;
	      font-size: 80%; }

#snack_rightfooter1 { width: 50%;
               position: relative;
               top: -30.15%;
	       left: 48%;
               overflow: visible;
	       text-align: center;
	       font-size: 80%; }



/* setting the left footer for product pages used for address and location info */

#leftfooter2 { width: 50%;
              position: relative;
              top: 120%;          
              left: 13%;
	      height: 0;
              overflow: visible;
	      text-align: center;
	      font-size: 80%; }

/* setting the right footer for product pages used for address and locations info */

#rightfooter2 { width: 50%;
               position: relative;
               top: 73.3%;          
               left: 48%;
               overflow: visible;
	       text-align: center;
	       font-size: 80%; 

}


/* setting the left footer for link pages used for address and location info */

#leftfooter3 { width: 50%;
              position: relative;
              top: -41.1%;          
              left: 5%;
	      height: 0;
              overflow: visible;
	      text-align: center;
	      font-size: 80%; }

/* setting the right footer for link pages used for address and locations info */

#rightfooter3 { width: 50%;
               position: relative;
               top: -50.6%;          
               left: 43%;
               overflow: visible;
	       text-align: center;
	       font-size: 80%; }


/* setting the left footer for link pages used for address and location info */

#leftfooter4 { width: 50%;
              position: relative;
              top: -19.6%;          
              left: 10%;
	      height: 0;
              overflow: visible;
	      text-align: center;
	      font-size: 80%; }

/* setting the right footer for link pages used for address and locations info */

#rightfooter4 { width: 50%;
               position: relative;
               top: -30%;
	       left: 48%;
               overflow: visible;
	       text-align: center;
	       font-size: 80%; }



/* positions the flash logo on the right side of page within the right element of the page */

#flavorlogo { background-color: #bdb76b;
       	      margin: 0;
              padding: 0;
              position: relative;
              right: 4.7em;
              top: 10px; }

/* positions the flash text on the left side of page within the left element of the page */

#flavortext { background-color: #bdb76b;
       	      margin: 0;
              padding: 0;
              position: absolute;
              left: 50px;
              top: 10px; }

/* positions the dhtml links menu below the header */

#flavormenu { position: absolute;
              left: 12.5%;
              top: 70px;
              overflow: hidden; }

/* this is used only on the home page...sets the positioning of image */

.pic1 { position: relative;
        left: 0;
        top: 0px;
        width: 100%;
        height: auto;
        overflow: visible;
	}

/* top line in the top element */

.line1 { background-color: #b6b248;
         width: 600px;
         height: .10px;
         line-height: 1px;
	 outline-style: dotted;
         position: relative;
         left: 3.5%;
         top: 15%; }

/* second line in the top element */

.line2 { background-color: #b6b248;
         width: 600px;
         height: .10px;
         line-height: 1px;
         position: relative;
         left: 13.5%;
         top: 35%; }

/* regular text layout for content */ 

.p1 { font-family: Arial,Helvetica,Sans-serif
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      color: #000000;
      text-align: center;
      text-decoration: none;
      position: relative;
      top: 10px; }


.labelexamplepic {
	position: relative;
        left: 0;
        top: 15%;
        width: 100%;
        height: auto;
        overflow: visible;
	align: center;
}


.maincontent { 	position: relative;
        	left: 0;
        	top: 10%;
        	width: 100%;
        	height: auto;
        	overflow: visible;
		}

.maincontent1 { position: relative;
        	left: 0;
        	top: 6%;
        	width: 100%;
        	height: auto;
        	overflow: visible;
		}


.column1 { 	position: absolute;
		top: 0;
                left: 0;
        	width: 30%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		
		}


.column2 { 	position: relative;
		top: 0;
                left: 30%;
        	width: 30%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		
		}

.column3 { 	position: relative;
		top: 0;
                left: 60%;
        	width: 30%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		
		}

.prodcolumn1 { 	position: absolute;
		top: 30%;
                left: 0;
        	width: 30%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		
		}


.prodcolumn2 { 	position: absolute;
		top: 30%;
                left: 30%;
        	width: 30%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		
		}

.prodcolumn3 { 	position: absolute;
		top: 30%;
                left: 60%;
        	width: 30%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		
		}


.rightupperpic {
	position: relative;
        left: 80%;
        top: -675px;
        width: 100%;
        height: auto;
        overflow: visible;
	align: center;
}

.snack_rightupperpic {
	position: relative;
        left: 80%;
        top: -900px;
        width: 100%;
        height: auto;
        overflow: visible;
	align: center;
}

.vrightupperpic {
	position: relative;
        left: 60%;
        top: -515px;
        width: 100%;
        height: auto;
        overflow: visible;
	align: center;
}


.leftlowerpic {
	position: relative;
        left: 0;
        top: -550px;
        width: 100%;
        height: auto;
        overflow: visible;
	align: center;
}


.snack_leftlowerpic {
	position: relative;
        left: -20px;
        top: -670px;
        width: 100%;
        height: auto;
        overflow: visible;
	align: center;
}


.confect_column1 { 	position: relative;
        	left: 0;
        	top: 0;
        	width: 25%;
        	height: 228px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.confect_column2 { 	position: relative;
        	left: 30%;
        	top: -228px;
        	width: 25%;
        	height: 228px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}

.confect_column3 { 	position: relative;
        	left: 60%;
        	top: -455px;
        	width: 25%;
        	height: 228px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.snack_column1 { 	position: relative;
        	left: 0;
        	top: 0;
        	width: 25%;
        	height: 284px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.snack_column2 { 	position: relative;
        	left: 30%;
        	top: -284px;
        	width: 25%;
        	height: 270px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}

.snack_column3 { 	position: relative;
        	left: 60%;
        	top: -568px;
        	width: 25%;
        	height: 284px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}




.v_confect_column1 { 	position: relative;
        	left: 0;
        	top: 0;
        	width: 25%;
        	height: 228px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.v_confect_column2 { 	position: relative;
        	left: 30%;
        	top: -23%;
        	width: 25%;
        	height: 228px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}

.v_confect_column3 { 	position: relative;
        	left: 60%;
        	top: -455px;
        	width: 25%;
        	height: 228px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.confect_lowertitle {
		position: absolute;
        	left: 0;
        	top: 35%;
        	width: 100%;
        	overflow: visible;
		font-style: italic;
		font-weight: bold;
		border-bottom: medium dotted #b6b248;
		/* background-color: #dcdcdc;   */
}

.confect_lowertitle1 {
		position: absolute;
        	left: 0;
        	top: 50%;
        	width: 100%;
        	overflow: visible;
		font-style: italic;
		font-weight: bold;
		border-bottom: medium dotted #b6b248;
		/* background-color: #dcdcdc;   */
}

.confect_lowercolumn1 { 	position: absolute;
        	left: 26%;
        	top: 39%;
        	width: 25%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.confect_lowercolumn2 { 	position: absolute;
        	left: 41%;
        	top: 39%;
        	width: 25%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}

.confect_lowercolumn3 { 	position: absolute;
        	left: 61%;
        	top: 39%;
        	width: 25%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}

.v_confect_lowercolumn1 { 	position: absolute;
        	left: 30%;
        	top: 55%;
        	width: 25%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.v_confect_lowercolumn2 { 	position: absolute;
        	left: 50%;
        	top: 55%;
        	width: 25%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}

.v_confect_lowercolumn3 { 	position: absolute;
        	left: 75%;
        	top: 55%;
        	width: 25%;
        	height: 200px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}




.contact_column1 { 	position: relative;
        	left: 0;
        	top: 0;
        	width: 50%;
        	height: 325px;
        	overflow: visible;
		/* background-color: #dcdcdc;   */
		}


.contact_column2 { 	position: relative;
        	left: 40%;
        	top: -325px;
        	width: 30%;
        	height: 325px;
        	overflow: visible;
		/*  background-color: #dcdcdc;  */
		}

.contact_column3 { 	position: relative;
        	left: 70%;
        	top: -650px;
        	width: 35%;
        	height: 325px;
        	overflow: visible;
		/* background-color: #dcdcdc;  */
		}


.affiliationsmovie {
	position: relative;
        left: 50%;
        top: -350px;
        width: 100%;
        height: auto;
        overflow: visible;

}


.textheader {
	position: absolute;
	left: 0;
	top: 5%;
	overflow: visible;

}

.textheader1 {
	position: absolute;
	left: 0;
	top: 2.5%;
	overflow: visible;

}

.ptextheader {
	position: absolute;
	left: 0;
	top: 13%;

}

.sltextheader {
	position: absolute;
	left: 0;
	top: 7%;

}