/*-------------Top Nav-------------------- */

ul#dressing-menu {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}

ul#dressing-menu li 
{	
	display: inline;
	margin: 0px;
	overflow: hidden;
}

.dressing-menu-first {
	float: left;
	display: block;
	text-indent: -999em;
	background:url(/images/dressings/nav_oilvinegar_off.gif) 0 0 no-repeat;
	width:114px;
	height:40px;
	padding:0px;
}

.dressing-menu-first:hover {
	background: url(/images/dressings/nav_oilvinegar_on.gif) 0 0 no-repeat;
	width:114px;
	height:40px;	
}

.dressing-menu-first-active {
	float: left;
	display: block;
	text-indent: -999em;
	background:url(/images/dressings/nav_oilvinegar_on.gif) 0 0 no-repeat;
	width:114px;
	height:40px;
	padding:0px;
}

.dressing-menu-second {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_creamy_off.gif) 0 0 no-repeat;
	width:78px;
	height:40px;
	padding:0px;
}

.dressing-menu-second:hover {
	background: url(/images/dressings/nav_creamy_on.gif) 0 0 no-repeat;
	width:78px;
	height:40px;
}

.dressing-menu-second-active {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_creamy_on.gif) 0 0 no-repeat;
	width:78px;
	height:40px;
	padding:0px;
}

.dressing-menu-third {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_light_off.gif) 0 0 no-repeat;
	width:65px;
	height:40px;
	padding:0px;
}

.dressing-menu-third:hover {
	background: url(/images/dressings/nav_light_on.gif) 0 0 no-repeat;
	width:65px;
	height:40px;
}

.dressing-menu-third-active {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_light_on.gif) 0 0 no-repeat;
	width:65px;
	height:40px;
	padding:0px;
}

.dressing-menu-fourth {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_fatfree_off.gif) 0 0 no-repeat;
	width:80px;
	height:40px;
	padding:0px;
}

.dressing-menu-fourth:hover {
	background: url(/images/dressings/nav_fatfree_on.gif) 0 0 no-repeat;
	width:80px;
	height:40px;
}

.dressing-menu-fourth-active {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_fatfree_on.gif) 0 0 no-repeat;
	width:80px;
	height:40px;
	padding:0px;
}

.dressing-menu-fifth {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_saladspritzers_off.gif) 0 0 no-repeat;
	width:134px;
	height:40px;
	padding:0px;
}

.dressing-menu-fifth:hover {
	background: url(/images/dressings/nav_saladspritzers_on.gif) 0 0 no-repeat;
	width:134px;
	height:40px;
}

.dressing-menu-fifth-active {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_saladspritzers_on.gif) 0 0 no-repeat;
	width:134px;
	height:40px;
	padding:0px;
}

.dressing-menu-sixth {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_bountifuls_off.gif) 0 0 no-repeat;
	width:89px;
	height:40px;
	padding:0px;
}

.dressing-menu-sixth:hover {
	background: url(/images/dressings/nav_bountifuls_on.gif) 0 0 no-repeat;
	width:89px;
	height:40px;
}

.dressing-menu-sixth-active {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_bountifuls_on.gif) 0 0 no-repeat;
	width:89px;
	height:40px;
	padding:0px;
}

.dressing-menu-seventh {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_western_off.gif) 0 0 no-repeat;
	width:84px;
	height:40px;
	padding:0px;
}

.dressing-menu-seventh:hover {
	background: url(/images/dressings/nav_western_on.gif) 0 0 no-repeat;
	width:84px;
	height:40px;
}

.dressing-menu-seventh-active {
	float: left;
	display: block;
	text-indent: -999em;
	background: url(/images/dressings/nav_western_on.gif) 0 0 no-repeat;
	width:84px;
	height:40px;
	padding:0px;
}

ul#dressing-menu li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

ul#dressing-menu li ul li
{
	display:block;
	margin-top:5px;
	padding-right:5px;
}

.submenu
{
	display:none;
	margin:0px;
	padding:0px;
	position:absolute;	
	background-color:#f2f8e1;
	padding:5px 0px 5px 5px;
}

.submenu a
{ 
	color:#174511;
	padding:2px;
	text-decoration:none;
	font-family:Helvetica;
	font-size:12px;
}

.submenu a:hover {color:#bc9f2c; }

#dressing-nav-sub1
{
	top:38px;
	left:14px;
}
#dressing-nav-sub2
{
	top:38px;
	left:128px;
}
#dressing-nav-sub3
{
	top:38px;
	left:206px;
}
#dressing-nav-sub4
{
	top:38px;
	left:270px;
}
#dressing-nav-sub5
{
	top:38px;
	left:350px;
}
#dressing-nav-sub6
{
	top:38px;
	left:417px;
}
#dressing-nav-sub7
{
	top:38px;
	left:356px;
}

/*-------------End Top Nav-------------------- */

#dressing-wrapper
{
	background: url(/images/dressings/bg_products_landing.jpg) 0 0 no-repeat;
	width:592px;
	height:508px;
}

#dressing-nav-wrapper
{
	position:absolute;
	top:10px;
	left:15px;
	z-index:10;
	background: url(/images/dressings/nav_background.jpg) 0 0 no-repeat;
	width:580px;
	height:35px;
}

#dressings-flash-wrapper
{
	float:left;
	width:300px;
	height:400px;
}

#dressings-img
{
	float:left;
	width:228px;
	height:450px;
	margin-top:45px;	
}

#dressings-content-wrapper
{
	float:left;
	padding-left:20px;
	padding-top:70px;
	width:250px;
}
#dressings-content-wrapper h1 
{
	font-family:Helvetica;
	margin:0px;
	padding:0px;
	font-size:30px;
	font-weight:normal;
	line-height:38px;
}
#dressings-content-wrapper h1 span { background-color:#f9fbee;}

#dressings-content-wrapper ul { margin:0px; padding:0px; list-style:none;}
#dressings-content-wrapper ul li { padding-bottom:5px;}
#dressings-content-wrapper ul li a { text-decoration:none; color:#174511; font-family:Helvetica; font-size:14px;}
#dressings-content-wrapper ul li a:hover { color:#bc9f2c;}

#dressings-detail-content-wrapper
{
	float:left;
	padding-left:20px;
	padding-top:70px;
	width:300px;
}
#dressings-detail-content-wrapper h1 
{
	font-family:Helvetica;
	margin:0px;
	padding:0px;
	font-size:30px;
	font-weight:normal;
}
#dressings-detail-content-wrapper h1 span { background-color:#f9fbee;}


.dressings-feature-wrapper
{
	background-color:#D9E4BA;	
	width:585px;
	padding:5px 0px 10px 10px;
	margin-top:20px;
}

.dressings-feature-wrapper h2 { margin:0px; padding:0px 0px 10px 0px; font-family:Helvetica; font-size:26px; font-weight:normal;}

.dressings-feature-wrapper a { color:#174511; text-decoration:none; display:block; font-family:Helvetica;}

#dressings-recipes-more { float:right;padding-top:15px; padding-right:25px;}
#dressings-recipes-more a:hover { color:#bc9f2c;}

.yellow-btn a 
{ 
	background-color:#CDB54B;
	color:#FFFFFF;
	padding:2px 4px 2px 4px;
	font-weight:bold;
	font-size:10px;
	font-family:Arial;
	text-decoration:none;
}

.yellow-btn a:hover
{ 
	background-color:#FFFFFF;
	color:#CDB54B;
	text-decoration:none;
}

.yellow-btn-on { float:left; padding-right:2px;}
.yellow-btn-on a
{ 
	background-color:#FFFFFF;
	color:#CDB54B;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	font-weight:bold;
	font-size:10px;
	font-family:Arial;
}

.nutrition-img { width:298px; height:136px;}

#dressing-nut-img { padding-top:10px;}
#dressing-favorite-btn { padding-top:10px; padding-bottom:10px;float:left;}
#dressing-ingredients-btn{padding-top:10px; padding-bottom:10px;float:left;margin-right:10px;}
.dressing-recipe-img { border:solid 2px #CAD7A9; height:96px; width:96px;}