#product-left{
background:url('../images/product-left-bg.jpg') repeat-x;
width:148px;
height:162px;
float:left;
margin:5px 19px 0px;
padding:80px 10px 0px 10px;
position:relative;
}

#product-left a{
display:block;
margin-bottom:10px;
text-transform:uppercase;
position:relative;
z-index:3;
}

#product-left span.arrow-link{
background:transparent url(../images/blue-arrow.jpg) no-repeat scroll left center;
height:15px;
}

#product-left span{
padding-left:11px;
}

#product-image{
background:url('../images/yellow-mustard-lg.png') no-repeat;
width:152px;
height:232px;
position:absolute;
top:-160px;
}

#product-image-yellow-mustard{
background:url('../images/yellow-mustard-lg.png') no-repeat;
width:145px;
height:232px;
position:absolute;
top:-160px;
}

#product-image-honey-mustard{
background:url('../images/honey-mustard-lg.png') no-repeat;
width:145px;
height:210px;
position:absolute;
top:-140px;
}

#product-image-honey-dijon-mustard{
background:url('../images/honey-dijon-mustard-lg.png') no-repeat;
width:145px;
height:210px;
position:absolute;
top:-140px;
}

#product-image-horseradish-mustard{
background:url('../images/horseradish-mustard-lg.png') no-repeat;
width:145px;
height:210px;
position:absolute;
top:-140px;
}

#product-image-spicy-brown-mustard{
background:url('../images/spicy-brown-mustard-lg.png') no-repeat;
width:145px;
height:210px;
position:absolute;
top:-140px;
}

#product-image-dijon-mustard{
background:url('../images/dijon-mustard-lg.png') no-repeat;
width:154px;
height:250px;
position:absolute;
top:-190px;
}

#product-image-worcestershire-sauce{
background:transparent url(../images/worcestershire-sauce-lg.png) no-repeat scroll 0 0;
height:269px;
left:25px;
position:absolute;
top:-200px;
width:175px;
}

#product-image-worcestershire-reduced{
background:url('../images/worcestershire-reduced-sodium-lg.png') no-repeat;
width:100px;
height:269px;
margin-left: 22px;
margin-top:-275px;
}

#product-image-fried-onions{
background:url('../images/fried-onions-lg.png') no-repeat;
width:194px;
height:239px;
position:absolute;
top:-99px;
left:-33px;
z-index:0;
}

#product-image-cheddar-fried-onions{
background:url('../images/cheddar-fried-onions-lg.png') no-repeat;
width:194px;
height:239px;
position:absolute;
top:-100px;
left:-26px;
}

#product-image-hm-dipping-sauce{
background:url('../images/hm-dipping-sauce-lg.png') no-repeat;
width:194px;
height:273px;
position:absolute;
top:-189px;
left:11px;
}

#product-middle{
width:441px;
margin-left:20px;
float:left;
}

#product-middle h1 {
font-size:30px;
font-weight:bold;
color:#825E20;
}

#product-middle #product-links a{
display:block;
font-size:85%;

padding:10px 0px;
background:url('../images/product-link-bg.jpg') repeat-x bottom;
}

#product-middle #product-links a.last{
background:none;
}

#product-middle-dijon {
	background-image: url('../images/bg-middle-dijon.png');
	width: 409px;
	margin-top: -20px;
	padding: 20px 30px;
	float: left;
}

#product-middle-dijon h1 {
	font-size:28px;
	font-weight:normal;
	color:#825E20;
}

#product-middle-dijon .new {
	font-weight: bold;	
	color: #e21c00 !important;
}

#product-middle-dijon p {
	font-weight: bold;
	font-size: 1em;
	color: #5e5e5e;
}

/**These may end up needing to be in main.css**/
#content {
padding:30px 10px 0px;
width:1001px;
}

#main-content {
background:#FFFFFF none repeat scroll 0 0;
float:left;
width:692px;
}

#main-content-bottom-container{
margin-top:20px;
}

#main-content-bottom-container h2 {
color:#563a0d;
font-size:120%;
margin-left:20px;
font-weight:normal;
}

#main-content-bottom {
background-color:#FFFDF6;
border-left:1px solid #F6E5A0;
border-right:1px solid #F6E5A0;
margin:0 0 30px 20px;
position:relative;
width:658px;
}

#right-content {
background-color:#FFFFFF;
float:left;
margin-top:0;
width:303px;
}

.right-box {
margin-bottom:20px;
width:282px;
}

.right-box .header {
background:transparent url(../images/landing-rightbox-header.jpg) no-repeat scroll 0 0;
}


/**Especially these**/
.right-box-content {
background-color:#FFFBEF;
border-left:1px solid;
border-right:1px solid;
color:#DDD9D0;
position:relative;
}

.right-box-content .recipe-item {
height:78px;
padding:5px 10px;
}

.right-box-content .recipe-item h3{
color:#CF0D0C;
float:left;
font-size:100%;
margin:2px 0 2px 10px;
width:145px;
font-weight:bold;
}

.right-box-content .recipe-item .recipe-image, .flavor-box img {
float:left;
}

.rating .user-rating {
color:#5C4522;
float:left;
font-size:70%;
margin:3px 0 0 8px;
text-transform:uppercase;
font-weight:bold;
}

.right-box-content .recipe-item .rating {
background:transparent url(../images/user-rating-landing-bg.jpg) no-repeat scroll center bottom;
float:right;
height:20px;
margin-top:15px;
width:155px;
}

.rating .star-rating {
float:left;
margin:2px 0 0 5px;
}

.right-box-content .right-box-bottom {
bottom:-5px;
left:-1px;
position:absolute;
}


.right-box .header h2 {
color:#694d0a;
font-size:78%;
display: table;
margin-top:4px;
}


.right-box .header h2.long{
font-size:95%;
margin-left:-5px;
} /**this style is specifically for Cheddar French Fried Onions, but can be used elsewhere if needed*/

#main-content-bottom #bottom-content {
padding-left:4px;
}

#bottom-content .flavor-box{
margin:5px 0px 0px 6px;
background: url('../images/flavor-box-bg.jpg') no-repeat;
width:175px;
height:112px;
float:left;
padding-top:15px;
position:relative;
}

#bottom-content .active{
	display:none;
}

.flavor-box img {
margin:0px 0px 0px 10px;
}

.flavor-box h3{
color:#CF0D0C;
float:left;
font-size:75%;
margin:0px 0 10px 10px;
width:80px;
}

.flavor-box  a{
margin:0px 0px 0px 5px;
font-size:70%;
}

.flavor-box h3 a{
color:#CF0D0C;
float:left;
font-size:100%;
margin:0px;
width:85px; /*This was set to 75px before. -JR*/
}


#timeline-flash{
width:536px; margin:0px auto;
}

#product-left.product-hmds{
	margin-right: 10px;	
}

#product-middle.product-hmds{
	width: 480px;
	margin: 0px;	
}


#product-hmds-copy{
position: relative;
background:url("../images/hmds-copy-bg.jpg") no-repeat scroll 0 0 transparent;
margin-top: -20px;
padding:83px 35px 0px 190px;
width:272px;
height:560px;
}

#product-hmds-copy p{
	position: absolute;
	width: 276px;
	height: 173px;
	top: 412px;
	left: 186px;
	color: #666;}

.product-slider{
	width: 267px;
}

#main-content-bottom .column.full {
background:none repeat scroll 0 0 transparent;
margin-left:50px;
width:570px;
}

#main-content-bottom .column.full p{
width:350px; float:left; margin:10px 0px 0px 35px;
}

#main-content-bottom #bottom-content {
height:auto;
}

html body #colorbox.happy-starts-here-video {background: none !important; border: 0 !important;padding: 0 !important; width: 570px !important;}
#colorbox.happy-starts-here-video body{background:  none !important; }
#colorbox.happy-starts-here-video html{background:  none !important; }
#colorbox.happy-starts-here-video #modalLoadedContent{background:  none !important;padding: 0 !important; }
#colorbox.happy-starts-here-video iframe{background:  none !important; }
#colorbox.happy-starts-here-video  #contest-flash{width: 700px; height: 500px; margin-left: -30px;}
#colorbox.happy-starts-here-video  #modalClose{top:65px; right: 60px;}

#product-panel-worcestershire {
	background: url(../images/bg-try-it-today.jpg) no-repeat;
	width: 478px;
	height: 767px;
	overflow: hidden;
}

.reduced-sodium #product-panel-worcestershire {
	background: url(../images/bg-try-it-today-reduced-sodium.jpg) no-repeat; 
	height: 880px;
}

#product-panel-worcestershire h1 {
	color:#563A0D;
	font-size:30px;
	font-weight:normal;
	padding-left:30px;
	padding-top:20px;
}

#product-panel-worcestershire p {
	padding-left: 210px;
	padding-right: 20px;
	color: #5e5e5e;
}

#product-panel-worcestershire .container p {
	padding: 0;
	color: #563a0d;
	text-align: center;
}

#product-panel-worcestershire .container {
	overflow: hidden;
	margin-top: 140px;
	margin-left: 13px;
}

#product-panel-worcestershire .reduced-sodium {
	margin-top: 180px !important;
}

#product-panel-worcestershire .action-box {
	width: 154px;
	float: left;
}

#product-panel-worcestershire .action-box h2 {
	text-indent: -999999px;
	height: 33px;
	margin: 10px auto;
}

#product-panel-worcestershire .action-box h2#header-marinate { 
	background: url(../images/bg-tile-marinate.jpg) no-repeat; 
	width: 112px;
}

#product-panel-worcestershire .reduced-sodium .action-box h2#header-marinate { background: url(../images/bg-tile-marinate-green.jpg) no-repeat;  }

#product-panel-worcestershire .action-box h2#header-stir { 
	background: url(../images/bg-tile-stir.jpg) no-repeat; 
	width: 50px;
	height: 26px;
}

#product-panel-worcestershire .reduced-sodium .action-box h2#header-stir { 
	background: url(../images/bg-tile-stir-green.jpg) no-repeat;  
	width: 55px;
	height: 29px;
}

#product-panel-worcestershire .action-box h2#header-splash { 
	background: url(../images/bg-tile-splash.jpg) no-repeat; 
	width: 83px;
	height: 30px;
}

#product-panel-worcestershire .reduced-sodium .action-box h2#header-splash { background: url(../images/bg-tile-splash-green.jpg) no-repeat; }

#product-panel-related { 
	background: url(../images/bg-gold-gradient.jpg) no-repeat;
	width: 468px;
	margin-left: 10px;
	height: 154px;
	overflow: hidden;
}

#product-panel-related .product {
	width: 153px;
	margin-top: 15px;
	margin-left: 20px;
	height: 110px;
	overflow: hidden;
	background: url(../images/bg-blue-gradient.jpg) no-repeat;	
}

#product-panel-related .product img {
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 10px;
}
#product-panel-related .product sup {
	line-height: 50% !important;
}

#product-panel-related .product p {
	float: right;
	line-height: 12px;
	width: 100px;
	padding: 0;
	margin-top: 12px;
}

#product-panel-related .product p a {
	color: #db1c00;
}

.reduced-sodium  #product-panel-worcestershire .view-all-recipes {
	padding: 0 0 0 30px; 
	font-size: 16px; 
	margin-top: 0px;
	margin-bottom: 30px;
}

.reduced-sodium #product-panel-worcestershire .disclaimer {
	padding: 0 0 0 30px; 
	font-size: 11px; 
	color: #666;
}

#product-panel-worcestershire .view-all-recipes {
	padding: 0 0 0 30px; 
	font-size: 16px;
}