*{margin:0;padding:0}
body {
	margin: 0;
	padding: 0;
	font-family:arial, sans-serif;
	font-size: 62.5%;
	color: #222;
	background: #fff url(../images/products/bg.png) repeat-x top left;
	text-align:center;
}

/* links */
a:link, a:visited {
	color: #B00757;
	text-decoration: underline;
}
a:hover {color: #666;}
a img {border: none;}

/* body */
#body{
	padding:15px;
	text-align:left;
	width:508px;
}
#pic{
	text-align:center;
	margin:10px 0;
}
#pic img{padding:3px;border:1px solid #a1ccef;background:#fff;margin:0 auto; width:500px; height:125px; overflow:hidden;}

#content{
	padding:30px 50px 30px 30px;
	width:520px;
	
	background:url('../recipes/images/card.jpg') top left no-repeat;
	font-size:1.3em;
	line-height:1.4em;
	overflow:auto;
}
#recimg {
margin-top:10px;
width:400px;
height:200px;
border:1px solid #7e053f;
margin-bottom:10px;
}
#recimg img {

}
#text {
	margin-top:0px;
	height:150px;
	overflow:auto;
	border:1px solid #dddddd;
	padding:20px;
}
#search {


}
#left{
	float:left;
	width:325px;
}
#right{
	float:left;
	width:160px;
	border-left:1px solid #ddd;
	padding-left:10px;
	margin-left:10px;
}

/* elements */
h1{
	margin:0;
	color:#7e053f;
	font-family:arial, sans-serif;
	font-weight:normal;
	font-size:24px;
}
h2,p{margin:10px 0}
#right ul{
	margin:10px 0;
	height:100px;
	overflow:auto;
	border-top:1px solid #ddd;
}
#right li{
	border-bottom:1px solid #ddd;
	padding:0 0 3px 5px;
	margin-bottom:3px;
}
div.clear{clear:both}

#img_rotate{
	overflow:hidden;
	position:relative;
	width:500px;
	height:125px;
	float:left;
	margin-left:10px;
}
#img_rotate img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#img_rotate img.active {
	z-index:10;
	opacity:1.0;
}
#img_rotate img.last-active {
	z-index:9;
}

#leftPic {
float:left;
margin:5px;

}