@charset "iso-8859-1";

body {
  background: #e1e9ae;
  margin: 0 0 20px 0;
  padding: 0;
  font-family: Verdana, Myriad Pro, Lucidia Sans, Tahoma, Arial, sans-serif;
  font-size: 8pt;
  line-height: 11pt;
  color: #000000;
  }
  
div {
  font-family: Verdana, Myriad Pro, Lucidia Sans, Tahoma, Arial, sans-serif;
  font-size: 8pt;
  line-height: 11pt;
  }

a, a:link {
  color: #b12b1f;
  text-decoration: none;
  }
  
a:visited {
  color: #b12b1f;
  text-decoration: none;
  }
  
a:hover, a:active {
  color: #b12b1f;
  text-decoration: underline;
  }
  
p {
  text-align: left;
  }
  
h1 {
  font-size: 16pt;
  font-weight: normal;
  font-family: Verdana, Helvetica Light, Helvetica, Arial, sans-serif;
  color: #b12b1f;
  line-height:18pt;
  }

h4 {
  font-size:10pt;
  font-weight: bold;
  color: #859346;
  line-height:12pt;
  }
  
input, textarea {
  padding: 3px;
  border: 1px solid #ced54b;
  background: #ebf2be;
  color: #859346;
  font-size: 9pt;
  }
  
.btn {
  margin: 0;
  padding: 1px 3px 1px 3px;
  background: #c64937;
  border: 1px solid #b12b1f;
  color: #f1f4e3;
  font-size: 9pt;
  }
  
.clear {
  clear: both;
  }
  
.black {
  color: #000000;
  }

.gray {
  color: #7e736d;
  }
  
.ltgreen {
  color: #ebf2be;
  }

.green {
  font-size:10pt;
  color: #859346;
  }
  
#content {
  width: 986px;
  height:auto !important; /* real browsers */
  background: #f1f4e3;
  border: solid 1px #c1d939;
  border-top: 0;
  font-family: Myriad Pro, Lucidia Sans, Tahoma, Arial, sans-serif;
  font-size: 9pt;
  }
input[type="radio"]
{
	border:0;
	background:transparent;
}

  
#ad_top {
  padding: 0 10px 0 0;
  width: 726px;
  height: 110px;
  float: right;
  margin-top:-5px;
  }
#ad_top img {
  border: 1px solid #c1d939;
  }
  
#nav {
  margin: 0;
  padding: 0 20px 0 20px;
  width: 946px;
  height: 31px;
  text-align: middle;
  background: url(images/bg_nav.gif) no-repeat #b63d2c;
  color: #f1f4e3;
  }
#navleft {
  margin: 0;
  padding: 0;
  float: left;
  position:relative;
  top: 4px;
  }
.searchbtn {
  margin: 0;
  padding: 0px 0px 0px 0px;
  background: #c64937;
  border: 1px solid #b12b1f;
  color: #f1f4e3;
  font-size: 9pt;
  }
.searchinput {
  padding: 3px;
  border: 1px solid #ced54b;
  background: #ebf2be;
  color: #859346;
  font-size: 9pt;
  }
#navright {
  width: 480px;
  margin: 0;
  padding: 0;
  position: relative;
  top:8px;
  float: right;
  font-size: 10pt;
  }
ul#navright {
  margin: 0;
  padding: 0;
  }
#navright li {
  margin: 0;
  padding: 0 0 0 13px;
  display: inline;
  list-style-type: none;
  }
a.navright, a:visited.navright {
  color: #f1f4e3;
  text-decoration: none; 
  }
a:hover.navright, a:active.navright {
  color: #f1f4e3;
  text-decoration: underline;  
  }



/*------------ left nav v.1 ------------*/
#browse{
  position: relative;
  left: 7px;
  margin: 0px;
  padding-right: 6px;
  position: relative;
  float: left;
  font-size: 8pt;
  text-align: left;
  border-right: 1px solid #d2d8b4;
  width:161px;
  }
ul#browse{
  border: 0;
  width: 152px;
  padding: 0;
  }
li.browse{
  margin: 0;
  list-style-type: none;
  color: #c64937;
  }
li.browsetop {
  margin: 0;
  border-top: 0px;
  list-style-type: none;
  color: #c64937;
  }
a.browse, a:visited.browse{
  position: relative;
  top: 7px;
  color: #c64937;
  text-decoration: none; 
  font-size: 9pt; 
  }
a:hover.browse, a:active.browse{
  position: relative;
  top: 7px;
  color: #c64937;
  text-decoration: underline;  
  font-size: 9pt;
  }
  
/*------------ left nav v.2 ------------*/
#column1 {
  position: relative;
  left: 7px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  font-size: 11pt;
  text-align: left;
  }
ul#column1 {
  border: 0;
  width: 152px;
  padding: 0;
  }
li.column1 {
  margin: 0;
  height: 30px;
  border-top: 1px solid #e4e7d2;
  border-right: 1px solid #d2d8b4;
  list-style-type: none;
  color: #c64937;
  }
li.columntop {
  margin: 0;
  height: 30px;
  border-top: 0px;
  border-right: 1px solid #d2d8b4;
  list-style-type: none;
  color: #c64937;
  }
li.columnad {
  margin: 0;
  height: 300px;
  list-style-type: none;
  text-align: center;
  color: #7e736d;
  font-size: 9pt;
  }
a.column1, a:visited.column1 {
  position: relative;
  top: 7px;
  padding: 10px;
  color: #c64937;
  text-decoration: none; 
  font-size: 11pt; 
  }
a:hover.column1, a:active.column1 {
  position: relative;
  top: 7px;
  padding: 10px;
  color: #c64937;
  text-decoration: underline;  
  font-size: 11pt;
  }

/*------------ generic columns ------------*/
#column2 {
  position: relative;
  left: 26px;
  width: 595px;
  margin: 0;
  padding: 0;
  float: left;
  }

  
#column3 {
  position: relative;
  left: 63px;
  width: 161px;
  margin: 0;
  padding: 0px;
  float: left;  
  }


/*------------ recipeaction ------------*/
#recipeactionbox {
  width: 161px;
  background: url(images/bg_table_body.gif) repeat-y;
  }
#recipeactiontop {
  width: 161px;
  background: url(images/bg_table_side_top.gif) top left no-repeat;
  }
#recipeactionbottom  {
  width: 161px;
  background: url(images/bg_table_side_bottom.gif) bottom left no-repeat;
  }


/*------------ loginbox ------------*/
#loginbox {
  width: 161px;
  background: url(images/bg_table_body.gif) repeat-y;
  }
#logintop {
  width: 161px;
  background: url(images/bg_table_side_top.gif) top left no-repeat;
  }
#loginbottom {
  width: 161px;
  background: url(images/bg_table_side_bottom.gif) bottom left no-repeat;
  }
#recipeactions {
  width: 161px;
  background: url(images/bg_table_side_bottom.gif) bottom left no-repeat;
  }
.login {
  padding: 3px;
  border: 1px solid #ced54b;
  background: #f1f4e3;
  color: #859346;
  font-size: 9pt;
  width: 120px;
  }
  
/*------------ footer ------------*/ 
#greenfooter {
  width: 986px;
  padding: 20px 0 20px 0;
  background: #859346;
  }
a.greenfooter, a:visited.greenfooter {
  color: #f1f4e3;
  text-decoration: none; 
  }
a:hover.greenfooter, a:active.greenfooter {
  color: #f1f4e3;
  text-decoration: underline;  
  }
#footerbox {
  position: relative;
  left: 20px;
  width: 180px;
  float: left;
  text-align: left;
  }
  
/*------------ indvmenu ------------*/
.recipepic {
  margin-right: 15px;
  border: 1px solid #c1d939;
  background: #ffffff;
  padding: 10px;
  }
.recipeth {
  margin-right: 10px;
  border: 1px solid #c1d939;
  background: #ffffff;
  padding: 5px;
  }
.navbuttons {
  margin-right: 00px;
  border: 0px;
  padding: 0px;
  font-size: 9pt;
  }
.column2full {
  width: 595px;
  }
  
#column2meals {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  text-align: left;
  font-size:10pt;
  color: #859346;
  }
ul#column2meals {
  border: 0;
  width: 293px;
  padding: 0;
  }
li.column2meals {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-right: 1px solid #d2d8b4;
  background: url(images/dothr_270.gif) top left no-repeat;
  list-style-type: none;
  }
li.column2mealstop {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-right: 1px solid #d2d8b4;
  list-style-type: none;
  }
a.column2meals, a:visited.column2meals {
  position: relative;
  top: 7px;
  font-size: 9pt;
  color: #c64937;
  text-decoration: none; 
  }
a:hover.column2meals, a:active.column2meals {
  position: relative;
  top: 7px;
  font-size: 9pt;
  color: #c64937;
  text-decoration: underline;  
  }
#fullwidthheading {
  padding-top: 15px;
  width: 594px;
  background: url(images/dothr_594.gif) top left no-repeat;
  font-size:10pt;
  font-weight: bold;
  color: #859346;
  text-align: left;
  }

/*------------ recipes ------------*/
 .recipebottom {
  width: 595px;
  background: url(images/dothr_594.gif) bottom left no-repeat;
  }
.recipebottom2 {
  width: 285px;
  background: url(images/dothr_270.gif) bottom left no-repeat;
  padding-bottom: 15px;
  }
    
ol#directions {
  border: 0;
  padding: 0;
  }  
#directions li {
  position: relative;
  top: 8px;
  left: 20px;
  color: #000000;
  }
  
#nutrition1 {
  width: 105px;
  float: left;
  z-index: 1;
  text-align: left;
  }
#nutrition2 {
  position: relative;
  left: -50px;
  width:135px;
  float: left;
  z-index: 2;
  text-align: right;
  }
#nutrition3 {
  position: relative;
  left: -50px;
  width: 45px;
  float: left;
  z-index: 3;
  text-align: right;
  }
  

/* recipe page css*/
	
.recipe_Top_grd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #006000;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../../Images/recipe_top_grd.gif);
	background-repeat: repeat-x;
	height:30px;
}
a.BreadCrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006000;
	text-decoration: none;
}
a.BreadCrumb:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #680000;
	text-decoration: none;
}
a.BreadCrumb:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #680000;
	text-decoration: underline;
}
.SmallCurveGrd {
	background-image: url(../../Images/recipe_curve_grd.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #124c12;
	text-decoration: none;
	
}
.SmallCurveBottomGrd {
	background-image: url(../../Images/recipe_curve_btm_grd.gif);
	background-repeat: repeat-x;
}
.SmallCurveBg {
	background-color:#f7fbf4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #124c12;
	text-decoration: none;
}
.DotLine {
	background-image: url(../../Images/dotline.gif);
	background-repeat: repeat-x;
	height:14px;
}
.Line {
	background-image: url(../../Images/line.gif);
	background-repeat: repeat-x;
	height:14px;
}
.SideLineLt {
	background-image: url(../../Images/side_line_lt.gif);
	background-repeat: repeat-y;
}

.SideLineRt {
	background-image: url(../../Images/side_line_rt.gif);
	background-repeat: repeat-y;
}


.HeadNutrition{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #248b24;
	text-decoration: none;
	text-align:left;
	
}

a.SubNavGreen{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #015401;
	text-decoration: underline;
	padding-left: 8px;
	line-height:20px;
		
}
a.SubNavGreen1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #015401;
	text-decoration: underline;
		line-height:20px;
		
}
/*
a.SubNavGreen:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: underline;
	padding-left: 8px;
	line-height:20px;
}
*/
a.SubNavGreen:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #680000;
	text-decoration: underline;
	padding-left: 8px;
	line-height:20px;
}
a.SubNavGreen:Active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #680000;
	text-decoration: underline;
	padding-left: 8px;
	line-height:20px;
}
.RedText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #680000;
	text-decoration: none;
	line-height:16px;
	text-align:left;
}
a.RedText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #680000;
	text-decoration: none;
	line-height:16px;
}
a.RedText:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #680000;
	text-decoration: underline;
	line-height:16px;
}
a.RedTextSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #980000;
	text-decoration: underline;
}

.GreenText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #124c12;
	text-decoration: none;
	line-height:16px;
	text-align:left;
}
.GreenTextSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #083c05;
	text-decoration: none;
	line-height:16px;
	text-align:left;
}

a.GreenTextSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #083c05;
	text-decoration: underline;
	line-height:16px;
}
a.GreenTextSmall:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #680000;
	text-decoration: underline;
	line-height:16px;
}
.ContentCurveBG {
	background-image: url(../../Images/content_curve_bg.gif);
	background-repeat: repeat-x;
}
.ContentCurveBottomBG {
	background-image: url(../../Images/content_curve_btm_bg.gif);
	background-repeat: repeat-x;
}
.RecipeImgBdr {
    border:1px solid #cad378;
	height:164px;
}

.TextGrayBig{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height:18px;
	padding:0px 2px 8px 0px;
	text-align:left;
}
.FieldSmall{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	Color:#212121;
	padding: 1px 0px 0px 2px;
	height:22px;
	width:70px;
	}
.CurveHeadBg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#719e09;
	text-decoration: none;
	background-image: url(../../Images/curve_head_bg.gif);
	background-repeat: no-repeat;
	height:40px;
	padding:0px 0px 6px 25px;
	
}


.BigText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type:none;
	height:20px;
	padding:2px 10px 0px 0px;
	text-align:left;
	}
	
.ReviewBigText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type:none;
	height:20px;
	width:474px;
	padding:2px 10px 0px 0px;
	text-align:left;
	}
.MarginContentCurve{
    margin-top:20px;
}
.GrdWhite {
	background-color: #FFFFFF;
	background-image: url(../../Images/grd_white.gif);
	background-repeat: repeat-x;
	
}





/*------------ inner ------------*/

.HeadIndexBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #064c03;
	text-decoration: none;
}
.SpanHeadIndexBox{
  color: #980000
  }  
.SpanItemTitle{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  font-weight: bolder;
  
  }
.SubTitIndexBox{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #75942d;
  font-weight: normal;
  
  }

.NewsLetterBg {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #064c03;
	padding-left:10px;
	background-image: url(images/newsletter_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height:32px;
}
a.GrayText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #666;
	padding-left:5px;
	text-transform: capitalize;
	}
a.GrayText:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #980000;
	padding-left:5px;
	}
.TopSearchField{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	Color:#212121;
	padding: 2px 0px 0px 2px;
	height:16px;
	width:145px;
	}
.popupControl
{
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
	background-color: #ccffff;
}

#subsection {
  margin: 0;
  padding: 6px 10px 6px 10px;
  width: 574px;
  background: #ebf2be;
  border-top: 1px solid #e5e8c9;
  border-bottom: 1px solid #e5e8c9;
  }
  
#listinghlight {
  margin: 0;
  padding: 10px;
  width: 574px;
  background: #ebf2be;
  border: 1px solid #bbc972;
  z-index: 1;
  }
#listing1 {
  margin: 0;
  padding: 10px;
  width: 574px;
  background: url(images/dothr_594.gif) bottom left no-repeat;
  z-index: 1;
  }
#listing2 {
  margin: 0;
  padding: 10px;
  width: 574px;
  z-index: 1;
  }    
  
#listingdiv {
  background: url(images/linefadehr_594.gif) left no-repeat;
  }
  
 /*------------ menu ------------*/
 .floatright {
   margin-left:10px;
   float:right; 
   width:270px; 
   text-align:left; 
   }

.CustomTabStyle .ajax__tab_header 
{
    background: none;
    background-color: #ebf2be;
    color: #c8433a;
    padding: 5px 5px 5px 5px;
    border-top: solid 1px #e3e8ca;
    border-bottom: solid 1px $e3e8ca;
    text-align: right;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}