@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #64493d url(images/bknd.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #333333;
	border-right: 7px solid #8fcdf4;
	border-bottom: 7px solid #8fcdf4;
	border-left: 7px solid #8fcdf4;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 686px;
}

.oneColFixCtr #containerFlavors {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #333333;
	border-right: 7px solid #8fcdf4;
	border-bottom: 7px solid #8fcdf4;
	border-left: 7px solid #8fcdf4;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 730px;
}

.oneColFixCtr #containerFlavorsb {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #333333;
	border-right: 7px solid #8fcdf4;
	border-bottom: 7px solid #8fcdf4;
	border-left: 7px solid #8fcdf4;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 1450px;
}

.oneColFixCtr #containerFlavorsc {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #333333;
	border-right: 7px solid #8fcdf4;
	border-bottom: 7px solid #8fcdf4;
	border-left: 7px solid #8fcdf4;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 750px;
}

.oneColFixCtr #containerFlavorsd {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #333333;
	border-right: 7px solid #8fcdf4;
	border-bottom: 7px solid #8fcdf4;
	border-left: 7px solid #8fcdf4;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 650px;
}


.oneColFixCtr #containerAbout {
	width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #333333;
	border-right: 7px solid #8fcdf4;
	border-bottom: 7px solid #8fcdf4;
	border-left: 7px solid #8fcdf4;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 550px;
}


.oneColFixCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtr #container #mainContent #products {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 115px;
	clear: both;
	float: left;
}


/* ######### Style for PRESS GALLERY ######### */

/* Removing the list bullets and indentation */
ul#gallery {
  padding:0; 
  margin:0; 
  width:913px; 

  position:relative;
  list-style-type:none;
  background:#ffffff;
  }

/* Resize the images to 64px x 48px */
#gallery a img {
  position:relative;
  width:77px; 
  height:94px; 
  border:0px solid #888; 
  z-index:100;
  }

/* Default style for list items */
#gallery li {
  width:90px; 
  height:110px; 
  float:left; 
  z-index:100;
  }





/* ######### Styles for BOXES ######### */


#box1 {
	width: 23px;
	float: left;
	height: 70px;
	clear: both;
	visibility: visible;

}
#box2 {
	width: 158px;
	float: left;
	height: 60px;
	background-image: url(images/hp/producttext_1.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 13px;
	padding-left: 8px;
}

#box3 {
	width: 158px;
	float: left;
	height: 60px;
	background-image: url(images/hp/producttext_2.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 13px;
	padding-left: 8px;
}

#box4 {
	width: 158px;
	float: left;
	height: 60px;
	background-image: url(images/hp/producttext_3.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 13px;
	padding-left: 8px;
}	

#box5 {
	width: 164px;
	float: left;
	height: 60px;
	background-image: url(images/hp/producttext_4.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
}	

#box6 {
	width: 153px;
	float: left;
	height: 60px;
	background-image: url(images/hp/producttext_5.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 13px;
	padding-left: 8px;
}	

#box7 {
	width: 22px;
	float: left;
	height: 70px;
}

#horizontaline {
	background-color: #8fcdf4;
	height: 7px;
	width: 936px;
	float: left;
}

#box8 {
	width: 248px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 23px;
	height: 350px;
}	

#box8a {
	width: 147px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}	

#box8b {
	width: 100px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}	

#box8c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: left;
	width: 248px;
}	

#box9 {
	background-color: #8fcdf4;
	width: 1px;
	float: left;
	height: 361px;
}

#box10 {
	width: 231px;
	float: left;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-right: 23px;
	padding-left: 23px;
}	

#box10a {
	width: 277px;
	float: left;
	height: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

}	

#box10b {
	width: 277px;
	float: left;
	height: 1px;
	color: #8fcdf4;

}	

#box10c {
	width: 254px;
	float: left;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 23px;
}	
#box11 {
	width: 344px;
	float: left;
	height: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 23px;
	background-image: url(images/hp/stripebknd.gif);
	background-repeat: repeat-y;
}	

#box12 {
	width: 263px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 23px;
	height: 534px;
}	

#box12a { 
       width: 750px;
	height: 200px;
        float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
        margin-left: 70px;
	padding-top: 20px;
	padding-left: 23px;
}


#box13 {
	background-color: #8fcdf4;
	width: 1px;
	float: left;
	height: 531px;
}

#box13flavor {
	background-color: #8fcdf4;
	width: 1px;
	float: left;
	height: 551px;
}


#box14 {
	width: 616px;
	float: left;
	height: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 37px;
	padding-left: 20px;
}

#box14a { 
       width: 616px;
	height: 350px;
        float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
        margin-left: 150px;
	padding-top: 20px;
	padding-left: 23px;
}

#box15 {
	width: 406px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 534px;
}
#box15a {
	width: 360px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 259px;
	padding-top: 20px;
	padding-right: 23px;
	padding-left: 23px;
}
#box15b {
	width: 406px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 1px;
	background-color: #8fcdf4;
}
#box15c {
	width: 406px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 126px;
}
#box16 {
	width: 483px;
	float: left;
	height: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding-top: 20px;
	padding-left: 23px;
}
#box17 {
	width: 406px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 259px;
	padding-top: 10px;
}
#box18 {
	width: 913px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 192px;
	padding-top: 20px;
	padding-left: 23px;
}
#box18b {
	width: 1px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 212px;
	background-color: #8fcdf4;
}
#box18c {
	width: 253px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 212px;
	background-image: url(../../images/press/bknd.gif);
}
#box19 {
	width: 936px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 1px;
	background-color: #8fcdf4;
}
#box20 {
	width: 913px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 200px;
	padding-top: 23px;
	padding-left: 23px;
}								
#box21 {
	width: 913px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 530px;
	padding-top: 20px;
	padding-left: 23px;
}
.style1 {
	font-size: 14px;
	font-weight: bold;
}

.style3 {
	color: #0066CC;
	font-weight: bold;
	font-size: 13px;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	color: #64493d;

}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	color: #64493d;

}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	color: #8fcdf4;

}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	color: #64493d;
}

a.products:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;

}

a.products:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;

}

a.products:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #99ffff;

}

a.products:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;
}

a.footer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;

}

a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;

}

a.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	color: #8fcdf4;

}

a.footer:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;

}


a.facebook:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
        border: 0px;
	color: #8FCDF4;
}

a.facebook:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
        border: 0px;
	color: #8FCDF4;
}

a.facebook:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
        border: 0;
	color: #8FCDF4;
}

a.facebook:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
        border: 0;
	color: #8FCDF4;
}



.style2 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a4948d;
}