html {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-color: #000;
	background-image: url(../images/bg.jpg);
	font-size: 12px;
}

h2 {
	font-size: 0px; 
	color: #fff;
	margin-bottom: 0px;
}

form {
	margin: 0px;
}

A.small:link    { color: #000; font-weight: bold; font-size: 9px;}
A.small:active  { color: #000; font-weight: bold; font-size: 9px; }
A.small:visited { color: #000; font-weight: bold; font-size: 9px; }
A.small:hover   { color: white;   font-weight: bold; font-size: 9px; }
	

.nav_bottom {
	width: 719px;
	background: #333;
}

	.nav_bottom ul {
		border: 0px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		clear: left;
	}
	
	.nav_bottom ul li {
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		text-align: center;
		width: 100%;
	}
	
	.nav_bottom ul li a {
		background: #333;
		color: #F0A63B;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		display: block;
		margin: 0px;
		padding: 8px 20px 8px 20px;
	}
	
	.nav_bottom ul li a:hover {
		background: #fea002;
		color: #000;
	}

.content_whole {
	background-color: #fff;
	padding: 10px 0px 0px 0px;
	width: 719px;
	vertical-align: top;
}

	.content_whole img {
		margin-bottom: 0px;
		border: none;
		display: inline;
		margin: 0;
	}
	
	.content_whole img.block {
		display: block;
	}
	
	.content_whole p {
		margin: 0px 20px 20px 20px;
	}
	
	.content_whole h2 {
		margin: 0px 20px 10px 20px;
	}
	
	.content_whole img.replacement {
		display: inline;
	}
	
	.content_whole a {
		color: #e62327;
		text-decoration: underline;
	}
	
	.content_whole a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	.content_whole select, input {
		font-size: 11px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

.content_left {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	width: 348px;
	vertical-align: top;
}
	.content_left img {
		margin-bottom: 0px;
		border: none;
		display: inline;
		margin: 0;
	}
	
	.content_left img.block {
		display: block;
	}
	
	.content_left p {
		margin: 0px 20px 20px 20px;
	}
	
	.content_left h2 {
		margin: 0px 20px 10px 20px;
	}
	
	.content_left img.replacement {
		display: inline;
	}
	
	.content_left a {
		color: #e62327;
		text-decoration: underline;
	}
	
	.content_left a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	.content_left select, input {
		font-size: 11px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
	.content_left #redframe {
		padding: 10px;
		margin: 0 0 12px 0;
		border-color: #DF1630;
		border-width: 1px;
		border-style: solid;
	}

.content_right {
	width: 371px;
	vertical-align: top;
	background-color: #fff;
}

.content_right img {
	border: none;
	display: block;
	margin: 0;
}

.content_right div.left {
	width: 124px;
	height: 66px;
	float: left;
	background-color: #000;
}

.content_right div.middle {
	width: 123px;
	height: 66px;
	float: left;
	background-color: #F0A63B;
}

.content_right div.right {
	width: 124px;
	height: 66px;
	float: left;
	background-color: #E63D36;
}

/* Footer Section */
.footer {
	background-color: #ccc;
	background-image: url(../images/findfb.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 10px;
	text-transform: capitalize;
	vertical-align: middle;
	padding-left: 25px;
}

	.footer a {
		color: #333;
		text-decoration: underline;
	}
	
	.footer a:hover {
		color: #900;
		text-decoration: underline;
	}
	
/* Nutritional Information Table */
.nutritionalInfo {
	width: 100%;
}

.nutritionalInfo th {
	background-image: url(../images/nutritional/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}

.nutritionalInfo td.productName {
	background-image: url(../images/nutritional/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
	height: 25px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.nutritionalInfo td {
	background-image: url(../images/nutritional/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
	text-align: center;
	vertical-align: middle;
}

.nutritionalInfo td.highlight {
	background-image: url(../images/nutritional/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
	font-weight: bold;
	color: #e62327;
	text-align: center;
	vertical-align: middle;
}

.nutritionalInfo td.blank {
	background-image: url(../images/nutritional/dots_horizontal.gif);
	background-repeat: repeat-x;
	background-position: center left;
	height: 2px;
}

/* Coupon CSS */
#coupon1-bubble, #coupon2-bubble, #coupon3-bubble, #coupon4-bubble, #coupon5-bubble, #coupon6-bubble {
  position: absolute;
  width: 250px;
  height: 250px;
}


	
/********************/
/*  NAVIGATION BAR  */
/********************/

/* Main menu */
.navbar ul {list-style-type:none; border: 0px; margin: 0px;	padding: 0px; width: 100%; }
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color: #333; text-align:center; }
.navbar ul li ul {display:none; border:none;}
.navbar ul li a {text-transform: uppercase; float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#F0A63B; border-right:solid 0px #000;}
.navbar ul li a.active { background-color: #fea002; color: #000; }
	
/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {background-color:#fea002; text-decoration:none; color: #333;} /*Color main cells hovering mode*/
.navbar ul li:hover a.active {background-color:#fea002; color: #000; text-decoration:none;} /*Color main cells hovering mode*/

.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px #000;}
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px #000; border-left:solid 1px #000; border-bottom: solid 1px #000; background-color: #333; font-weight:normal; color: #fea002;} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:#fea002; color: #333; text-decoration:none;} /*Color subcells hovering mode*/

/* SUBMENU (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color: #fea002; color: #333; text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px #000; }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px #000; border-left:solid 1px #000; border-bottom: solid 1px #000; background-color:rgb(235,235,235); font-weight:normal; color: #333;} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {background-color:#fea002; color: #333; text-decoration:none;} /*Color subcells hovering mode*/
