/* @override 
	http://oreida.smithbrosagency.com/css/recipes.css
	http://staging.oreida.com/css/recipes.css
	http://www.oreida.com/css/recipes.css
*/

/* Recipes Landing Page */

	#main-recipe-search #main-recipe-search-form { 
		float: right;
		width: 300px;
		padding: 5px 0 0;
		position: relative; }

	#main-recipe-search { 
		float: left;
		width: 310px;
		overflow: hidden; 
	padding-left: 10px; 
	padding-top: 0; }
		
	#top-5 { 
		float: right;
		width: 350px;
		height: 215px;
		overflow: hidden; 
		margin-right: 5px; 
		background: url(../images/recipes/background-top-5.png) no-repeat left top; 
		margin-top: 15px; }
		
	#top-5 #top-5-navigation { 
		overflow: hidden; 
		margin-top: 20px; 
		margin-left: 20px; 
		margin-bottom: 15px; }
		
	#main-recipe-search h5 { 
		color: #3e5183; 
		text-transform: uppercase; 
		font: bold 14px Verdana, "Lucida Grande", Lucida, sans-serif; 
		padding-left: 150px; }
		
	form#main-recipe-search-form fieldset label { 
		float: left; 
		width: 130px; 
		color: #424242; 
		font-size: 11px; 
		font-weight: bold;
		text-align: right; 
		padding-right: 10px; 
		padding-top: 2px; }
			
	input#main-search-field, input#widget_recipes_search_kw { 
		width: 145px; 
		height: 19px;
		border: 1px solid #ccc;
		font: 11px/15px Verdana, "Lucida Grande", Lucida, sans-serif; 
		padding: 2px 0 0 5px;
		color: #ab2923; }
	
	#main-recipe-search form span { 
		display: block;
		width: 240px; 
		padding-top: 10px; 
		text-transform: uppercase; 
		color: #730705; 
		font-weight: bold; 
		padding-bottom: 2px; }

	#main-recipe-search-form select { 
		width: 155px;  }
		
	button.btn-search { 
		position: absolute;
		right: 0; 
		bottom: 0;
		text-indent: -123456px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		border: none;
		display: block;
		cursor: pointer; }
		
		#top-5 ul#list {
		display: block;
		height: 125px; 
		width: 305px; 
		margin: 10px 0 0 30px; }
		
		#top-5 ul#list li { 
		list-style-type: none;
		background-color: transparent !important; }



	#top-5 ul#list li ul li { 
		list-style-type: none;
		padding: 3px 0 0 15px;
		margin: 0;
		float: left; 
		width: 285px; 
		line-height: 16px;
		overflow: hidden; 
		background: url(../images/shared/bullet-sub-nav-children.gif) no-repeat left top; }

/* @group Search Results Page */

table#results-list {
		padding-top: 5px;
		margin-top: 4px;
		border-top: 1px dashed #d4a24d !important;
		position: relative; }
		
table#results-list tr.odd { 
		border-top: 1px dashed #d4a24d !important;
		border-bottom: 1px dashed #d4a24d !important; }

#result-navigation-top-container p span {
		color: #ce0000; }
		
h5.showing-recipes {
		color: #be6e00;
		float: left;
		font: italic 11px/15px Verdana, "Lucida Grande", Lucida, sans-serif; }
		
.search-results h3.recipe-title-verdana {
		text-transform: capitalize;
		font: bold 12px/16px Verdana, "Lucida Grande", Lucida, sans-serif;
		color: #ce4731;
		padding-top: 10px;
		width: 275px;  }

#results-list h3.recipe-title-verdana { 
	padding-top: 0; }
		
table#results-list p {
		padding-top: 0px; }

table#results-list p.time {
		font-size: 11px; }

table#results-list p.time span {
		font-weight: normal !important; }

.search-results form, .search-results p {
		padding-top: 20px;
		font: 12px Verdana, "Lucida Grande", Lucida, sans-serif; }
		
	

.search-results form, .search-results p.recipe-description,
#result-navigation-top-container p {
		padding-top: 0 }
		

.search-results table#results-list td.recipe-image {
		position: relative;
		width: 125px;
		overflow: hidden;
		text-align: left; }

.search-results table#results-list td.recipe-image div { 
	width: 100px; 
	height: 100px; 
	padding-bottom: 20px; }
		
.search-results table#results-list td {
		vertical-align: top;
		position: relative;
		padding-bottom: 0;
		padding-top: 20px; 
		padding-right: 0; }
		
#result-navigation-top-container {
		position: relative;
		overflow: hidden;
		border-bottom: 1px dashed #d4a24d;
		margin-bottom: 4px;
		padding-bottom: 5px;
		width: 685px; }
		
#result-navigation-bottom-container { 
		position: relative;
		width: 685px; }


.search-results table#results-list tr td.recipe-description { 
		width: 265px; }
		
img.recipe-small { 
		
		padding-bottom: 20px; }
		
.search-results td.recipe-image span {
		display: block;
		position: relative;
		z-index: 20;
		width: 16px;
		height: 16px;
		overflow: hidden;
		text-indent: -123456px;
		background: transparent url(../images/recipes/button-view-larger.gif) no-repeat top left;
		cursor: pointer; 
		top: -19px; 
		left: 84px; }
		
.search-results span {
		color: #930000;
		font-weight: bold; }

.search-results span a {
		font-weight: normal; }
		
table#table-meta { 
	margin-top: 10px; }
	

a.view-all {
	color: #ce4731;
	padding-left: 20px; }


div#result-navigation-top-container span.pagination a {
	color: #ce4731;
	padding-left: 20px; }

div#result-navigation-top-container span.pagination, div#result-navigation-bottom-container span.pagination {
	position: absolute;
	right: 0;
	bottom: 9px; }
	
div#result-navigation-bottom-container span.pagination { 
	bottom: 0; }

/* @end */


/* @group Recipes Detail Page */

.recipe-inner-page #content-left {
		width: 370px;
		float: left; }
		
.recipe-inner-page #content-right {
		width: 315px;
		float: right;
		position: relative; }
		
h1.recipe-title { 
	color: #3e5183; 
	font: bold 15px Verdana, "Lucida Grande", Lucida, sans-serif; 
	text-transform: uppercase; }
		
#recipe-meta {
		border-bottom: 1px dashed #d4a24d; 
	margin-bottom: 10px; }
		
#category-list-container span { 
		color: #000;
		display: block; 
		margin-bottom: 5px; }
		
#recipe-meta ul {
		overflow: hidden;
		margin: 0 0 0 -4px;
		list-style-type: none; }
		
#recipe-meta ul li {
		padding-right: 7px;
		font: 12px/12px Verdana, "Lucida Grande", Lucida, sans-serif;
		color: #000000;
		border-right: 1px solid #85847d;
		margin-bottom: 6px;
		padding-left: 7px;
		float: left;  }

#category-list-container { 
	padding-left: 4px;
	overflow: hidden; }

#recipe-meta ul#category-list {
		padding-bottom: 10px; }
		

#recipe-meta ul#category-list li.first {
		padding-left: 5px;  }

ul#category-list li a { 
	margin-bottom: 5px; }

#recipe-meta ul li.last {
		border-right: 0; }
		
#recipe-meta ul#time-list li span {
		color: #be6e00;
		font-size: 11px;
		padding: 0;
		margin: 2px 0 0;
		display: block; }
		
ul#time-list {
		padding-bottom: 5px;
		overflow: hidden; 
		width: 370px; }
		
#primary-column.recipe-inner-page h2 {
		width: 225px;
		display: block;
		margin-bottom: 5px; 
		color: #3e5183; 
		font: 14px/16px Verdana, "Lucida Grande", Lucida, sans-serif; 
		height: 20px;
		overflow: visible; }
		
div#recipe-description, div#recipe-ingredients, div#recipe-instructions {
		border-bottom: 1px dashed #d4a24d;
		margin-bottom: 9px;
		padding-bottom: 5px; }
		
#made-with-products {
	overflow: hidden; 
	margin-left: 0; 
	padding: 10px 0 9px; }

#made-with-products img, #made-with-products p, #made-with-products div {
	float: left; }
		
#made-with-products h3 {
	float: right;
	padding-top: 0;
	margin-bottom: 5px; 
	width: 235px; 
	padding-left: 15px; 
	color: #3e5183; 
	font: normal bold 12px/20px Verdana, "Lucida Grande", Lucida, sans-serif; 
	margin-top: 10px; }
	
#made-with-products p { 
	width: 250px; 
	padding-left: 15px; }

#made-with-products p a{ 
	width: 126px; 
	height: 28px;
	display: block;
	text-indent: -123456px;
	overflow: hidden;
	background: transparent url(../images/recipes/button-view-this-product.jpg) no-repeat; 
	margin-top: 5px; }
	
#recipe-ingredients ul {
		margin-left: 15px;
		list-style-type: none; }
		
#recipe-ingredients ul li {
		padding-bottom: 6px; 
		list-style-type: disc; 
		list-style-position: outside; 
		font-size: 11px; }
		
		
.recipe-inner-page p, .recipe-inner-page li, .recipe-inner-page table {
	font: 12px/16px Verdana, "Lucida Grande", Lucida, sans-serif; 
	color: #000000; }
	
li#print-slide p { 
	margin-bottom: 10px; 
	margin-top: 10px; }
	
	ul#list h5 { 
	color: #be6e00; 
	font: bold 12px Verdana, "Lucida Grande", Lucida, sans-serif; }
	
#recipe-social-container div#white-background { 
		background: url(../images/recipes/background-social-slide.png) no-repeat left top; 
	width: 304px; 
	margin-left: 4px; }
	
.recipe-inner-page ul#list li { 
	width: 274px;
	height: 129px; 
	padding: 15px; 
	margin: 0 0 0 4px;
	list-style: none; }

.recipe-inner-page ul#list li#email-slide { 
	width: 274px;
	height: 129px; 
	padding: 5px 15px 15px; 
	margin: 0 0 0 4px;
	list-style: none; }
	
li#email-slide fieldset { 
	position: relative;
	overflow: hidden;
	width: 274px; 
	height: 115px; }
		
li#email-slide p {
	display: block;
	width: 190px;
	height: 25px;
	position: absolute !important;
	left: 0;
	top: 3px; 
	margin: 0;
	overflow: hidden; }

li#email-slide p span { display: inline; 
	position: relative; 
	top: 2px; 
	font-size: 11px; }
	
li#email-slide input {
	color: #3e5183;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-left: 5px; }

li#email-slide input#shopping-list-radio { 
	margin-left: 10px; }
	
li#email-slide input#your-email-address {
	position: absolute !important;
	top: 49px;
	width: 125px;
	height: 13px; 
	right: 0; }

li#email-slide input#friends-email-address {
	position: absolute !important;
	top: 29px;
	width: 125px;
	height: 13px; 
	right: 0; }
	
li#email-slide label#friends-email {
	position: absolute !important;
	top: 30px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;  }

li#email-slide label#your-email {
	position: absolute !important;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	top: 54px; }

	
li .btn-send {
	position: absolute !important;
	bottom: 10px;
	border: none;
	width: 	47px;
	height: 22px;
	display: block;
	padding: 0;
	cursor: pointer;
	text-indent: -123456px;
	background: transparent; 
	right: 0; }
	
img#recipe-medium { 
	margin-left: 15px; 
	border: 1px solid #ffffff; 
	background: url(../images/recipes/shadow-recipe-300.jpg) center bottom; 
	padding-bottom: 24px; }
	
span#enlarge { 
	position: absolute; 
	top: 285px;
	width: 16px;
	height: 16px; 
	overflow: hidden;
	text-indent: -123456px;
	background: url(../images/recipes/button-view-larger.gif) no-repeat; 
	right: -1px; }

div#ratings-container {
		padding-bottom: 9px;
		position: relative;
		height: 25px;
		width: 300px; 
		border-bottom: 1px dashed #be6e00; 
	margin: -24px 0 15px 15px; }
		
#ratings-container span#current-rating {
		position: absolute;
		top: 11px;
		left: 4px;
		padding-bottom: 1px;
		padding-right: 10px; 
		color: #000000; 
		font: 11px Verdana, "Lucida Grande", Lucida, sans-serif; }
	
#ratings-container span#rating-count {
		position: absolute;
		top: 11px;
		right: -3px;
		padding-bottom: 1px;
		padding-right: 10px; 
		color: #000000; 
		font: normal normal 11px Verdana, "Lucida Grande", Lucida, sans-serif; }
	
#ratings-container form {
		position: absolute;
		top: 10px;
		right: 97px;
		width: 105px;
		overflow: hidden; }
	
#recipe-social-container {
		padding-bottom: 20px;
		width: 310px; 
		background: transparent url(../images/recipes/background-recipe-social-container.jpg) no-repeat right top; 
		margin: 0 0 15px 10px; 
		height: 200px;
		position: relative; }
		
#recipe-social-navigation ul {
		overflow: hidden;
		list-style-type: none; 
		padding: 27px 0 5px; 
	margin-bottom: 0; 
	margin-left: 10px; 
	margin-right: 0; }
		
#recipe-social-navigation li, #top-5-navigation li {
		float: left;
		font-size: 10px;
		text-transform: uppercase;
		border-right: 1px dashed #be6e00;
		padding-left: 9px;
		padding-right: 11px;
		font-weight: bold;
		cursor: pointer;
		list-style-type: none; }

#recipe-social-navigation li.last, #top-5-navigation li.last {
		border: none; }
		
#recipe-social-navigation li.active span, #top-5-navigation li.active span {
		color: #424242; }

#recipe-social-navigation li span, #top-5-navigation li span {
		color: #930000; }

#recipe-social-navigation li span:hover, #top-5-navigation li span:hover {
		text-decoration: underline !important; }
		
#recipe-social-container ul#list {
		margin: 0;
		width: 317px;
		height: 170px;
		display: block;
		position: relative;
		background: transparent url(../images/recipes/social-background.png) no-repeat left top; }

#recipe-social-container ul#list li {
		background-color: transparent !important; }

/* @end */