body{
margin: 20px;
padding:0;
line-height: 1.25em;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
background-color: #f0eeee;
background-image: url(../images/bfly_background.jpg);
background-repeat: repeat-x;
color: #909090;
}

h1 {
color: #000;
font-size: 17px;
line-height: 20px;
}

img {
   border: 0;
}


p {
padding-right: 10px;
}

a:link {
color : #e20000;
text-decoration: underline;
/* border-bottom: 1px dotted #ebebeb; */
}

a:visited { 
color : #e20000;
text-decoration: underline;
}

a:hover {
color : #e20000;
text-decoration: none;
background-color: #f5f5f5;
}

a:active { 
color : #e20000;
text-decoration: none; 
}

#page-home .home, #page-retail .retail, #page-foodservices .foodservices, #page-historymission .historymission, #page-corporate .corporate, #page-testimonials .testimonials, #page-contactus .contactus, #page-quality .quality { 
font-weight: bold;
color: #000000;
} 

#outerborder{
width: 801px;
background-color: #f0eeee;
padding-top: 10px;
padding-bottom: 10px;
margin: 0 auto; /*Center container on page*/
}

#maincontainer{
width: 781px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding: 0px;
background-color: #fff;
} 

#topsection{
background-color: #EAEAEA;
height: 221px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background-color: #fff;
}

#contentcolumn{
margin-left: 185px; /*Set left margin to LeftColumnWidth*/
background-color: #fff;
padding-left: 36px;
padding-right: 25px;
}

#leftcolumn{
float: left;
width: 185px; /*Width of left column*/
margin-left: -781px; /*Set left margin to -(MainContainerWidth)*/
background-color: #fff;
}

#footer{
clear: left;
width: 100%;
background-color: #fff;
color: #5d5d5d;
text-align: center;
padding: 4px 0;
font-size: 10px;
background-image: url(../images/bfly_copyright_back.gif);
background-repeat: repeat-x;
}

#footer2{
clear: left;
width: 100%;
background-color: #000;
padding: 0;
background-image: url(../images/bfly_std_footer.gif);
background-repeat: no-repeat;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


/* main menu stuff here 207 */

.menu{
list-style-type: none;
margin: 0px 0;
padding-left: 2px;
width: 166px;
border: 0px solid #9A9A9A;
}

.menu li a{
background-color: #fff;
background-image: url(../images/arrow_off.gif);
background-repeat: no-repeat;
background-position: top right;
color: #5d5d5d;
display: block;
width: auto;
padding: 8px 0;
padding-left: 10px;
text-decoration: none;
border-top: 1px solid #f0eeee;
}


* html .menu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 187px;
}

.menu li a:visited, .menu li a:active{
color: #5d5d5d;
}

.menu li a:hover{
color: #5d5d5d;
background-color: #ffffff;
background-image:url(../images/arrow_on.gif); /*onMouseover image change. Remove if none*/
}

/* submain menu stuff here */

.submenu{
list-style-type: none;
margin: 0px 0;
padding-left: 10px;
width: 120px;
}

.submenu li a{
background-color: #f0eeee;
background-image: url(../images/spacer.gif);
background-repeat: no-repeat;
background-position: top right;
color: #5d5d5d;
display: block;
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: underline;
}


* html .submenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 102px;
}

.submenu li a:visited, .submenu li a:active{
color: #5d5d5d;
}

.submenu li a:hover{
color: #5d5d5d;
background-color: #ffffff;
background: url(../images/spacer.gif);
text-decoration: none;
}

#newproduct {
padding-left: 0px;
}

#newsticker {
	background-color: #fff;
	clear: left;
	text-align: center;
	font-size: 10px;
	width: 530px;
	margin: 0 auto;
	padding-top: 6px;
	padding-bottom: 6px;
}
#newsticker ul {
	border: 1px solid #cccccc;
	list-style: none;
	min-height: 1.6em;
	padding: 10px 15px;
	padding-right: 30px;
	background-color: #f2f2f2;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
	background: transparent url("icon_closenewsticker.gif") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
} 

#rotatebox {
float: left;
width: 329px;
height: 344px;
padding: 0px 10px 10px 0px;  /* T R B L */
}