@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	background:url(../images/bodyBg.jpg) repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#736539;
	}

body form{
	margin:0;
	}
#container{
	width:980px;
	margin:auto;
	margin-top:0;
	}
	
#navBar{
	background:url(../images/navBg.jpg) no-repeat center top;
	margin-top:19px;
	height:50px;
	padding-left:15px;
	padding-top:5px;
	}

#navBar ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
#navBar ul li{
	display:inline-block;
	width:113px;
	text-align:center;
	margin-right:4px;
	}
#navBar ul li a{
	display:block;
	color:#A7351B;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	padding-top:10px;
	padding-bottom:12px;
	border-left:1px solid #F3DC92;
	}
	
#navBar ul li a.selected, #navBar ul li a:hover{
	background:url(../images/navSelBg.jpg) no-repeat;
	display:block;
	color:#F4E7BE;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	padding-top:10px;
	padding-bottom:38px;
	border:0;
	}

#header{
	background:url(../images/headerBg.jpg) no-repeat center top;
	height:255px;
	margin-top:5px;
	position:relative;
	}

#header .headerPic{
	position:absolute;
	top:3px;
	left:-25px;
	}
#header #logo h1{
  	margin: 0px;
	padding: 0px;
	}
			
#logo h1 a {
	padding-top: 124px;
	height: 0px;
	width: 185px;
	background: url('../images/ukrecipe_logo.png') no-repeat;
  	overflow: hidden;
	border:0px none;
	text-decoration:none;
	font-size:0px; 
	position:absolute;
	top:25px;
	right:280px;
	}

#search{
	background:url(../images/searchBg.png) no-repeat top;
	width:244px;
	height:257px;
	padding:40px 20px 5px 20px;
	position:absolute;
	right:0;
	top:5px;
	color:#A67C52;
	}

#search h3{
	color:#A7351B;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	margin:0;
	text-align:center;
	border-bottom:1px solid #D9C042;
	padding-bottom:8px;
	}

#search p{
	margin:5px 0 5px 0;
	font-size:14px;
	}

#search select{
	margin-bottom:5px;
	width:240px;
	background:none;
	border:1px solid #A67C52;
	padding:3px;
	color:#A67C52;
	}

#search .txtField{
	width:230px;
	background:none;
	border:1px solid #A67C52;
	padding:3px;
	margin-bottom:5px;
	color:#A67C52;
	}

.buttonHover{
	height:28px;
	cursor:pointer;
	overflow:hidden; 
	width:78px;  
 	display:inline-block;
	}
	
.buttonHover:hover input, .buttonHover:hover img{
  	margin-top:-29px;
	}

.advSearch{
	display:inline-block;
	vertical-align:top;
	color:#A7351B;
	text-decoration:none;
	text-transform:uppercase;
	padding:7px 0px 0px 5px;
	}
	
.advSearch a{
	color:#A67C52;
	text-decoration:underline;
	font-size:10px;
	}
	
.advSearch a:hover{
	text-decoration:none;
	}
	
#navBar a.noBdr{
	border-left:0;
	}

#leftColumn{
	width:200px;
	float:left;
	margin-left:15px;
	
	}

#leftColumn .box{
	padding:5px;
	}
	
#leftColumn .orangeBox{
	background:#D96C0D;
	color:#F2D479;
	padding:5px;
	padding-top:80px;
	}
	
#leftColumn .orangeBox p{
	margin:0;
	margin-bottom:4px;
	}
	
#leftColumn .orangeBox .txtField{
	border:1px solid #F2D479;
	background:none;
	padding:2px;
	width:180px;
	margin-bottom:10px;
	color:#F2D479;
	}

#leftColumn .orangeBox a{
	color:#F2D479;
	}
#leftColumn .orangeBox .buttonHover{
	margin-left:105px;
	}

#leftColumn .greenBox{
	background:#77A632;
	color:#EEF2C0;
	padding:5px;
	margin-top:10px;
	padding-top:10px;
	}

#leftColumn .greenBox h3{
	color:#EEF2C0;
	margin:0;
	border-bottom:1px solid #8DC63F;
	padding-bottom:5px;
	font-size:22px;
	font-weight:normal;
	}

#leftColumn .greenBox ul{
	list-style-type:none;
	line-height:28px;
	padding-left:5px;
	margin-left:5px;
	margin-bottom:0;
	}

#leftColumn .greenBox ul li a{
	font-size:16px;
	color:#EEF2C0;
	text-decoration:none;
	background:url(../images/bltGreen.jpg) left no-repeat;
	padding-left:15px;
	}
#leftColumn .greenBox ul li .selected{
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background:url(../images/bltGreen.jpg) left no-repeat;
	padding-left:15px;
	font-weight:bold;
	}
#leftColumn .greenBox ul li a:hover{
	text-decoration:underline;
	}


#contents{
	margin-left:225px;
	padding:5px;
	width:745px;
	padding-top:70px;
	}

#googleAdsense{
	background:#FFFFFF;
	padding:5px;
	height:100px;
	}

#dayRecipe{
	background:url(../images/dayRecipeBg.jpg) no-repeat top #F2D479;
	margin-top:10px;
	padding:5px;
	}
#dayRecipeBottom{
	height:15px;
	background:url(../images/dayRecipeBottomBg.jpg) no-repeat;
	}

#dayRecipe h2{
	font-size:30px;
	font-weight:normal;
	margin:0;
	color:#F36B1D;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
	}

#dayRecipe .recipeImg, .recipe .recipeImg, .review .recipeImg{
	display:inline-block;
	margin-left:10px;
	}
	
#dayRecipe .recipeImg img{
	border:1px solid #D9BE6C;
	padding:4px;	
	}
	
#dayRecipe .recipeDesc{
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:560px;
	margin-left:5px;
	}

#dayRecipe .recipeDesc h3{
	font-size:20px;
	color:#A6351C;
	font-weight:normal;
	margin:0;
	margin-bottom:10px;
	}

#dayRecipe .recipeDesc h3 a{
	text-transform:none;
	margin:0;
	line-height:normal;
	font-size:20px;
	}
#dayRecipe .recipeDesc a{
	color:#A6351C;
	margin-right:20px;
	text-transform:uppercase;
	line-height:30px;
	font-size:10px;
	}
	
#dayRecipe .recipeDesc a:hover{
	text-decoration:none;
	}
	
#dayRecipe .recipeDesc p{
	margin:0;
	color:#736539;
	}

#dayRecipe .recipeDesc .ratingBar, .recipe .recipeDesc .ratingBar, .review .recipeDesc .ratingBar,  .review .reviewDesc .ratingBar{
	position:absolute;
	top:0px;
	right:0px;
	
	}



.recipe .recipeImg img, .review .recipeImg img{
	border:1px solid #e2e2e2;
	padding:4px;
	}

.recipe .recipeDesc, .review .recipeDesc{
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:580px;
	margin-left:5px;
	}
.review .reviewDesc{
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:740px;
	margin-left:5px;
	}

.recipe .recipeDesc h3, .review .recipeDesc h3{
	font-size:16px;
	color:#A4A641;
	font-weight:normal;
	margin:0;
	margin-bottom:10px;
	}

.recipe .recipeDesc h3 a, .review .recipeDesc h3 a{
	text-transform:none;
	margin:0;
	line-height:normal;
	font-size:16px;
	color:#A4A641;
	}
.recipe .recipeDesc a, .review .recipeDesc a{
	color:#A6351C;
	margin-right:20px;
	text-transform:uppercase;
	line-height:30px;
	font-size:10px;
	}
	
.recipe .recipeDesc a:hover, .review .recipeDesc a:hover, .review .reviewDesc{
	text-decoration:none;
	}
	
.recipe .recipeDesc p, .review .recipeDesc p{
	margin:0;
	color:#736539;
	}
.review .reviewDesc p{
	margin:0;
	margin-bottom:6px;
	}
.review .reviewDesc a{
	color:#A6351C;
	font-size:12px;
	}
.review .reviewDesc .txtOrange{
	color:#D96C0D;
	margin:0;
	}
.frmComments{
	color:#736539;
	}

.frmComments .txtField{
	width:240px;
	padding:3px;
	border:1px solid #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#736539;
	margin-right:15px;
	}

.frmComments .txtArea{
	width:440px;
	padding:3px;
	border:1px solid #e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#736539;
	}

.frmComments .buttonHover{
	height:26px;
	cursor:pointer;
	overflow:hidden; 
	width:110px;  
 	display:block;
	}
	
.frmComments .buttonHover:hover input{
  	margin-top:-28px;
	}

#footer{
	background:url(../images/footerBg.jpg) repeat-x bottom #691603;
	margin-top:20px;
	}

#footerInner{
	width:980px;
	margin:auto;
	padding:10px;
	color:#A67C52;
	padding-bottom:0;
	}

#footerInner h3{
	font-size:16px;
	font-weight:normal;
	color:#A67C52;
	padding-bottom:5px;
	border-bottom:1px solid #A67C52;
	}

#footerInner p{
	margin:0;
	}

#footerInner a{
	color:#B29C59;
	}

#footerInner .columnLeft{
	display:inline-block;
	width:400px;
	margin-right:175px;
	}

#footerInner .columnRight{
	display:inline-block;
	width:400px;
	}

#footerBottom{
	margin-top:20px;
	padding:5px;
	color:#691603;
	position:relative;
	}

#footerBottom .footerNav{
	position:absolute;
	right:0;
	top:5px;
	color:#B2391E;
	}

#footerBottom .footerNav a{
	text-decoration:none;
	color:#B2391E;
	}

#footerBottom .footerNav .sep{
	margin:0 15px 0 15px;
	}

#pageMap{
	padding:5px;
	margin-top:10px;
	}
#pageMap p{
	margin:0;
	font-weight:bold;
	color:#736539;
	font-size:14px;
	}

.recipeSearch, .glossarySearch{
	color:#736539;
	position:relative;
	}
.recipeSearch select, .recipeSearch .txtField, .glossarySearch .txtField{
	color:#736539;
	font-size:12px;
	margin-left:5px;
	margin-right:15px;
	width:210px;
	}
.recipeSearch .buttonHover{
	height:27px;
	cursor:pointer;
	overflow:hidden; 
	width:78px;
	position:absolute;
	right:0;
	top:-3px;
	}

.glossarySearch .buttonHover{
	height:27px;
	cursor:pointer;
	overflow:hidden; 
	width:78px;
	position:absolute;
	left:290px;
	top:-3px;
	}
.alphabet{
	font-family:"Times New Roman", Times, serif;
	font-size:40px;
	font-weight:normal;
	margin:15px 0 15px 0;
	color:#A4A641;
	}	
.glossaryWord{
	font-size:12px;
	margin:0;
	}
.recipeSearch .buttonHover:hover input, .glossarySearch .buttonHover:hover input{
  	margin-top:-27px;
	}

.resultsNav{
	position:relative;
	color:#736539;
	}
.resultsNav p{
	display:inline;
	}

.resultsNav .alnRight{
	position:absolute;
	right:0;
	bottom:0;
	}
.glossarySearch .index{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:15px;
	margin-bottom:20px;
	}
.glossarySearch .index li{
		border-right:1px solid #736539;
		text-align:center;
		display:inline;
	}
.glossarySearch .index li a{
	width:25px;
	padding:0 6px 0 6px;
	color:#A33D17;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	}
.glossarySearch .index li .selected{
	color:#736539;
	font-weight:bold;
	text-decoration:none;
	padding:0 6px 0 6px;
	}
.productDetails{
	color:#736539;
	padding-left:5px;
	}
.productDetails h3{
	margin:0;
	}

.productDetails p{
	margin:0;
	}
.productDetails a{
	color:#736539;
	}

.productDetails .detailsLeft{
	display:inline-block;
	padding:5px;
	margin-top:15px;
	}

.productDetails .detailsLeft img{
	border:1px solid #e2e2e2;
	padding:4px;
	vertical-align:top;
	margin-bottom:5px;
	}
.detailsMore{
	padding:5px;
	}

.detailsMore ol{
	padding-left:5px;
	margin-left:5px;
	}

.detailsMore ol li{
	margin-bottom:15px;
	}
/*
.detailsMore form p{
	margin-left:45px;
	position:relative;
	}
*/
.detailsMore p{
	margin-left:45px;
	position:relative;
	}

.detailsMore .txtField{
		width:40px;
		color:#736539;
		text-align:center;
	}
.detailsMore p span{
	/*width:30px;*/
	display:inline-block;
	}
.detailsMore .buttonHover{
	height:27px;
	cursor:pointer;
	overflow:hidden; 
	width:78px;  
 	display:block;
	position:absolute;
	left:120px;
	bottom:0;
	}
	
.detailsMore .buttonHover:hover input{
  	margin-top:-27px;
	}

.detailsMore h4{
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	color:#A4A641;
	margin-bottom:5px;
	}
.productDetails .detailsRight{
	display:inline-block;
	margin-left:35px;
	vertical-align:top;
	padding:4px;
	margin-top:15px;
	}

.productDetails .detailsRight .linkList{
	padding:0;
	margin:0;
	list-style-type:none;
	margin-top:10px;
	margin-bottom:15px;
	}

.productDetails .detailsRight .linkList li a{
	color:#a33d17;
	padding:3px;
	padding-left:20px;
	}
.productDetails .detailsRight .linkList li a.review{
	background:url(../images/bltReviews.jpg) left no-repeat;
	}

.productDetails .detailsRight .linkList li a.rate{
	background:url(../images/bltRate.jpg) left no-repeat;
	}
.productDetails .detailsRight .linkList li a.save{
	background:url(../images/bltSave.jpg) left no-repeat;
	}

.productDetails .detailsRight .linkList li a.print{
	background:url(../images/bltPrint.jpg) left no-repeat;
	}
.productDetails .detailsRight .linkList li a.email{
	background:url(../images/bltEmail.jpg) left no-repeat;
	}
.productDetails .detailsRight .linkList li a.cart{
	background:url(../images/bltCart.jpg) left no-repeat;
	}
.productDetails .detailsRight .linkList li a.note{
	background:url(../images/bltNote.jpg) left no-repeat;
	}
.productDetails .detailsRight .label{
	display:inline-block;
	width:120px;
	text-transform:uppercase;
	color:#A4A641;
	}
.productDetails .detailsRight .value{
	display:inline;
	}

.productDetails .detailsRight .break{
	height:1px;
	margin:0;
	}

.detailReview{
	position:relative;
	}

.detailReview .ratingBar{
	position:absolute;
	top:7px;
	right:30px;
	}

.ratingForm{
	position:relative;
	}

.ratingForm p.select{
	margin:0;
	position:absolute;
	top:0;
	left:90px;
	}
.ratingForm p.button{
	margin:0;
	position:absolute;
	top:-3px;
	left:140px;
	}

.blog .noMargin{
	margin:0;
	}
.blog h2{
	margin:0;
	}
.blog h2 a{
	color:#a4a641;
	font-weight:normal;
	font-size:16px;
	margin:0;
	text-transform:none;
	}

.blog img{
	border:1px solid #e2e2e2;
	padding:4px;
	margin:5px 15px 15px 0;
	float:left;
	}

.blog a{
	text-transform:uppercase;
	margin-left:20px;
	font-size:10px;
	}
	
.googleLeft{
	background:#FFFFFF;
	padding:5px;
	height:550px;
	margin-top:5px;
	margin-left:37px;
	}
/* Common classes */
a{
	color:#A6351C;
	}

a:hover{
	text-decoration:none;
	}
.alnCenter{
	text-align:center;
	}

a img{
	border:0;
	}

.hr{
	border-bottom:2px dotted #DAC071;
	height:2px;
	margin:10px 0 10px 0;
	}
.hr2{
	border-bottom:1px dotted #DAC071;
	height:2px;
	margin:10px 0 10px 0;
	}

h3{
	font-size:20px;
	font-weight:normal;
	}

.txtGreen{
	color:#77A632;
	}

.txtOrange{
	color:#D96C0D;
	}
	
.txtBlue{
	color:#4C7370;
	}
	
.alnRight{
	text-align:right;
	}
	
.noMargin{
	margin:0;
	}
	
.strong{
	font-weight:bold;
	}
	
.brClear{
	clear:both;
	}
/* Start Rating */
.rating{
	width:80px;
	height:16px;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star-matrix.png) no-repeat 0 0;
	display:inline-block;
	margin-right:10px;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0px}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../images/star-matrix.png) no-repeat 0px 0px;
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

/* rating stars */
.ratingstar{
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	z-index:2;
	overflow:hidden;
	left:0;	
	overflow:hidden;
	background: url(../images/image_star.gif) no-repeat 0px 0px;
}

.filledRatingStar {
    background-image: url(../images/image_star_over.gif);
    width: 20px;

}

.emptyRatingStar {
    background-image: url(../images/image_star.gif);
    width: 20px;
}

.selectedRatingStar
{
    background-image: url(../images/image_star_sel.gif);
    width: 20px;

}
/* popup */
.message_content
{
	width: 30%;
	display: block;
	padding: 5px;
	height: auto;
	padding: 16px;
	border: 16px solid #0077CE;
	background-color: white;
}

.fright
{
	float: right;
}

a.redcross
{
	background: url(/images/scross.gif) no-repeat left center;
	padding: 0 0 3px 19px;
}

.modalBackground
{
	background-color: Black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}