/* Articles CSS */


/* !Structure */

#breadcrumbs {
	margin: 0 0 10px 0;
	color: #dc425a;
}

#breadcrumbs a{
	color: #dc425a;
}

#col-left {
	float:left;
	width: 244px;
	}

#col-left .box {
/* 	width: 100%; */
	}
	
#col-left #promotions {
  margin-left:18px; 
  }	
	
#col-middle {
	float:left;
	width: 444px;
	min-height: 100px;
	margin-left: 20px;	
	background-color: #fff;
	min-height:100px;
	padding: 0 20px 20px 0;	
	display: inline;
}

/*body.peapod #col-middle {
  width: auto;
}*/
	
#col-middle2 {
	float:left;
	width: 680px;
	min-height:100px;
	padding: 0 0 0 20px;
	}
	
#col-right {
	float: right;
	width: 210px;
	margin-left: 0;	
}
	
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 15px 0 15px 0;
}	

.green {
	color: #61af0e;
}

h1.green span {
  display: block;
  font-size: 13px;
  font-weight: normal;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #dc425a;
	margin: 10px 0;
}	

h3 {
	font-weight: bold;
	margin: 0;
	}
	

#body-image {
    margin: 0pt 0pt 5px 10px; 
    float: right;
}

#article-hed {
	margin:0 0 15px 0;
}

#article-hed p {
	color: #333; 
	}

#article-hed h1 {
	margin:0 0 3px 0;
	line-height:1.3em;
	}


#user-rating {
    float:right; 
		width: 100px;
/*		width: 82px;
*/		height: 50px;
    position: relative;
}

#user-rating .wrap {
  height: 100%;
	background: url(/images/articles/article-rating.gif) no-repeat right bottom;
}

#article-rating div {
    font-size: 20px; 
    font-weight: bold; 
    color: white;
    position: absolute;
		right: 26px;
		top: 26px;
		padding: 0 0 2px 0;
}
	
#user-rating p {
	text-align:right;
	margin: 0 0 3px 0;
	padding: 0;
	}	
	
#bookmarks {
  background: url(/images/articles/social-bg.gif) no-repeat;
/* 	border: 1px solid #bbb; */
	margin: 15px 0;
	padding: 0 0 0 0;
	height: 30px;
	clear:right;
	width: 460px;
	color: #fff;
}	
	
#bookmarks a {
	margin: 0 0 0 8px;
	font-size: 9px;
	font-weight: normal;	
	float:left;
	padding: 8px 0 0 0;
	color: #fff;
	}	
	
#bookmarks p {
	margin-right: 0;
	padding: 8px 0 0 10px;
	float:left
	}	


#bookmarks img {
	margin: -2px 2px 0 0;
	float:left
	}
	
	
#bookmarks ol {
	list-style: decimal;
	padding-left: 1em;
	margin: 20px 0 0 1em;
}	
	
#bookmarks li {
	margin: 0 0 20px 0;
	font-weight: bold;
}	
	
.comment-meta {
	background-color: #eee;
	padding: 3px 5px;
	margin-bottom:5px;
	font-weight: normal;
	color: #666;		
}	
	
h2 span {
	display:inline;
	font-size:10px;
	font-weight:normal;
	color:#333
	}	
	
#comments p {
	color: #333;		
	font-weight: normal;
	}
	
#comments a {
	font-weight: bold;	
	}	
		
textarea {
	width: 440px;
	height: 100px;
	color: #666;	
	margin: 0 0 6px 0;	
	}	

#comment-submit {
	float:right;
	}

#new-comnent .actionlink{
	float:left;
	}

#comment-rating {
	float:left;
	margin: 0 10px 0 0;
	}

#more-comments {
	text-align:right;
	}

.comment {
	float:right;
	height: 25px;
	width: 70px;
	font-size: 11px
	}

/* !Orange icon rollovers */

#icons {
	margin-bottom: 12px;
	}

.iconCaption {
	height: 2em;
	margin-top: -2em;
	font-size: 0.9em;
	font-weight: bold;
	color: #ff8500;
	line-height:1em;
	_position: relative; /* Win/IE6 */
	}

#icons a {
	margin-right: 10px;
	}
	
#related {
	padding: 0 20px 10px 15px;
}


#related ul {
	margin: 5px 0 10px 0;
	max-height: 400px;
	_height: 400px;
	overflow: auto;
}

#related li {
	margin:0 0 5px 0;
	font-weight: normal;
}


/* !Recipe styles */


#recipes h2, 
#recipes #breadcrumbs, 
#recipes #breadcrumbs a, 
#recipes #related h3,
#recipes #related a,
#col-middle2 a
{
	color: #61af0e;
	}


/* Recipe content */
/*.ingredients {
   list-style: disc;
   margin-left: 10px;
 }
*/ 
.ingredients li {
  xpadding-left: 1em;
	margin: 6px 0;
 }

.directions ol {
   list-style: decimal;
   margin: 10px 0 10px 17px;
   *margin: 10px 0 10px 23px;
 }
 
.directions li {
	margin: 6px 0;
 }

.directions p {
   margin: 10px 0;
 }
 
.directions ul {
   list-style: circle;
   margin: 20px;
 }

/* Recipe Card */
.recipe-tab {
	float:left;
	width:211px;
	background: url("../images/articles/recipe-card_01.gif") no-repeat bottom;
	}

.recipe-tab ul {
	margin:0;
	padding:0;
	list-style:none;
	}

.recipe-tab li {
	float:left;
	background:url("../images/articles/recipe-card-tab_02.gif") no-repeat right top;
	margin:0;
	padding:0 15px 0 0;
	}

.recipe-tab p {
	display:block;
	background: url("../images/articles/recipe-card-tab_01.gif") no-repeat left top;
	padding:5px 0 14px 10px;
	color: #caad48;
	font-weight: bold;
	margin: 0 0 -3px 0;
	}

.recipe-card-bottom {
	background: url(../images/articles/recipe-card_02.gif) repeat-y bottom;
	width: 211px;
	float:left;
	margin: 0 0 15px 0;
	}

.recipe-card-content {
	padding: 0 15px 20px 10px;
	}
	
.recipe-card-bottom h3 {
	font-weight: normal;
	}

.recipe-card-bottom span {
	color: #997a10;
	font-weight: bold;
	display: inline;
	line-height: 1.8em
}

#recipes li {
	font-weight: normal;
}


#coziCart {
  background: url(/images/icons/cozi-logo.gif) no-repeat 150px 7px;
  height: 60px;
}

#coziCart p {
  float:right;
  padding: 0 65px 0 0;
  }

#coziCart a {
  background: url(/images/food-recipes/ShoppingCartIcon.png) no-repeat left;
  padding: 0 0 16px 30px;
  font-weight: bold;

}




/* !Recipe Search Results */

table.search-results {
	width: 680px;
	margin: 10px 0 10px 0;
	}

.search-results td, th {
	vertical-align: top;
	padding: 2px 2px 15px 2px;
	}

th {
	font-size: 12px;
	padding-bottom:10px;
	font-weight: bold;
}

th a {
	text-decoration: underline;
}

.col-image {
	width: 75px;
	}

.col-recipe {
	width: 300px;
	}

.col-time {
	width: 80px;
	}

a.recipe-name {
	font-size: 16px;
}

.col-rating img {
	margin-top:10px;
	}

.divider {
	border-bottom: 1px solid #61af0e;
	font-weight: bold;
	}


/* search results nav */

#search-nav {
	height:40px;
}

#search-display {
	float:left;
	}

#search-pagination {
	float:right;
	margin: 4px 0 0 0;
	}

#search-pagination .current {
	font-weight: bold;
		}

#search-results a {
	color: #3e721e; 
	}

#results-search-box {
	margin: 0 0 20px 5px;
}

#results-search-box input {
	border: 1px solid #7bc34f;
	color: #666;
	padding: 3px;
	width: 220px;
	font-size: 11px;
}

#sortby-box {
	background: url(../images/articles/box-sortby.gif) no-repeat;
	width: 202px;
	height: 41px;
	float:right;
	padding: 6px 0 0 10px;
}

#sortby-box select {
	width: 60%;
	border: 1px solid #61af0e;
	}
	

.sortable.search-results th {
	text-decoration: underline;
	}

	
/* !ADVANCED SEARCH PAGE */	

#adv-keyword {
	width: 700px;
	height: 50px;
	}
	
#adv-keyword #adv-key {
	border: 1px solid #7bc34f;
	color: #666;
	padding: 3px;
	width: 400px;
	font-size: 11px;
	margin: 10px 0 10px 0;
	float:left
}

#adv-keyword span {
	display:inline;
	float: left;
	margin: 10px 0 0 10px;
	*margin: 5px 0 0 10px;
}

#adv-key-check {
	margin: 5px 2px 0 0;
}

.adv-search {
	float:left;
	padding: 0 0 0 10px;
	}

.adv-search h2 {
	margin: 10px 0 2px 3px;
	font-size: 11px;
	}

.adv-search select {
	width: 170px;
	font-size: 11px;
	margin-bottom: 24px;
	*margin-bottom: 14px; /* ie6-7 */
	padding-bottom: 0;
	margin-left:4px;
	}

.box1 {
	width: 450px;
	margin: 0 10px 10px 0;
	}

.box2 {
	width: 460px;
	margin: 0 0 10px 0;
}

.box3 {
	width: 250px;
	margin: 0 10px 10px 0;
	}

.box4 {
	width: 140px;
	margin: 0 10px 10px 0;
	}

.box5 {
	width: 280px;
	margin: 0 10px 10px 0;
	}

.box6 {
	width: 200px;
	margin: 0 0 10px 0;
	}

.box7 {
	width: 455px;
	margin: 0 0 10px 0;
	padding: 3px 0
	}

.cols4 {margin-left:12px;}
.cols2 {margin-left:65px;}
.cols2w {
	margin-left:5px;
	width:130px;
	}

.check-note {
	font-size:9px;
	padding-top: 6px !important;
	}

/* The checkboxes */

ul.Checkboxes {
	float:left;
	padding: 0;
}

ul.Checkboxes li {
	display:	block;
	list-style-type:	none;
	clear: both;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	margin-bottom:2px
}

ul.Checkboxes li input {
	display: block;
	float: left;
}

ul.Checkboxes li label {
	display: block;
	margin-left:	0.2em;
	margin-top:	0.3em;
	float: left;
	clear: right;
}

/* Occasion Pop-up */

#occasion-box {
	background: url(../images/articles/box-occasion.gif) no-repeat;
	width: 500px;
	height: 45px;
	margin: 0 0 5px -2px;
	font-size: 14px;
	color: #3672be;
	padding: 12px 0 0 15px;	
	float:left;
	}

#occasion-box select {
	margin: 0 0 0 5px;
	}

#occasion-box .news-email {
	border: 1px solid #89c5f4;
	color: #89c5f4;
	padding: 3px;
	width: 180px;
	font-size: 11px;
	}

#occasion-box h2 {
	font-size: 11px;
	display:inline
 }


/* Get Results button */

#getresults {
	float:right;
	margin: 0 17px 0 0;
	}	


/* Recipes Main */
	
.recipe-b1 {
	width:505px;
/* 	height:337px; */
	background: url(../images/food-recipes/box-main-bg.jpg) no-repeat 150px -130px  ;
}


/* Photo Rollover Popups */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:75px; width:75px; }
.PZ3zoom a:hover img { height:140px; width:140px;
  border:0; }

.Bdr a:hover {border: none}
.noCap a:hover .PZ3zoom { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }



/* Green text in general related content box */
.bGreen h3 {
	color: #61af0e
	}

.bGreen a {
	color: #61af0e
	}



/* Pink text in Beauty Articles related content box */
.bPink h3 {
	color: #dc425a
	}

.bPink a {
	color: #dc425a
	}



/* Formatting of Articles and Tips in articles/show.phtml */

.article-content ul li {
	margin: 6px 0 6px 15px;
	list-style-type: disc;
}

.article-content h4,
.article-content h1 {
	font-weight: bold;
	color: #dc425a /* Pink heads for Beauty articles */
	}




/* Vertical RQS */

#rqsVert {
	padding: 20px 20px 0 15px;
/*
	height: 190px;
	background: url(../images/food-recipes/box-recipesearch-bgsmall.gif) 70px 30px no-repeat; 
*/
}

#rqsVert h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.arsButton {
	color: #fff;
	width: 190px;
	margin: 10px 0 0 0;
}

#rQinput {
	float:left; 
	width: 195px;
	height: 12px;
	margin: 10px 10px 5px 0;
	padding: 4px;
	font-size: 10px;
	color: #2363ad;
	border: 1px solid #7bc34f;
}

#rqsVert .submit-button {
	float:right;
	margin: 0 5px 10px 0; 
	}

#rQselects {
	margin: 0;
	clear:right;
}

#rqsVert .actionlink {
	margin: 15px 0 15px 0;
	font-size: 11px;
}

.brandlogo .bLogo {
	float:right;
	margin: 0 5px 10px 0;
	}
	
.brandlogo .brought {
	float:left;
  margin: 15px 0 0 0;
	color: #64a5e5;
	font-weight: bold;
	}
	
.brandlogo.content p {
	margin: 0 0 0 0;
}
.brandlogo h1 {
	clear:right;
		color: #64a5e5;
	font-size: 11px;
	margin: 10px 0 0 0;
	
}
.brandlogo  {
	margin: 10px;
}

.brandlogo  a{
	float:left;
}

.brandlogo .pdfIcon {
	float:left;
	margin: 0 5px 0 0;
}


/* Pop-up Login Window (ajax-login.php) */

.mlb  {
	width: 400px;
}

#mlb table h3 {
	font-weight: normal;
	font-size: 16px;
	color: #318fcd;
	margin-bottom:10px;
	margin-top: 0;
}

#mlb table label {
	font-size:12px;
	color: #87c5f3;
	font-weight: bold;
}

#mlb table .inputBox {
	border: 1px solid #87c5f3;
	padding: 3px 0;
	width:200px;
	margin-bottom:10px;
}

div.mlb .mlbcontainer {
	padding: 0 10px 0 10px;
}

.mlb {
	width:450px !important;
}

#mlb table form {
	width:180;
	padding: none;
	margin: none;
}

#mlb table p, #mlb span {
	font-size:10px;
	margin: 0 0 0 0;
	line-height: 1.3em;
}

.orangeButton.reg {
	position: absolute;
	bottom: 20px;
	right:10px;
	width: 84px;
}


p.repurposed {
	font-size:9px;
	line-height:1em;
	margin: 0;
	color: #DC425A;
}

#curve-image {
  clear: right;
}

#recipeInfoLine {
/* width: 400px; */
}


#recipeInfoLine span {
text-transform:uppercase;
color:#b00202;
font-weight:bold
}