/* THIS IS AN IMPORT HACK FOR IE5 for MAC */
/*\*/ /*/
@import "base.css";
/**/
@import url('base.css');
/* TEMPLATE 1 STYLES FOR COOK'S HAM WEBSITE
-------------------------------------------------------------------------------- */


/* CONTENT WRAPPER
-------------------------------------------------------------------------------- */
.contentHolder {
	background: #f4f0da url(/images/interface/backgrounds/sidebarback1.jpg) no-repeat 0px 0px;
	}


/* TITLE BLOCK
-------------------------------------------------------------------------------- */
h2, h3, h4{
text-indent:-10000px;
}
.contentHolder #titleBlock .sectionHeader {
	display:inline;
	float:left;
	margin-left:115px;
	margin-top:6px;
}
.contentHolder #titleBlock .pageTitle {
	display:block;
	float:right;
	padding-right:125px;
	margin-top:38px;
}

.sectionHeader{
display:block;
height:78px;
width:231px;
background: url(/images/interface/titles/recipes_header.gif) no-repeat 0px 0px;
}
	  
	  
/* SIDE NAV
-------------------------------------------------------------------------------- */
#sideNavContainer {
	clear:both;
	width:212px;
	float:left;
	display:block;
	margin-left:110px;
	margin-top:55px;
}
ul#sideNav {
	line-height:18px;
	list-style:none;
	list-style-type:none;
	margin-left:20px;
}
ul#sideNav .subHeading {
	margin-left:8px;
}
ul#sideNav li a, ul#sideNav .subHeading {
	color:#330000;
	font-weight:bold;
	text-decoration:none;
}
ul#sideNav li ul li a {
	color:#7b5748;
	font-weight:normal;
	text-decoration:none;
	margin-left:12px;
}
ul#sideNav li a:hover {
	color:#990000;
}
body#item1 li a#item1, body#item2 li a#item2, body#item3 li a#item3, body#item4 li a#item4, body#item5 li a#item5, body#item6 li a#item6, body#item7 li a#item7, body#item8 li a#item8, body#item9 li a#item9, body#item10 li a#item10, body#item11 li a#item11, body#item12 li a#item12, body#item13 li a#item13, body#item14 li a#item14, body#item15 li a#item15, body#item16 li a#item16, body#item17 li a#item17, body#item18 li a#item18, body#item19 li a#item19, body#item20 li a#item20 {
	color:#990000;
}
/* SIDE NAV BTNS
-------------------------------------------------------------------------------- */
#sideNavBtns {
	width:212px;
	height:70px;
	display:block;
	float:left;
	margin-left:-28px;
	margin-top:15px;
	text-align:center;
}
.prodNavBtn {
	display:block;
	height:70px;
	width:67px;
	float:left;
}
#sideNavBtn1 {
	background: url(/images/interface/navigation/ourProductsSideNav/howToCookIt.gif) no-repeat 0px 0px;
}
#sideNavBtn2 {
	background: url(/images/interface/navigation/ourProductsSideNav/howToCarveIt.gif) no-repeat 0px 0px;
}
#sideNavBtn3 {
	margin-top:5px;
	background: url(/images/interface/navigation/ourProductsSideNav/findRecipes.gif) no-repeat 0px 0px;
}
.sideNavTxt {
	display:none;
}
#sideNavBtns a:hover #sideNavBtn1, #sideNavBtns a:hover #sideNavBtn2, #sideNavBtns a:hover #sideNavBtn3 {
	background-position:0px -70px;
}
.separator {
	display:block;
	float:left;
}
/* MAIN CONTENT
-------------------------------------------------------------------------------- */

#mainContent {
	display:block;
	float:left;
	font-weight:normal;
	font-size:11px;
	color:#330000;
	width:512px;
	left:350px;
	/*margin-left:35px;*/
margin-top:45px;
	line-height:15px;
	margin-bottom:20px;
}


.bolded {
	font-weight:bold;
}


/* HERO IMG
-------------------------------------------------------------------------------- */
#heroImg {
	display:block;
	margin-left:0px;
	margin-top:-47px;
	float:left;
}

.newPng{
display:block;
position:absolute;
float:left;
width:352px;
height:109px;
background:url(/images/interface/recipeSearch/overfeature_image.png) no-repeat 0px 0px;
margin-top:-47px;
}

#featuredRecipe{
display:block;
float:left;
padding-left:40px;
width:145px;
}

#featuredRecipe #featuredRecipeTitle{
display:block;
float:left;
width:143px;
height:41px;
background:url(/images/interface/titles/recipeTitles/featuredrecipe.gif) no-repeat 0px 0px;
}

#featuredRecipeCopy{
text-align:center;
font-size:11px;
}



#featuredRecipeCopy #recipeTitle{
font-size:12px;
font-weight:bold;
}


#featuredLink{
display:block;
margin-left:60px;
}

#featuredLinkTxt{
display:block;
float:left;
text-decoration:underline;
color:#990000;
}

#featuredLinkArrow{
display:block;
float:left;
background:  url(/images/promo2/arrows/arrow_main.gif) no-repeat 0px 0px;
height:17px;
width:14px;
margin-left:10px;
}

#featuredLink a:hover #featuredLinkTxt{
text-decoration:none;
color:#7b5748;
}

#featuredLink a:hover #featuredLinkArrow{
background-position: 0 -20px;
}



/* SEARCH CONTENT
-------------------------------------------------------------------------------- */
#searchContent{
display:block;
float:left;
width:535px;
margin-left:-3px;
}

#searchByIngredient{
display:block;
float:left;
width:535px;
height:45px;
background:url(/images/interface/recipeSearch/recipe_undersearch.jpg) no-repeat 0px 0px;
}

#searchByIngredientTxt{
display:block;
float:left;
background:url(/images/interface/recipeSearch/searchbyingredient.gif) no-repeat 0px 0px;
width:145px;
height:28px;
margin-top:12px;
margin-left:15px;
}

#ingredientSearchField{
display:block;
float:left;
margin-top:14px;
margin-left:15px;
background-color:#faf9f0;
}

#submitBtn{
display:block;
float:left;
width:115px;
height:24px;
margin-top:11px;
margin-left:15px;
}


/* SEARCH CONTENT
-------------------------------------------------------------------------------- */
#secondarySearchContent{
display:block;
float:left;
width:535px;
}

#seasonalFavorites{
display:block;
float:left;
width:265px;
margin-top:5px;
}

#seasonalTitle{
display:block;
float:left;
width:265px;
height:64px;
background:url(/images/interface/recipeSearch/recipe_links_top.jpg) no-repeat 0px 0px;
}

#seasonalContent{
display:block;
float:left;
width:265px;
background:url(/images/interface/recipeSearch/recipe_links_mid.jpg) repeat-y 0px 0px;
}

#seasonalBtm{
display:block;
float:left;
width:265px;
height:30px;
background:url(/images/interface/recipeSearch/recipe_links_bottom.jpg) no-repeat 0px 0px;;
}

#seasonalFavoriteTitle{
display:block;
float:left;
width:248px;
height:21px;
background:url(/images/interface/titles/subTitles/seasonalfavorites.gif) no-repeat 0px 0px;
margin-left:17px;
margin-top:20px;
}

#seasonalContent ul{
margin-top:-20px;
margin-left:28px;
margin-bottom:15px;
}

#seasonalContent ul li {
padding-right:10px;
}

#seasonalContent ul li a{
color:#7b5748;
line-height:25px;
text-decoration:underline;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:2px;
	display:none;
	color:#fff;
	}

/*#seasonalContent ul li img{
display:none;
}

#seasonalContent ul li a:hover .popup{
display:inherit;
position:absolute;
z-index:2;
margin-top:-70px;
margin-left:30px;
}*/

#seasonalContent ul li a:hover{
color:#990000;
}


/* SEARCH CONTENT - Right column
-------------------------------------------------------------------------------- */

#secondaryRightHandContent{
display:block;
float:left;
margin-left:5px;
}

#additionalOptions{
display:block;
float:left;
height:144px;
width:259px;
background:url(/images/interface/recipeSearch/recipe_additionalsearch.jpg) no-repeat 0px 0px;
}

#additionalOptions h5{
text-indent:-10000px;
display:block;
float:left;
width:237px;
height:44px;
background:url(/images/interface/recipeSearch/orselect.gif) no-repeat 0px 0px;
margin-left:12px;
}

ul#searchOptions li{
display:block;
float:left;
width:259px;
height:30px;
}

.searchBy{
clear:both;
display:block;
float:left;
margin-left:6px;
text-indent:-10000px;
background:url(/images/interface/recipeSearch/searchby.gif) no-repeat 0px 0px;
height:26px;
width:70px;
margin-bottom:7px;
}

.selectField{
display:block;
float:left;
width:120px;
margin-left:6px;
background-color:#faf9f0;
}

.goBtn{
display:block;
float:left;
margin-left:6px;
margin-top:-2px;
}


#recipeSearchCopy {
	display:block;
	font-weight:bold;
	font-size:16px;
	line-height:23px;
	margin-bottom:15px;
}



/* PROMO POD - Right column
-------------------------------------------------------------------------------- */
#promoPod{
display:block;
width:264px;
height:143px;
}

/* News Buttons
-------------------------------------------------------------------------------- */
.subContentBtn{
display:block;
float:left;
background:#faf8ef url(/images/interface/navigation/subNav/longBtn_top.jpeg) no-repeat 0px 0px;
width:512px;
text-align:center;
margin-top:10px;
text-decoration:none;
line-height:18px;
}

.buttonList a{
color:#7b5748;
text-decoration:none;
font-weight:bold;
}

.buttonList a:hover{
color:#990000;
text-decoration:underline;
}

.buttonBottom{
display:block;
float:left;
background:url(/images/interface/navigation/subNav/longBtn_btm.jpeg) no-repeat 0px 0px;
width:512px;
height:10px;
margin-top:-5px;
}